UCLA Component Library

Weather Icons SVG 

<!-- Default -->
<!-- PLEASE NOTE: Background styling with or without divs are added to better depict white icons. -->
<!-- 1. Extra styling with or without divs are added to better depict white icons -->
<!-- 2. SGV Icons: Extra div with background and display styling IS NOT REQUIRED for usage -->
<!-- 3. IMG Icons: Extra styling attribute IS NOT required for usage -->


<!-- Foggy -->
<!-- Foggy 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>Fog</title>
    <g>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M0,32.5c0-0.4,0.2-1,0.4-1.2S1.2,31,1.5,31h36.2c0.4,0,1,0.2,1.2,0.4
  		c0.2,0.2,0.6,0.8,0.6,1.2s-0.2,0.8-0.4,1.2c-0.4,0.4-0.8,0.4-1.2,0.4H1.7c-0.4,0-1-0.2-1.2-0.4C0.2,33.5,0,33.1,0,32.5z M5,26.5
  		c0-0.4,0.2-0.8,0.6-1.2C6,25.2,6.2,25,6.8,25H43c0.4,0,0.8,0.2,1.2,0.4s0.4,0.8,0.4,1.2s-0.2,0.8-0.4,1.2c-0.4,0.4-0.8,0.4-1.2,0.4
  		H6.8c-0.4,0-0.8-0.2-1.2-0.4C5.2,27.3,5,26.9,5,26.5z M5.4,21.9c0,0.2,0.2,0.2,0.4,0.2h2.7c0.2,0,0.2-0.2,0.4-0.4
  		c0.4-1,1.2-1.7,2.1-2.5c1-0.6,1.9-1,3.1-1.2l1.2-0.2c0.2,0,0.4-0.2,0.4-0.4l0.2-1c0.2-2.1,1.2-3.9,2.7-5.2c1.5-1.4,3.5-2.1,5.4-2.1
  		c2.1,0,3.9,0.8,5.4,2.1c1.5,1.4,2.5,3.1,2.7,5.2l0.2,1.2c0,0.2,0.2,0.4,0.4,0.4h3.1c1.2,0,2.3,0.4,3.5,1c1.2,0.6,1.7,1.5,2.3,2.7
  		c0.2,0.2,0.2,0.4,0.4,0.4h2.7c0.2,0,0.4-0.2,0.2-0.4c-0.6-1.9-1.7-3.7-3.3-4.8c-1.7-1.2-3.7-1.9-5.8-1.9h-0.6
  		c-0.6-2.5-1.9-4.6-4.1-6.4S26.7,6,24.2,6c-2.7,0-5,0.8-7.2,2.5s-3.5,3.9-4.1,6.6c-1.7,0.4-3.1,1.2-4.3,2.3
  		C7.5,18.6,5.8,20.1,5.4,21.9L5.4,21.9C5.4,21.7,5.4,21.9,5.4,21.9z M8.5,38.5c0-0.4,0.2-0.8,0.6-1.2c0.4-0.2,0.6-0.4,1.2-0.4h36.2
  		c0.4,0,0.8,0.2,1.2,0.4c0.4,0.4,0.4,0.8,0.4,1.2s-0.2,0.8-0.4,1.2c-0.2,0.4-0.8,0.6-1.4,0.6H10.1c-0.4,0-0.8-0.2-1.2-0.6
  		C8.7,39.3,8.5,38.9,8.5,38.5z" />
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Foggy 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>Fog</title>
        <g>
            <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M0,32.5c0-0.4,0.2-1,0.4-1.2S1.2,31,1.5,31h36.2
    		c0.4,0,1,0.2,1.2,0.4c0.2,0.2,0.6,0.8,0.6,1.2s-0.2,0.8-0.4,1.2c-0.4,0.4-0.8,0.4-1.2,0.4H1.7c-0.4,0-1-0.2-1.2-0.4
    		C0.2,33.5,0,33.1,0,32.5z M5,26.5c0-0.4,0.2-0.8,0.6-1.2C6,25.2,6.2,25,6.8,25H43c0.4,0,0.8,0.2,1.2,0.4s0.4,0.8,0.4,1.2
    		s-0.2,0.8-0.4,1.2c-0.4,0.4-0.8,0.4-1.2,0.4H6.8c-0.4,0-0.8-0.2-1.2-0.4C5.2,27.3,5,26.9,5,26.5z M5.4,21.9c0,0.2,0.2,0.2,0.4,0.2
    		h2.7c0.2,0,0.2-0.2,0.4-0.4c0.4-1,1.2-1.7,2.1-2.5c1-0.6,1.9-1,3.1-1.2l1.2-0.2c0.2,0,0.4-0.2,0.4-0.4l0.2-1
    		c0.2-2.1,1.2-3.9,2.7-5.2c1.5-1.4,3.5-2.1,5.4-2.1c2.1,0,3.9,0.8,5.4,2.1c1.5,1.4,2.5,3.1,2.7,5.2l0.2,1.2c0,0.2,0.2,0.4,0.4,0.4
    		h3.1c1.2,0,2.3,0.4,3.5,1c1.2,0.6,1.7,1.5,2.3,2.7c0.2,0.2,0.2,0.4,0.4,0.4h2.7c0.2,0,0.4-0.2,0.2-0.4c-0.6-1.9-1.7-3.7-3.3-4.8
    		c-1.7-1.2-3.7-1.9-5.8-1.9h-0.6c-0.6-2.5-1.9-4.6-4.1-6.4S26.7,6,24.2,6c-2.7,0-5,0.8-7.2,2.5s-3.5,3.9-4.1,6.6
    		c-1.7,0.4-3.1,1.2-4.3,2.3C7.5,18.6,5.8,20.1,5.4,21.9L5.4,21.9C5.4,21.7,5.4,21.9,5.4,21.9z M8.5,38.5c0-0.4,0.2-0.8,0.6-1.2
    		c0.4-0.2,0.6-0.4,1.2-0.4h36.2c0.4,0,0.8,0.2,1.2,0.4c0.4,0.4,0.4,0.8,0.4,1.2s-0.2,0.8-0.4,1.2c-0.2,0.4-0.8,0.6-1.4,0.6H10.1
    		c-0.4,0-0.8-0.2-1.2-0.6C8.7,39.3,8.5,38.9,8.5,38.5z" />
        </g>
    </svg>
