diff --git a/source/_integrations/cover.markdown b/source/_integrations/cover.markdown
index 3816ca93de1..6287f9363ee 100644
--- a/source/_integrations/cover.markdown
+++ b/source/_integrations/cover.markdown
@@ -28,6 +28,10 @@ The way these sensors are displayed in the frontend can be modified in the [cust
 - **shutter**: Control of shutters, which are linked slats that swing out/in to covering an opening or may be tilted to partially cover an opening, such as indoor or exterior window shutters.
 - **window**: Control of a physical window that opens and closes or may tilt.
 
+Here are a few examples of this representation in the UI:
+
+<p class='img'><img src='/images/screenshots/cover_classes_icons.png' />Example of various device classes icons in `open` and `closed` state. The open image in this example has `state_color: true` specified in the Entities card configuration to receive the icon coloring.</p>
+
 ## Services
 
 ### Cover control services
diff --git a/source/images/screenshots/cover_classes_icons.png b/source/images/screenshots/cover_classes_icons.png
new file mode 100644
index 00000000000..0897bddb8b6
Binary files /dev/null and b/source/images/screenshots/cover_classes_icons.png differ