diff --git a/source/_includes/asides/component_navigation.html b/source/_includes/asides/component_navigation.html
index 66e78373bdd9..44ff45602d3b 100644
--- a/source/_includes/asides/component_navigation.html
+++ b/source/_includes/asides/component_navigation.html
@@ -5,6 +5,8 @@
   <div class='brand-logo-container section'>
     {%- if page.logo -%}
       <img src='/images/supported_brands/{{ page.logo }}' />
+    {%- else -%}
+      <img src='https://brands.home-assistant.io/{{ page.ha_domain }}/logo.png' srcset='https://brands.home-assistant.io/{{ page.ha_domain }}/logo@2x.png 2x' />
     {%- endif -%}
   </div>
 
diff --git a/source/integrations/index.html b/source/integrations/index.html
index 6882ffabd396..ae02ee938d99 100644
--- a/source/integrations/index.html
+++ b/source/integrations/index.html
@@ -95,7 +95,7 @@
         {% capture category %}"{{ ha_category | slugify | downcase }}"{% endcapture %}
         {% assign categories = categories | push: category %}
       {%- endfor -%}
-      {url:"{{ component.url }}", title:"{{component.title}}", cat: [{{categories|join: ","}}], featured: {% if component.featured %}true{% else %}false{% endif %}, v: "{{major_version}}.{{minor_version}}", logo: "{{component.logo}}"},
+      {url:"{{ component.url }}", title:"{{component.title}}", cat: [{{categories|join: ","}}], featured: {% if component.featured %}true{% else %}false{% endif %}, v: "{{major_version}}.{{minor_version}}", logo: "{{component.logo}}", domain: "{{component.ha_domain}}"},
     {% endif -%}
   {%- endfor -%}
   false
@@ -144,7 +144,7 @@
         components: [],
         image: function () {
           if (this.logo === '') {
-            return '';
+            return '<img src="https://brands.home-assistant.io/' + this.domain + '/logo.png" srcset="https://brands.home-assistant.io/' + this.domain + '/logo@2x.png 2x">';
           } else {
             return '<img data-src="/images/supported_brands/' + this.logo + '">';
           }