</div>


<!-- Moon -->
<!-- Moon 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>Moon</title>
    <g>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M10,24.4c0-2,0.4-3.8,1.2-5.6c0.8-1.8,1.8-3.2,3-4.6s2.8-2.2,4.6-3
  		c1.8-0.8,3.6-1.2,5.6-1.2h2.2c0.4,0,0.4,0.2,0.4,0.6v1.8c0,2.6,1,4.8,2.8,6.4c1.8,1.8,3.8,2.8,6.4,2.8l1.6,0.2
  		c0.4,0,0.4,0.2,0.4,0.4v2c0,2.6-0.6,5-1.8,7.2c-1.2,2.2-3,4-5.2,5.2c-2.2,1.2-4.6,2-7.2,2c-2,0-3.8-0.4-5.6-1.2
  		c-1.8-0.8-3.2-1.8-4.6-3c-1.2-1.2-2.2-2.8-3-4.6C10.4,28.2,10,26.2,10,24.4z M13.6,24.4c0,1.6,0.2,3,0.8,4.4
  		c0.6,1.4,1.4,2.4,2.4,3.4s2.2,1.6,3.4,2.2c1.2,0.6,2.6,0.8,3.8,0.8s2.4-0.2,3.6-0.6c1.2-0.4,2.2-1,3.2-2c1-1,1.8-1.8,2.6-3.2
  		c0.8-1.2,1.2-2.6,1.4-4.2c-3.2-0.6-5.8-2-7.8-4.2s-2.8-4.6-3.2-7.6c-2,0.2-3.6,0.6-5.2,1.8c-1.6,1-2.8,2.4-3.6,4
  		C14.2,20.8,13.6,22.6,13.6,24.4z" />
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Moon 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>Moon</title>
        <g>
            <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M10,24.4c0-2,0.4-3.8,1.2-5.6c0.8-1.8,1.8-3.2,3-4.6
    		s2.8-2.2,4.6-3c1.8-0.8,3.6-1.2,5.6-1.2h2.2c0.4,0,0.4,0.2,0.4,0.6v1.8c0,2.6,1,4.8,2.8,6.4c1.8,1.8,3.8,2.8,6.4,2.8l1.6,0.2
    		c0.4,0,0.4,0.2,0.4,0.4v2c0,2.6-0.6,5-1.8,7.2c-1.2,2.2-3,4-5.2,5.2c-2.2,1.2-4.6,2-7.2,2c-2,0-3.8-0.4-5.6-1.2
    		c-1.8-0.8-3.2-1.8-4.6-3c-1.2-1.2-2.2-2.8-3-4.6C10.4,28.2,10,26.2,10,24.4z M13.6,24.4c0,1.6,0.2,3,0.8,4.4
    		c0.6,1.4,1.4,2.4,2.4,3.4s2.2,1.6,3.4,2.2c1.2,0.6,2.6,0.8,3.8,0.8s2.4-0.2,3.6-0.6c1.2-0.4,2.2-1,3.2-2c1-1,1.8-1.8,2.6-3.2
    		c0.8-1.2,1.2-2.6,1.4-4.2c-3.2-0.6-5.8-2-7.8-4.2s-2.8-4.6-3.2-7.6c-2,0.2-3.6,0.6-5.2,1.8c-1.6,1-2.8,2.4-3.6,4
    		C14.2,20.8,13.6,22.6,13.6,24.4z" />
        </g>
    </svg>
</div>


<!-- Overcast -->
<!-- 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>


