diff --git a/source/getting-started/concepts-terminology.markdown b/source/getting-started/concepts-terminology.markdown
index a53e5176053..7441a55fae0 100644
--- a/source/getting-started/concepts-terminology.markdown
+++ b/source/getting-started/concepts-terminology.markdown
@@ -8,7 +8,13 @@ Now you're in Home Assistant, let's look at the most important concepts.
Integrations are pieces of software that allow Home Assistant to connect to other software and platforms. For example, a product by Philips called Hue would use the Philips Hue {% term integration %} and allow Home Assistant to talk to the hardware controller Hue Bridge. Any Home Assistant compatible {% term devices %} connected to the Hue Bridge would appear in Home Assistant as [devices](#devices).
-
+
+
+Some integration cards show an icon:
+
+- The cloud icon 
indicates that this integration depends on the cloud.
+- The YAML icon 
indicates that this integration was not setup via the UI. You have either set it up in YAML or it is a dependency set up by an other integration. If you want to configure it, you will need to do so in your configuration.yaml file.
+- The custom icon 
indicates that this is not an official Home Assistant integration but that it was custom made. It could be imported from another source, for example downloaded from HACS.
For a full list of compatible {% term integrations %}, refer to the [integrations](/integrations) documentation.
diff --git a/source/images/getting-started/cloud-icon.png b/source/images/getting-started/cloud-icon.png
new file mode 100644
index 00000000000..b41ddbb7b30
Binary files /dev/null and b/source/images/getting-started/cloud-icon.png differ
diff --git a/source/images/getting-started/custom-icon.png b/source/images/getting-started/custom-icon.png
new file mode 100644
index 00000000000..aeb4350749e
Binary files /dev/null and b/source/images/getting-started/custom-icon.png differ
diff --git a/source/images/getting-started/integrations-new.png b/source/images/getting-started/integrations-new.png
deleted file mode 100644
index 8252d691cd5..00000000000
Binary files a/source/images/getting-started/integrations-new.png and /dev/null differ
diff --git a/source/images/getting-started/integrations.png b/source/images/getting-started/integrations.png
new file mode 100644
index 00000000000..457d238bb58
Binary files /dev/null and b/source/images/getting-started/integrations.png differ
diff --git a/source/images/getting-started/yaml-icon.png b/source/images/getting-started/yaml-icon.png
new file mode 100644
index 00000000000..3b1ed53d752
Binary files /dev/null and b/source/images/getting-started/yaml-icon.png differ