logo-responsive.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <title>home-assistant-logo-responsive</title>
  <style>
    svg * {
    }
    
    .only-on-small { opacity: 0; }
    .hide-on-big { opacity: 0; }    
    
    @media all and (max-width: 130px) {
      .only-on-big  { opacity: 0; }
      #background-color-rect { fill: #40BDF5; }
      #house_big_fill { fill: #FFFFFF; }
    }
    
    @media all and (max-width: 55px) {
      .only-on-small { opacity: 100; }
      .hide-on-small { opacity: 0; }
      #house_small_tree {
        transform: scale(1);
        transform-origin: 50% 50%;
      }
    }
    
    @media all and (max-width: 34px) {
      #house_small_tree {
        fill: #40BDF5;  
        transform: scale(1.25);
      }
      #background {
        opacity: 0
      }
    }
    
  </style>
  <defs>
    <path id="house-path" d="M97,412.234971 L97,279 L62.2629241,279 L62.2629241,279 C57.1083081,279 52.9296662,274.821358 52.9296662,269.666742 C52.9296662,267.21304 53.8959237,264.858035 55.6193053,263.111436 L242.720321,73.4897957 L242.720321,73.4897957 C247.245816,68.9033341 254.632515,68.8539102 259.218977,73.3794044 C259.249346,73.4093694 259.27955,73.4395008 259.309588,73.4697971 L357,172 L357,153.777715 L357,153.777715 C357,149.482202 360.482202,146 364.777715,146 L397.222285,146 L397.222285,146 C401.517798,146 405,149.482202 405,153.777715 L405,220.699997 L446.541007,263.137996 L446.541007,263.137996 C450.146734,266.821581 450.083617,272.730736 446.400032,276.336463 C444.655784,278.043843 442.312095,279 439.871286,279 L405,279 L405,412.234971 L405,412.234971 C405,416.530484 401.517798,420.012685 397.222285,420.012685 L104.777715,420.012685 L104.777715,420.012685 C100.482202,420.012685 97,416.530484 97,412.234971 Z"></path>
    <path id="large-tree-path" d="M303.534047,250.479763 L317.995902,264.941618 L317.995902,219.159157 C312.16994,217.099975 307.995902,211.54378 307.995902,205.012685 C307.995902,196.728414 314.711631,190.012685 322.995902,190.012685 C331.280173,190.012685 337.995902,196.728414 337.995902,205.012685 C337.995902,211.54378 333.821864,217.099975 327.995902,219.159157 L327.995902,264.941618 L342.457757,250.479763 C341.520663,248.521586 340.995902,246.328418 340.995902,244.012685 C340.995902,235.728414 347.711631,229.012685 355.995902,229.012685 C364.280173,229.012685 370.995902,235.728414 370.995902,244.012685 C370.995902,252.296957 364.280173,259.012685 355.995902,259.012685 C353.680169,259.012685 351.487001,258.487925 349.528825,257.550831 L327.995902,279.083753 L327.995902,304.083753 L298.06697,334.012685 L339.84943,334.012685 C341.908612,328.186724 347.464808,324.012685 353.995902,324.012685 C362.280173,324.012685 368.995902,330.728414 368.995902,339.012685 C368.995902,347.296957 362.280173,354.012685 353.995902,354.012685 C347.464808,354.012685 341.908612,349.838647 339.84943,344.012685 L288.06697,344.012685 L255.995902,376.083753 L255.995902,408.941618 L282.924834,382.012685 L313.84943,382.012685 C315.908612,376.186724 321.464808,372.012685 327.995902,372.012685 C336.280173,372.012685 342.995902,378.728414 342.995902,387.012685 C342.995902,395.296957 336.280173,402.012685 327.995902,402.012685 C321.464808,402.012685 315.908612,397.838647 313.84943,392.012685 L287.06697,392.012685 L258.06697,421.012685 L243.924834,421.012685 L215.924834,393.012685 L188.142373,393.012685 C186.083191,398.838647 180.526996,403.012685 173.995902,403.012685 C165.711631,403.012685 158.995902,396.296957 158.995902,388.012685 C158.995902,379.728414 165.711631,373.012685 173.995902,373.012685 C180.526996,373.012685 186.083191,377.186724 188.142373,383.012685 L205.924834,383.012685 L172.462979,349.550831 C170.504803,350.487925 168.311634,351.012685 165.995902,351.012685 C157.711631,351.012685 150.995902,344.296957 150.995902,336.012685 C150.995902,327.728414 157.711631,321.012685 165.995902,321.012685 C174.280173,321.012685 180.995902,327.728414 180.995902,336.012685 C180.995902,338.328418 180.471141,340.521586 179.534047,342.479763 L212.995902,375.941618 L212.995902,357.159157 C207.16994,355.099975 202.995902,349.54378 202.995902,343.012685 C202.995902,334.728414 209.711631,328.012685 217.995902,328.012685 C226.280173,328.012685 232.995902,334.728414 232.995902,343.012685 C232.995902,349.54378 228.821864,355.099975 222.995902,357.159157 L222.995902,385.941618 L245.995902,408.941618 L245.995902,334.083753 L202.924834,291.012685 L175.142373,291.012685 C173.083191,296.838647 167.526996,301.012685 160.995902,301.012685 C152.711631,301.012685 145.995902,294.296957 145.995902,286.012685 C145.995902,277.728414 152.711631,271.012685 160.995902,271.012685 C167.526996,271.012685 173.083191,275.186724 175.142373,281.012685 L192.924834,281.012685 L161.995902,250.083753 L161.995902,218.159157 C156.16994,216.099975 151.995902,210.54378 151.995902,204.012685 C151.995902,195.728414 158.711631,189.012685 166.995902,189.012685 C175.280173,189.012685 181.995902,195.728414 181.995902,204.012685 C181.995902,210.54378 177.821864,216.099975 171.995902,218.159157 L171.995902,245.941618 L199.995902,273.941618 L199.995902,255.159157 C194.16994,253.099975 189.995902,247.54378 189.995902,241.012685 C189.995902,232.728414 196.711631,226.012685 204.995902,226.012685 C213.280173,226.012685 219.995902,232.728414 219.995902,241.012685 C219.995902,247.54378 215.821864,253.099975 209.995902,255.159157 L209.995902,283.941618 L245.995902,319.941618 L245.995902,215.083753 L225.462979,194.550831 C223.504803,195.487925 221.311634,196.012685 218.995902,196.012685 C210.711631,196.012685 203.995902,189.296957 203.995902,181.012685 C203.995902,172.728414 210.711631,166.012685 218.995902,166.012685 C227.280173,166.012685 233.995902,172.728414 233.995902,181.012685 C233.995902,183.328418 233.471141,185.521586 232.534047,187.479763 L250.995902,205.941618 L269.457757,187.479763 C268.520663,185.521586 267.995902,183.328418 267.995902,181.012685 C267.995902,172.728414 274.711631,166.012685 282.995902,166.012685 C291.280173,166.012685 297.995902,172.728414 297.995902,181.012685 C297.995902,189.296957 291.280173,196.012685 282.995902,196.012685 C280.680169,196.012685 278.487001,195.487925 276.528825,194.550831 L255.995902,215.083753 L255.995902,361.941618 L280.995902,336.941618 L280.995902,307.159157 C275.16994,305.099975 270.995902,299.54378 270.995902,293.012685 C270.995902,284.728414 277.711631,278.012685 285.995902,278.012685 C294.280173,278.012685 300.995902,284.728414 300.995902,293.012685 C300.995902,299.54378 296.821864,305.099975 290.995902,307.159157 L290.995902,326.941618 L317.995902,299.941618 L317.995902,279.083753 L296.462979,257.550831 C294.504803,258.487925 292.311634,259.012685 289.995902,259.012685 C281.711631,259.012685 274.995902,252.296957 274.995902,244.012685 C274.995902,235.728414 281.711631,229.012685 289.995902,229.012685 C298.280173,229.012685 304.995902,235.728414 304.995902,244.012685 C304.995902,246.328418 304.471141,248.521586 303.534047,250.479763 Z M173.995902,394.012685 C177.30961,394.012685 179.995902,391.326394 179.995902,388.012685 C179.995902,384.698977 177.30961,382.012685 173.995902,382.012685 C170.682193,382.012685 167.995902,384.698977 167.995902,388.012685 C167.995902,391.326394 170.682193,394.012685 173.995902,394.012685 Z M217.995902,349.012685 C221.30961,349.012685 223.995902,346.326394 223.995902,343.012685 C223.995902,339.698977 221.30961,337.012685 217.995902,337.012685 C214.682193,337.012685 211.995902,339.698977 211.995902,343.012685 C211.995902,346.326394 214.682193,349.012685 217.995902,349.012685 Z M165.995902,342.012685 C169.30961,342.012685 171.995902,339.326394 171.995902,336.012685 C171.995902,332.698977 169.30961,330.012685 165.995902,330.012685 C162.682193,330.012685 159.995902,332.698977 159.995902,336.012685 C159.995902,339.326394 162.682193,342.012685 165.995902,342.012685 Z M160.995902,292.012685 C164.30961,292.012685 166.995902,289.326394 166.995902,286.012685 C166.995902,282.698977 164.30961,280.012685 160.995902,280.012685 C157.682193,280.012685 154.995902,282.698977 154.995902,286.012685 C154.995902,289.326394 157.682193,292.012685 160.995902,292.012685 Z M285.995902,299.012685 C289.30961,299.012685 291.995902,296.326394 291.995902,293.012685 C291.995902,289.698977 289.30961,287.012685 285.995902,287.012685 C282.682193,287.012685 279.995902,289.698977 279.995902,293.012685 C279.995902,296.326394 282.682193,299.012685 285.995902,299.012685 Z M353.995902,345.012685 C357.30961,345.012685 359.995902,342.326394 359.995902,339.012685 C359.995902,335.698977 357.30961,333.012685 353.995902,333.012685 C350.682193,333.012685 347.995902,335.698977 347.995902,339.012685 C347.995902,342.326394 350.682193,345.012685 353.995902,345.012685 Z M327.995902,393.012685 C331.30961,393.012685 333.995902,390.326394 333.995902,387.012685 C333.995902,383.698977 331.30961,381.012685 327.995902,381.012685 C324.682193,381.012685 321.995902,383.698977 321.995902,387.012685 C321.995902,390.326394 324.682193,393.012685 327.995902,393.012685 Z M355.995902,250.012685 C359.30961,250.012685 361.995902,247.326394 361.995902,244.012685 C361.995902,240.698977 359.30961,238.012685 355.995902,238.012685 C352.682193,238.012685 349.995902,240.698977 349.995902,244.012685 C349.995902,247.326394 352.682193,250.012685 355.995902,250.012685 Z M322.995902,211.012685 C326.30961,211.012685 328.995902,208.326394 328.995902,205.012685 C328.995902,201.698977 326.30961,199.012685 322.995902,199.012685 C319.682193,199.012685 316.995902,201.698977 316.995902,205.012685 C316.995902,208.326394 319.682193,211.012685 322.995902,211.012685 Z M282.995902,187.012685 C286.30961,187.012685 288.995902,184.326394 288.995902,181.012685 C288.995902,177.698977 286.30961,175.012685 282.995902,175.012685 C279.682193,175.012685 276.995902,177.698977 276.995902,181.012685 C276.995902,184.326394 279.682193,187.012685 282.995902,187.012685 Z M218.995902,187.012685 C222.30961,187.012685 224.995902,184.326394 224.995902,181.012685 C224.995902,177.698977 222.30961,175.012685 218.995902,175.012685 C215.682193,175.012685 212.995902,177.698977 212.995902,181.012685 C212.995902,184.326394 215.682193,187.012685 218.995902,187.012685 Z M166.995902,210.012685 C170.30961,210.012685 172.995902,207.326394 172.995902,204.012685 C172.995902,200.698977 170.30961,198.012685 166.995902,198.012685 C163.682193,198.012685 160.995902,200.698977 160.995902,204.012685 C160.995902,207.326394 163.682193,210.012685 166.995902,210.012685 Z M204.995902,247.012685 C208.30961,247.012685 210.995902,244.326394 210.995902,241.012685 C210.995902,237.698977 208.30961,235.012685 204.995902,235.012685 C201.682193,235.012685 198.995902,237.698977 198.995902,241.012685 C198.995902,244.326394 201.682193,247.012685 204.995902,247.012685 Z M289.995902,250.012685 C293.30961,250.012685 295.995902,247.326394 295.995902,244.012685 C295.995902,240.698977 293.30961,238.012685 289.995902,238.012685 C286.682193,238.012685 283.995902,240.698977 283.995902,244.012685 C283.995902,247.326394 286.682193,250.012685 289.995902,250.012685 Z"></path>
    <path id="small-tree-path" d="M210.834697,288.621493 L240,317.786797 L240,229.092415 C225.340848,223.158541 215,208.786888 215,192 C215,169.90861 232.90861,152 255,152 C277.09139,152 295,169.90861 295,192 C295,208.786888 284.659152,223.158541 270,229.092415 L270,317.786797 L299.165303,288.621493 C297.127365,283.822167 296,278.542738 296,273 C296,250.90861 313.90861,233 336,233 C358.09139,233 376,250.90861 376,273 C376,295.09139 358.09139,313 336,313 C330.457262,313 325.177833,311.872635 320.378507,309.834697 L270,360.213203 L270,421 L240,421 L240,360.213203 L189.621493,309.834697 C184.822167,311.872635 179.542738,313 174,313 C151.90861,313 134,295.09139 134,273 C134,250.90861 151.90861,233 174,233 C196.09139,233 214,250.90861 214,273 C214,278.542738 212.872635,283.822167 210.834697,288.621493 Z M255,208 C263.836556,208 271,200.836556 271,192 C271,183.163444 263.836556,176 255,176 C246.163444,176 239,183.163444 239,192 C239,200.836556 246.163444,208 255,208 Z M336,289 C344.836556,289 352,281.836556 352,273 C352,264.163444 344.836556,257 336,257 C327.163444,257 320,264.163444 320,273 C320,281.836556 327.163444,289 336,289 Z M174,289 C182.836556,289 190,281.836556 190,273 C190,264.163444 182.836556,257 174,257 C165.163444,257 158,264.163444 158,273 C158,281.836556 165.163444,289 174,289 Z"></path>
    
    <filter id="house-shadow-filter" x="-15.8%" y="-13.0%" width="131.6%" height="135.7%" filterUnits="objectBoundingBox">
      <feOffset dx="0" dy="17" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
      <feGaussianBlur stdDeviation="18" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
      <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
    </filter>
    
    <filter id="white-gloss-edge" x="-0.5%" y="-0.6%" width="101.0%" height="101.1%" filterUnits="objectBoundingBox">
        <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
        <feOffset dx="0" dy="-1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
        <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
        <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
    </filter>
    
    <mask id="small-tree-mask">
      <rect width="100%" height="100%" fill="white"/>
      <use fill="#000000" fill-rule="evenodd" xlink:href="#small-tree-path"></use>
    </mask>
    <mask id="big-tree-mask">
      <rect width="100%" height="100%" fill="white"/>
      <use fill="#000000" fill-rule="evenodd" xlink:href="#large-tree-path"></use>
    </mask>
    
    <linearGradient id="bg-gradient" x1="50%" y1="9.13982781%" x2="50%" y2="93.6862245%">
        <stop stop-color="#6CCCF7" offset="0%"></stop>
        <stop stop-color="#41BDF5" offset="100%"></stop>
    </linearGradient>
    
    <linearGradient id="white-house-gradient" x1="50%" y1="41.7510364%" x2="50%" y2="100%">
        <stop stop-color="#FFFFFF" offset="0%"></stop>
        <stop stop-color="#EDEDED" offset="100%"></stop>
    </linearGradient>
    
  </defs>
    
  <g id="home-assistant-logo-responsive">
    <g id="background">
      <rect id="background-color-rect" fill="url(#bg-gradient)" x="0" y="0" width="500" height="500" rx="36"></rect>
      <g id="depth-borders" class="only-on-big">
        <path d="M500,252.5 L500,46.1499336 C500,30.1025963 498.329139,24.283444 495.191611,18.4167773 C492.054084,12.5501107 487.449889,7.94591634 481.583223,4.80838867 C475.716556,1.670861 469.897404,-1.08333549e-15 453.850066,1.86451255e-15 L46.1499336,-1.86451255e-15 C30.1025963,1.08333549e-15 24.283444,1.670861 18.4167773,4.80838867 C12.5501107,7.94591634 7.94591634,12.5501107 4.80838867,18.4167773 C1.670861,24.283444 -7.22223659e-16,30.1025963 1.24300837e-15,46.1499336 L-1.52441497e-17,252.5 L1.24300837e-15,51.1499336 C-7.22223659e-16,35.1025963 1.670861,29.283444 4.80838867,23.4167773 C7.94591634,17.5501107 12.5501107,12.9459163 18.4167773,9.80838867 C24.283444,6.670861 30.1025963,5 46.1499336,5 L453.850066,5 C469.897404,5 475.716556,6.670861 481.583223,9.80838867 C487.449889,12.9459163 492.054084,17.5501107 495.191611,23.4167773 C498.329139,29.283444 500,35.1025963 500,51.1499336 L500,252.5 Z" id="top-depth-border" fill-opacity="0.25" fill="#FFFFFF"></path>
        <path d="M500,247.5 L500,453.850066 C500,469.897404 498.329139,475.716556 495.191611,481.583223 C492.054084,487.449889 487.449889,492.054084 481.583223,495.191611 C475.716556,498.329139 469.897404,500 453.850066,500 L46.1499336,500 C30.1025963,500 24.283444,498.329139 18.4167773,495.191611 C12.5501107,492.054084 7.94591634,487.449889 4.80838867,481.583223 C1.670861,475.716556 7.22223659e-16,469.897404 -1.24300837e-15,453.850066 L1.52441497e-17,247.5 L-1.24300837e-15,448.850066 C7.22223659e-16,464.897404 1.670861,470.716556 4.80838867,476.583223 C7.94591634,482.449889 12.5501107,487.054084 18.4167773,490.191611 C24.283444,493.329139 30.1025963,495 46.1499336,495 L453.850066,495 C469.897404,495 475.716556,493.329139 481.583223,490.191611 C487.449889,487.054084 492.054084,482.449889 495.191611,476.583223 C498.329139,470.716556 500,464.897404 500,448.850066 L500,247.5 Z" id="bottom-depth-border" fill-opacity="0.149937726" fill="#000000"></path>
      </g>
    </g>
    <g id="house_shadow" class="only-on-big" filter="url(#house-shadow-filter)">
        <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#house-path"></use>
    </g>
    <g id="house_big_tree" class="hide-on-small">
      <use id="house_big_fill" fill="url(#white-house-gradient)" fill-rule="evenodd" xlink:href="#house-path" mask="url(#big-tree-mask)"></use>
      <use class="only-on-big" fill="black" fill-opacity="1" filter="url(#white-gloss-edge)" fill-rule="evenodd" xlink:href="#house-path" mask="url(#big-tree-mask)"></use>
    </g>
    <use id="house_small_tree" class="only-on-small"  fill="#FFFFFF" fill-rule="evenodd" xlink:href="#house-path" mask="url(#small-tree-mask)"></use>
  </g>
</svg>