<!-- Partly Cloudy -->
<!-- Partly Cloudy 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>Partly Cloudy</title>
    <g>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M0,34.7c0,1.6,0.4,3,1.3,4.5c0.9,1.4,1.8,2.5,3.2,3.2
  		c1.4,0.7,2.9,1.3,4.5,1.3h19.3c1.6,0,3-0.4,4.5-1.3c1.4-0.9,2.5-1.8,3.2-3.2c0.7-1.4,1.3-2.9,1.3-4.5c0-1.3-0.2-2.3-0.7-3.6
  		c1.4-1.6,2-3.6,2-5.9c0-1.3-0.2-2.5-0.7-3.6c-0.5-1.1-1.1-2.1-2-3s-1.8-1.6-3-2c-1.1-0.5-2.3-0.7-3.6-0.7c-2.7,0-5,1.1-7,3
  		c-1.4-0.7-3-1.3-4.8-1.3c-2.5,0-4.7,0.7-6.6,2.3S7.5,23.6,7,26.1c-2,0.5-3.6,1.4-4.8,3S0,32.7,0,34.7z M3,34.7
  		c0-1.4,0.5-2.9,1.4-3.9c1.1-1.1,2.3-1.8,3.8-2h0.9c0.2,0,0.4-0.2,0.4-0.4l0.2-0.9c0.2-2,1.1-3.6,2.5-4.8c1.4-1.3,3-2,5-2
  		s3.8,0.7,5.2,2c1.4,1.3,2.3,2.9,2.5,4.8l0.2,1.1c0,0.2,0.2,0.4,0.4,0.4h2.9c1.6,0,2.9,0.5,4.1,1.8c1.1,1.1,1.8,2.5,1.8,4.1
  		c0,1.6-0.5,3-1.8,4.1c-1.1,1.1-2.5,1.8-4.1,1.8H8.8c-1.6,0-2.9-0.5-4.1-1.8C3.6,37.7,3,36.3,3,34.7z M15,12.6
  		c0,0.4,0.2,0.7,0.4,1.1l1.3,1.1c0.4,0.4,0.9,0.5,1.1,0.4c0.4,0,0.7-0.2,1.1-0.5c0.4-0.4,0.4-0.7,0.4-1.1c0-0.4-0.2-0.5-0.5-0.7
  		l-1.1-1.3c-0.4-0.4-0.7-0.4-1.1-0.4c-0.4,0-0.7,0.2-1.1,0.5C15.2,11.9,15,12.3,15,12.6z M24.5,20.7c1.3-1.3,2.7-1.8,4.3-1.8
  		c1.8,0,3.2,0.5,4.5,1.8c1.3,1.3,1.8,2.7,1.8,4.5c0,1.1-0.4,2.1-0.9,3.2c-1.8-1.8-3.8-2.5-6.3-2.5h-0.4
  		C27.2,23.9,26.1,22.1,24.5,20.7z M27.4,11.2c0,0.5,0.2,0.9,0.4,1.1s0.7,0.4,1.1,0.4c0.5,0,0.9-0.2,1.1-0.4c0.4-0.4,0.4-0.7,0.4-1.1
  		V7.4c0-0.4-0.2-0.7-0.4-1.1C29.7,6,29.4,6,29,6c-0.4,0-0.7,0.2-1.1,0.4c-0.4,0.2-0.4,0.7-0.4,1.1L27.4,11.2L27.4,11.2z M37.4,15.3
  		c0,0.5,0.2,0.9,0.4,1.1c0.4,0.4,0.7,0.4,1.1,0.4c0.4,0,0.7-0.2,1.1-0.4l2.5-2.5c0.4-0.4,0.4-0.7,0.4-1.1s-0.2-0.7-0.4-1.1
  		c-0.4-0.4-0.7-0.4-1.1-0.4s-0.7,0.2-1.1,0.4l-2.7,2.5C37.4,14.4,37.4,14.8,37.4,15.3z M38.7,36.4c0,0.4,0.2,0.9,0.4,1.1l1.1,1.1
  		c0.2,0.4,0.5,0.4,1.1,0.4c0.5,0,0.7-0.2,1.1-0.4c0.4-0.2,0.4-0.7,0.4-1.1s-0.2-0.7-0.4-1.1l-1.1-1.1C40.8,35,40.5,35,40.1,35
  		c-0.4,0-0.7,0.2-1.1,0.4C38.9,35.7,38.7,36.1,38.7,36.4z M41.4,25.2c0,0.4,0.2,0.7,0.5,1.1c0.4,0.4,0.7,0.4,1.1,0.4h3.6
  		c0.4,0,0.7-0.2,1.1-0.4c0.4-0.2,0.4-0.7,0.4-1.1s-0.2-0.7-0.4-1.1c-0.2-0.4-0.7-0.4-1.1-0.4H43c-0.4,0-0.7,0.2-1.1,0.4
  		C41.6,24.4,41.4,24.8,41.4,25.2z" />
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Partly Cloudy 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>Partly Cloudy</title>
        <g>
            <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M0,34.7c0,1.6,0.4,3,1.3,4.5c0.9,1.4,1.8,2.5,3.2,3.2
    		c1.4,0.7,2.9,1.3,4.5,1.3h19.3c1.6,0,3-0.4,4.5-1.3c1.4-0.9,2.5-1.8,3.2-3.2c0.7-1.4,1.3-2.9,1.3-4.5c0-1.3-0.2-2.3-0.7-3.6
    		c1.4-1.6,2-3.6,2-5.9c0-1.3-0.2-2.5-0.7-3.6c-0.5-1.1-1.1-2.1-2-3s-1.8-1.6-3-2c-1.1-0.5-2.3-0.7-3.6-0.7c-2.7,0-5,1.1-7,3
    		c-1.4-0.7-3-1.3-4.8-1.3c-2.5,0-4.7,0.7-6.6,2.3S7.5,23.6,7,26.1c-2,0.5-3.6,1.4-4.8,3S0,32.7,0,34.7z M3,34.7
    		c0-1.4,0.5-2.9,1.4-3.9c1.1-1.1,2.3-1.8,3.8-2h0.9c0.2,0,0.4-0.2,0.4-0.4l0.2-0.9c0.2-2,1.1-3.6,2.5-4.8c1.4-1.3,3-2,5-2
    		s3.8,0.7,5.2,2c1.4,1.3,2.3,2.9,2.5,4.8l0.2,1.1c0,0.2,0.2,0.4,0.4,0.4h2.9c1.6,0,2.9,0.5,4.1,1.8c1.1,1.1,1.8,2.5,1.8,4.1
    		c0,1.6-0.5,3-1.8,4.1c-1.1,1.1-2.5,1.8-4.1,1.8H8.8c-1.6,0-2.9-0.5-4.1-1.8C3.6,37.7,3,36.3,3,34.7z M15,12.6
    		c0,0.4,0.2,0.7,0.4,1.1l1.3,1.1c0.4,0.4,0.9,0.5,1.1,0.4c0.4,0,0.7-0.2,1.1-0.5c0.4-0.4,0.4-0.7,0.4-1.1c0-0.4-0.2-0.5-0.5-0.7
    		l-1.1-1.3c-0.4-0.4-0.7-0.4-1.1-0.4c-0.4,0-0.7,0.2-1.1,0.5C15.2,11.9,15,12.3,15,12.6z M24.5,20.7c1.3-1.3,2.7-1.8,4.3-1.8
    		c1.8,0,3.2,0.5,4.5,1.8c1.3,1.3,1.8,2.7,1.8,4.5c0,1.1-0.4,2.1-0.9,3.2c-1.8-1.8-3.8-2.5-6.3-2.5h-0.4
    		C27.2,23.9,26.1,22.1,24.5,20.7z M27.4,11.2c0,0.5,0.2,0.9,0.4,1.1s0.7,0.4,1.1,0.4c0.5,0,0.9-0.2,1.1-0.4c0.4-0.4,0.4-0.7,0.4-1.1
    		V7.4c0-0.4-0.2-0.7-0.4-1.1C29.7,6,29.4,6,29,6c-0.4,0-0.7,0.2-1.1,0.4c-0.4,0.2-0.4,0.7-0.4,1.1L27.4,11.2L27.4,11.2z M37.4,15.3
    		c0,0.5,0.2,0.9,0.4,1.1c0.4,0.4,0.7,0.4,1.1,0.4c0.4,0,0.7-0.2,1.1-0.4l2.5-2.5c0.4-0.4,0.4-0.7,0.4-1.1s-0.2-0.7-0.4-1.1
    		c-0.4-0.4-0.7-0.4-1.1-0.4s-0.7,0.2-1.1,0.4l-2.7,2.5C37.4,14.4,37.4,14.8,37.4,15.3z M38.7,36.4c0,0.4,0.2,0.9,0.4,1.1l1.1,1.1
    		c0.2,0.4,0.5,0.4,1.1,0.4c0.5,0,0.7-0.2,1.1-0.4c0.4-0.2,0.4-0.7,0.4-1.1s-0.2-0.7-0.4-1.1l-1.1-1.1C40.8,35,40.5,35,40.1,35
    		c-0.4,0-0.7,0.2-1.1,0.4C38.9,35.7,38.7,36.1,38.7,36.4z M41.4,25.2c0,0.4,0.2,0.7,0.5,1.1c0.4,0.4,0.7,0.4,1.1,0.4h3.6
    		c0.4,0,0.7-0.2,1.1-0.4c0.4-0.2,0.4-0.7,0.4-1.1s-0.2-0.7-0.4-1.1c-0.2-0.4-0.7-0.4-1.1-0.4H43c-0.4,0-0.7,0.2-1.1,0.4
    		C41.6,24.4,41.4,24.8,41.4,25.2z" />
        </g>
    </svg>
