<!-- Overcast Black -->
<svg width="48px" height="48px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
    <title>Overcast</title>
    <g>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.8,31.2c0-2,0.6-3.8,1.8-5.2s2.8-2.6,4.8-3C9,20.6,10,18.8,12,17.2
		c1.8-1.6,4-2.2,6.4-2.2s4.4,0.8,6.4,2.2c1.8,1.4,3,3.4,3.6,5.6H29c2.4,0,4.4,0.8,6,2.4c1.6,1.6,2.4,3.6,2.4,6c0,2.4-0.8,4.4-2.4,6
		c-1.6,1.6-3.6,2.4-6,2.4H10.4c-1.2,0-2.2-0.2-3.4-0.6s-2-1-2.8-1.8s-1.4-1.6-1.8-2.8C2,33.2,1.8,32.4,1.8,31.2z M4.6,31.2
		c0,1.6,0.6,2.8,1.6,4s2.4,1.6,4,1.6h18.6c1.6,0,2.8-0.6,4-1.6c1.2-1,1.6-2.4,1.6-4c0-1.6-0.6-2.8-1.6-4c-1-1-2.4-1.6-4-1.6H26
		c-0.2,0-0.2-0.2-0.2-0.2l-0.2-1c-0.2-1.8-1-3.4-2.4-4.6c-1.4-1.2-3-1.8-4.8-1.8c-1.8,0-3.6,0.6-5,1.8C12,21,11.2,22.6,11,24.4
		l-0.2,0.8c0,0.2-0.2,0.2-0.4,0.2l-0.8,0.2C8.2,25.8,7,26.4,6,27.4C5.2,28.4,4.6,29.8,4.6,31.2z M22.4,13.8
		c-0.2,0.2-0.2,0.2,0.2,0.4c0.8,0.4,1.6,0.8,2.2,1.2c0.2,0,0.4,0,0.4,0c1.2-1.2,2.6-1.8,4.2-1.8s3,0.6,4.2,1.6c1.2,1,1.8,2.4,2,4
		l0.2,1.2h2.8c1.2,0,2.4,0.4,3.4,1.4s1.4,2,1.4,3.4c0,1.2-0.4,2.2-1.2,3.2s-1.8,1.4-3,1.6C39,30,39,30,39,30.4v2.2
		c0,0.2,0,0.4,0.2,0.4c2-0.2,3.8-1,5-2.4s2-3.2,2-5.2c0-2.2-0.8-4-2.2-5.4c-1.6-1.6-3.2-2.2-5.4-2.2h-0.2c-0.6-2-1.6-3.6-3.2-5
		c-1.6-1.4-3.6-2-5.6-2C26.6,10.6,24.2,11.6,22.4,13.8z" />
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Overcast White -->
    <svg width="48px" height="48px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
        <title>Overcast</title>
        <g>
            <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M1.8,31.2c0-2,0.6-3.8,1.8-5.2s2.8-2.6,4.8-3
    		C9,20.6,10,18.8,12,17.2c1.8-1.6,4-2.2,6.4-2.2s4.4,0.8,6.4,2.2c1.8,1.4,3,3.4,3.6,5.6H29c2.4,0,4.4,0.8,6,2.4
    		c1.6,1.6,2.4,3.6,2.4,6c0,2.4-0.8,4.4-2.4,6c-1.6,1.6-3.6,2.4-6,2.4H10.4c-1.2,0-2.2-0.2-3.4-0.6s-2-1-2.8-1.8s-1.4-1.6-1.8-2.8
    		C2,33.2,1.8,32.4,1.8,31.2z M4.6,31.2c0,1.6,0.6,2.8,1.6,4s2.4,1.6,4,1.6h18.6c1.6,0,2.8-0.6,4-1.6c1.2-1,1.6-2.4,1.6-4
    		c0-1.6-0.6-2.8-1.6-4c-1-1-2.4-1.6-4-1.6H26c-0.2,0-0.2-0.2-0.2-0.2l-0.2-1c-0.2-1.8-1-3.4-2.4-4.6c-1.4-1.2-3-1.8-4.8-1.8
    		c-1.8,0-3.6,0.6-5,1.8C12,21,11.2,22.6,11,24.4l-0.2,0.8c0,0.2-0.2,0.2-0.4,0.2l-0.8,0.2C8.2,25.8,7,26.4,6,27.4
    		C5.2,28.4,4.6,29.8,4.6,31.2z M22.4,13.8c-0.2,0.2-0.2,0.2,0.2,0.4c0.8,0.4,1.6,0.8,2.2,1.2c0.2,0,0.4,0,0.4,0
    		c1.2-1.2,2.6-1.8,4.2-1.8s3,0.6,4.2,1.6c1.2,1,1.8,2.4,2,4l0.2,1.2h2.8c1.2,0,2.4,0.4,3.4,1.4s1.4,2,1.4,3.4c0,1.2-0.4,2.2-1.2,3.2
    		s-1.8,1.4-3,1.6C39,30,39,30,39,30.4v2.2c0,0.2,0,0.4,0.2,0.4c2-0.2,3.8-1,5-2.4s2-3.2,2-5.2c0-2.2-0.8-4-2.2-5.4
    		c-1.6-1.6-3.2-2.2-5.4-2.2h-0.2c-0.6-2-1.6-3.6-3.2-5c-1.6-1.4-3.6-2-5.6-2C26.6,10.6,24.2,11.6,22.4,13.8z" />
        </g>
    </svg>
</div>
  • Handle: @weather-svg--overcast
  • Preview:
  • Filesystem Path: src/components/02-utilities/04-icons/03-weather-icons/weather-svg--overcast.hbs