</div>


<!-- Partly Sunny -->
<!-- Partly Sunny 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>Partly Sunny</title>
    <g>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M4,26.7c0,0.5,0.2,0.8,0.5,1.2s0.7,0.5,1.2,0.5h2.9
  		c0.5,0,0.8-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.8-0.5-1.2C9.4,25.2,9,25,8.5,25H5.7c-0.5,0-0.8,0.2-1.2,0.5
  		S4,26.2,4,26.7z M7,37.1c0,1.7,0.5,3,1.8,4.2c1.2,1.2,2.5,1.8,4.2,1.8h11.6c1.7,0,3-0.7,4.2-1.7c1.2-1.2,1.7-2.5,1.7-4.2
  		c0-0.8-0.2-1.5-0.3-2c1.3-0.8,2.5-2,3.4-3.5c0.8-1.5,1.2-3,1.2-4.7c0-1.3-0.3-2.7-0.8-3.9c-0.5-1.2-1.3-2.4-2.2-3.2
  		c-0.8-0.8-2-1.7-3.2-2.2s-2.5-0.8-3.9-0.8c-1.8,0-3.5,0.5-5,1.3c-1.5,0.8-2.7,2.2-3.7,3.7c-0.8,1.5-1.3,3.2-1.3,5v0.5
  		c-1.7,1-2.9,2.4-3.4,4.2c-1.3,0.3-2.4,1.2-3,2.2C7.4,34.6,7,35.7,7,37.1z M9.5,13.2c0,0.5,0.2,0.8,0.5,1.2l2.7,2.9
  		c0.8,0.7,1.5,0.7,2.4,0c0.3-0.3,0.5-0.7,0.5-1.2s-0.2-0.8-0.5-1.2l-2.7-2.7c-0.5-0.3-0.8-0.5-1.3-0.5s-0.8,0.2-1.2,0.5
  		C9.5,12.6,9.5,12.9,9.5,13.2z M10.2,37.1c0-0.7,0.2-1.3,0.7-1.8c0.5-0.5,1-0.8,1.7-0.8l1-0.2c0.2,0,0.3-0.2,0.3-0.3l0.2-1
  		c0.2-1,0.5-1.8,1.2-2.4c0.7-0.7,1.5-1,2.5-1c1,0,1.8,0.3,2.5,1c0.7,0.7,1.2,1.5,1.3,2.4l0.2,1c0.2,0.5,0.3,0.5,0.5,0.5h2.2
  		c0.7,0,1.3,0.3,1.8,0.8c0.5,0.5,0.8,1.2,0.8,1.8c0,0.8-0.3,1.3-0.8,1.8c-0.5,0.5-1.2,0.8-1.8,0.8H12.9c-0.7,0-1.3-0.3-1.8-0.8
  		C10.6,38.6,10.2,37.9,10.2,37.1z M17.8,26.3c0.2-1.8,0.8-3.4,2.2-4.7c1.3-1.2,2.9-1.8,4.7-1.8c1.8,0,3.5,0.7,4.7,2
  		c1.3,1.3,2,3,2,4.9c0,1.2-0.3,2.4-0.8,3.2c-0.5,1-1.3,1.8-2.4,2.5c-1-0.8-2.2-1.2-3.4-1.2c-0.5-1.5-1.3-2.7-2.5-3.5
  		c-1.2-0.8-2.7-1.3-4.2-1.3C17.9,26.3,17.8,26.3,17.8,26.3z M23,11.7c0,0.5,0.2,0.8,0.5,1.2c0.3,0.3,0.7,0.5,1.2,0.5
  		c0.5,0,0.8-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2v-4c0-0.5-0.2-0.8-0.5-1.2S25.2,6,24.7,6c-0.5,0-0.8,0.2-1.2,0.5S23,7.2,23,7.7
  		V11.7z M33.6,37.3c0,0.5,0.2,0.8,0.5,1.2l2.7,2.7c0.7,0.7,1.5,0.7,2.4,0c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.8-0.5-1.2l-2.9-2.7
  		c-0.3-0.3-0.7-0.3-1.2-0.3c-0.5,0-0.8,0.2-1.2,0.5C33.7,36.4,33.6,36.8,33.6,37.3z M33.6,16.1c0,0.5,0.2,0.8,0.5,1.2
  		c0.3,0.3,0.7,0.5,1.2,0.5c0.5,0,0.8-0.2,1.2-0.5l2.7-2.9c0.3-0.3,0.5-0.7,0.5-1.2s-0.2-0.8-0.5-1c-0.3-0.2-0.7-0.5-1.2-0.5
  		c-0.5,0-0.8,0.2-1.2,0.5l-2.7,2.7C33.7,15.2,33.6,15.6,33.6,16.1z M37.8,26.7c0,0.5,0.2,0.8,0.5,1.2c0.3,0.3,0.7,0.5,1.2,0.5h2.9
  		c0.5,0,0.8-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.8-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5h-2.9c-0.5,0-0.8,0.2-1.2,0.5
  		C38.1,25.8,37.8,26.2,37.8,26.7z" />
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Partly Sunny 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>Partly Sunny</title>
        <g>
            <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M4,26.7c0,0.5,0.2,0.8,0.5,1.2s0.7,0.5,1.2,0.5h2.9
  		c0.5,0,0.8-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.8-0.5-1.2C9.4,25.2,9,25,8.5,25H5.7c-0.5,0-0.8,0.2-1.2,0.5
  		S4,26.2,4,26.7z M7,37.1c0,1.7,0.5,3,1.8,4.2c1.2,1.2,2.5,1.8,4.2,1.8h11.6c1.7,0,3-0.7,4.2-1.7c1.2-1.2,1.7-2.5,1.7-4.2
  		c0-0.8-0.2-1.5-0.3-2c1.3-0.8,2.5-2,3.4-3.5c0.8-1.5,1.2-3,1.2-4.7c0-1.3-0.3-2.7-0.8-3.9c-0.5-1.2-1.3-2.4-2.2-3.2
  		c-0.8-0.8-2-1.7-3.2-2.2s-2.5-0.8-3.9-0.8c-1.8,0-3.5,0.5-5,1.3c-1.5,0.8-2.7,2.2-3.7,3.7c-0.8,1.5-1.3,3.2-1.3,5v0.5
  		c-1.7,1-2.9,2.4-3.4,4.2c-1.3,0.3-2.4,1.2-3,2.2C7.4,34.6,7,35.7,7,37.1z M9.5,13.2c0,0.5,0.2,0.8,0.5,1.2l2.7,2.9
  		c0.8,0.7,1.5,0.7,2.4,0c0.3-0.3,0.5-0.7,0.5-1.2s-0.2-0.8-0.5-1.2l-2.7-2.7c-0.5-0.3-0.8-0.5-1.3-0.5s-0.8,0.2-1.2,0.5
  		C9.5,12.6,9.5,12.9,9.5,13.2z M10.2,37.1c0-0.7,0.2-1.3,0.7-1.8c0.5-0.5,1-0.8,1.7-0.8l1-0.2c0.2,0,0.3-0.2,0.3-0.3l0.2-1
  		c0.2-1,0.5-1.8,1.2-2.4c0.7-0.7,1.5-1,2.5-1c1,0,1.8,0.3,2.5,1c0.7,0.7,1.2,1.5,1.3,2.4l0.2,1c0.2,0.5,0.3,0.5,0.5,0.5h2.2
  		c0.7,0,1.3,0.3,1.8,0.8c0.5,0.5,0.8,1.2,0.8,1.8c0,0.8-0.3,1.3-0.8,1.8c-0.5,0.5-1.2,0.8-1.8,0.8H12.9c-0.7,0-1.3-0.3-1.8-0.8
  		C10.6,38.6,10.2,37.9,10.2,37.1z M17.8,26.3c0.2-1.8,0.8-3.4,2.2-4.7c1.3-1.2,2.9-1.8,4.7-1.8c1.8,0,3.5,0.7,4.7,2
  		c1.3,1.3,2,3,2,4.9c0,1.2-0.3,2.4-0.8,3.2c-0.5,1-1.3,1.8-2.4,2.5c-1-0.8-2.2-1.2-3.4-1.2c-0.5-1.5-1.3-2.7-2.5-3.5
  		c-1.2-0.8-2.7-1.3-4.2-1.3C17.9,26.3,17.8,26.3,17.8,26.3z M23,11.7c0,0.5,0.2,0.8,0.5,1.2c0.3,0.3,0.7,0.5,1.2,0.5
  		c0.5,0,0.8-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2v-4c0-0.5-0.2-0.8-0.5-1.2S25.2,6,24.7,6c-0.5,0-0.8,0.2-1.2,0.5S23,7.2,23,7.7
  		V11.7z M33.6,37.3c0,0.5,0.2,0.8,0.5,1.2l2.7,2.7c0.7,0.7,1.5,0.7,2.4,0c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.8-0.5-1.2l-2.9-2.7
  		c-0.3-0.3-0.7-0.3-1.2-0.3c-0.5,0-0.8,0.2-1.2,0.5C33.7,36.4,33.6,36.8,33.6,37.3z M33.6,16.1c0,0.5,0.2,0.8,0.5,1.2
  		c0.3,0.3,0.7,0.5,1.2,0.5c0.5,0,0.8-0.2,1.2-0.5l2.7-2.9c0.3-0.3,0.5-0.7,0.5-1.2s-0.2-0.8-0.5-1c-0.3-0.2-0.7-0.5-1.2-0.5
  		c-0.5,0-0.8,0.2-1.2,0.5l-2.7,2.7C33.7,15.2,33.6,15.6,33.6,16.1z M37.8,26.7c0,0.5,0.2,0.8,0.5,1.2c0.3,0.3,0.7,0.5,1.2,0.5h2.9
  		c0.5,0,0.8-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.8-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5h-2.9c-0.5,0-0.8,0.2-1.2,0.5
  		C38.1,25.8,37.8,26.2,37.8,26.7z" />
        </g>
    </svg>
</div>


<!-- Rain -->
<!-- Light Rain 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>Light Rain</title>
    <g>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M4,27c0-2.2,0.8-4.4,2.2-6.2c1.4-1.8,3.2-3,5.4-3.4
  		c0.6-2.8,2-5,4.2-6.8S20.6,8,23.4,8s5.2,0.8,7.4,2.6s3.6,3.8,4.2,6.6h0.6c1.8,0,3.4,0.4,5,1.2c1.6,0.8,2.8,2,3.6,3.6s1.4,3.2,1.4,5
  		c0,2.6-1,5-2.8,7s-4,3-6.8,3c-0.2,0-0.4-0.2-0.4-0.4V34c0-0.2,0.2-0.4,0.4-0.4c1.8,0,3.2-0.8,4.4-2c1.2-1.2,1.8-2.8,1.8-4.6
  		s-0.6-3.2-2-4.6c-1.2-1.2-2.8-2-4.6-2h-3.2c-0.2,0-0.4-0.2-0.4-0.4l-0.2-1.2c-0.2-2.2-1.2-4-2.8-5.4s-3.6-2.2-5.8-2.2
  		S19,12,17.4,13.4s-2.6,3.2-2.8,5.4l0.2,1.4c0,0.2-0.2,0.4-0.4,0.4h-1c-1.6,0-3,0.8-4.2,2C8,23.8,7.4,25.2,7.4,27s0.6,3.2,1.8,4.6
  		s2.6,2,4.4,2c0.2,0,0.4,0.2,0.4,0.4v2.6c0,0.2-0.2,0.4-0.4,0.4c-2.6-0.2-5-1.2-6.8-3S4,29.6,4,27z M16,28.8c0-0.4,0.2-1.2,0.8-2
  		c0.4-0.8,1-1.6,1.4-2c0.4-0.4,0.6-0.8,0.8-0.8l0.8,0.8c0.6,0.6,1,1.2,1.4,2c0.4,0.8,0.6,1.4,0.6,2c0,0.8-0.2,1.4-0.8,2
  		c-0.6,0.6-1.2,0.8-2,0.8s-1.4-0.2-2-0.8C16.2,30.2,16,29.6,16,28.8z M22,36.8c0-0.6,0.2-1.2,0.4-2c0.2-0.8,0.8-1.4,1.2-2
  		c0.4-0.6,0.8-1,1.4-1.6c0.6-0.6,1-1,1.2-1.2c0.2-0.2,0.2-0.2,0.4-0.4L27,30c0.8,0.6,1.6,1.6,2.6,3c0.4,0.6,0.8,1.4,1.2,2
  		c0.4,0.6,0.4,1.4,0.4,2c0,1.2-0.4,2.4-1.4,3.2s-2,1.4-3.4,1.4c-1.2,0-2.4-0.4-3.2-1.4C22.4,39.2,22,38,22,36.8z M24.8,23.4
  		c0-0.8,0.6-1.8,2-3.2l0.4,0.4c0.4,0.4,0.6,0.8,1,1.4c0.2,0.6,0.4,1,0.4,1.2c0,0.6-0.2,1-0.6,1.4s-0.8,0.6-1.4,0.6s-1-0.2-1.4-0.6
  		C25,24.4,24.8,24,24.8,23.4z" />
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Light Rain 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>Light Rain</title>
        <g>
            <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M4,27c0-2.2,0.8-4.4,2.2-6.2c1.4-1.8,3.2-3,5.4-3.4
    		c0.6-2.8,2-5,4.2-6.8S20.6,8,23.4,8s5.2,0.8,7.4,2.6s3.6,3.8,4.2,6.6h0.6c1.8,0,3.4,0.4,5,1.2c1.6,0.8,2.8,2,3.6,3.6s1.4,3.2,1.4,5
    		c0,2.6-1,5-2.8,7s-4,3-6.8,3c-0.2,0-0.4-0.2-0.4-0.4V34c0-0.2,0.2-0.4,0.4-0.4c1.8,0,3.2-0.8,4.4-2c1.2-1.2,1.8-2.8,1.8-4.6
    		s-0.6-3.2-2-4.6c-1.2-1.2-2.8-2-4.6-2h-3.2c-0.2,0-0.4-0.2-0.4-0.4l-0.2-1.2c-0.2-2.2-1.2-4-2.8-5.4s-3.6-2.2-5.8-2.2
    		S19,12,17.4,13.4s-2.6,3.2-2.8,5.4l0.2,1.4c0,0.2-0.2,0.4-0.4,0.4h-1c-1.6,0-3,0.8-4.2,2C8,23.8,7.4,25.2,7.4,27s0.6,3.2,1.8,4.6
    		s2.6,2,4.4,2c0.2,0,0.4,0.2,0.4,0.4v2.6c0,0.2-0.2,0.4-0.4,0.4c-2.6-0.2-5-1.2-6.8-3S4,29.6,4,27z M16,28.8c0-0.4,0.2-1.2,0.8-2
    		c0.4-0.8,1-1.6,1.4-2c0.4-0.4,0.6-0.8,0.8-0.8l0.8,0.8c0.6,0.6,1,1.2,1.4,2c0.4,0.8,0.6,1.4,0.6,2c0,0.8-0.2,1.4-0.8,2
    		c-0.6,0.6-1.2,0.8-2,0.8s-1.4-0.2-2-0.8C16.2,30.2,16,29.6,16,28.8z M22,36.8c0-0.6,0.2-1.2,0.4-2c0.2-0.8,0.8-1.4,1.2-2
    		c0.4-0.6,0.8-1,1.4-1.6c0.6-0.6,1-1,1.2-1.2c0.2-0.2,0.2-0.2,0.4-0.4L27,30c0.8,0.6,1.6,1.6,2.6,3c0.4,0.6,0.8,1.4,1.2,2
    		c0.4,0.6,0.4,1.4,0.4,2c0,1.2-0.4,2.4-1.4,3.2s-2,1.4-3.4,1.4c-1.2,0-2.4-0.4-3.2-1.4C22.4,39.2,22,38,22,36.8z M24.8,23.4
    		c0-0.8,0.6-1.8,2-3.2l0.4,0.4c0.4,0.4,0.6,0.8,1,1.4c0.2,0.6,0.4,1,0.4,1.2c0,0.6-0.2,1-0.6,1.4s-0.8,0.6-1.4,0.6s-1-0.2-1.4-0.6
    		C25,24.4,24.8,24,24.8,23.4z" />
        </g>
    </svg>
</div>


<!-- Sunny -->
<!-- Sunny 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>Sun</title>
    <g>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M24,34.7c0.7,0,1.3,0.6,1.3,1.3v2.7c0,0.7-0.6,1.3-1.3,1.3
  		s-1.3-0.6-1.3-1.3V36C22.7,35.3,23.3,34.7,24,34.7z M33.5,31.6l1.9,1.9c0.5,0.5,0.5,1.4,0,1.9s-1.4,0.5-1.9,0l-1.9-1.9
  		c-0.5-0.5-0.5-1.4,0-1.9C32.1,31.1,33,31.1,33.5,31.6z M16.6,31.6c0.5,0.5,0.5,1.4,0,1.9l-1.9,1.9c-0.5,0.5-1.4,0.5-1.9,0
  		c-0.5-0.5-0.5-1.4,0-1.9l1.9-1.9C15.2,31.1,16,31.1,16.6,31.6z M24,14.7c5.2,0,9.3,4.2,9.3,9.3s-4.2,9.3-9.3,9.3s-9.3-4.2-9.3-9.3
  		S18.8,14.7,24,14.7z M24,17.3c-3.7,0-6.7,3-6.7,6.7s3,6.7,6.7,6.7s6.7-3,6.7-6.7S27.7,17.3,24,17.3z M12,22.7
  		c0.7,0,1.3,0.6,1.3,1.3s-0.6,1.3-1.3,1.3H9.3C8.6,25.3,8,24.7,8,24s0.6-1.3,1.3-1.3H12z M38.7,22.7c0.7,0,1.3,0.6,1.3,1.3
  		s-0.6,1.3-1.3,1.3H36c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3H38.7z M35.4,12.9c0.5,0.5,0.5,1.4,0,1.9l-1.9,1.9
  		c-0.5,0.5-1.4,0.5-1.9,0c-0.5-0.5-0.5-1.4,0-1.9l1.9-1.9C34,12.4,34.9,12.4,35.4,12.9z M14.7,12.9l1.9,1.9c0.5,0.5,0.5,1.4,0,1.9
  		c-0.5,0.5-1.4,0.5-1.9,0l-1.9-1.9c-0.5-0.5-0.5-1.4,0-1.9C13.3,12.4,14.1,12.4,14.7,12.9z M24,8c0.7,0,1.3,0.6,1.3,1.3V12
  		c0,0.7-0.6,1.3-1.3,1.3s-1.3-0.6-1.3-1.3V9.3C22.7,8.6,23.3,8,24,8z" />
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Sunny 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>Sun</title>
        <g>
            <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M24,34.7c0.7,0,1.3,0.6,1.3,1.3v2.7
    		c0,0.7-0.6,1.3-1.3,1.3s-1.3-0.6-1.3-1.3V36C22.7,35.3,23.3,34.7,24,34.7z M33.5,31.6l1.9,1.9c0.5,0.5,0.5,1.4,0,1.9
    		s-1.4,0.5-1.9,0l-1.9-1.9c-0.5-0.5-0.5-1.4,0-1.9C32.1,31.1,33,31.1,33.5,31.6z M16.6,31.6c0.5,0.5,0.5,1.4,0,1.9l-1.9,1.9
    		c-0.5,0.5-1.4,0.5-1.9,0c-0.5-0.5-0.5-1.4,0-1.9l1.9-1.9C15.2,31.1,16,31.1,16.6,31.6z M24,14.7c5.2,0,9.3,4.2,9.3,9.3
    		s-4.2,9.3-9.3,9.3s-9.3-4.2-9.3-9.3S18.8,14.7,24,14.7z M24,17.3c-3.7,0-6.7,3-6.7,6.7s3,6.7,6.7,6.7s6.7-3,6.7-6.7
    		S27.7,17.3,24,17.3z M12,22.7c0.7,0,1.3,0.6,1.3,1.3s-0.6,1.3-1.3,1.3H9.3C8.6,25.3,8,24.7,8,24s0.6-1.3,1.3-1.3H12z M38.7,22.7
    		c0.7,0,1.3,0.6,1.3,1.3s-0.6,1.3-1.3,1.3H36c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3H38.7z M35.4,12.9c0.5,0.5,0.5,1.4,0,1.9
    		l-1.9,1.9c-0.5,0.5-1.4,0.5-1.9,0c-0.5-0.5-0.5-1.4,0-1.9l1.9-1.9C34,12.4,34.9,12.4,35.4,12.9z M14.7,12.9l1.9,1.9
    		c0.5,0.5,0.5,1.4,0,1.9c-0.5,0.5-1.4,0.5-1.9,0l-1.9-1.9c-0.5-0.5-0.5-1.4,0-1.9C13.3,12.4,14.1,12.4,14.7,12.9z M24,8
    		c0.7,0,1.3,0.6,1.3,1.3V12c0,0.7-0.6,1.3-1.3,1.3s-1.3-0.6-1.3-1.3V9.3C22.7,8.6,23.3,8,24,8z" />
        </g>
    </svg>
</div>
  • Handle: @weather-svg
  • Preview:
  • Filesystem Path: src/components/02-utilities/04-icons/03-weather-icons/weather-svg.hbs