Weather Icons SVG

In Progress
HTML
Info

        
        
            <!-- 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" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Fog</title>
    <g id="Icon/Weather/fog" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M0,32.516129 C0,32.1290323 0.193548387,31.5483871 0.387096774,31.3548387 C0.580645161,31.1612903 1.16129032,30.9677419 1.5483871,30.9677419 L37.7419355,30.9677419 C38.1290323,30.9677419 38.7096774,31.1612903 38.9032258,31.3548387 C39.0967742,31.5483871 39.483871,32.1290323 39.483871,32.516129 C39.483871,32.9032258 39.2903226,33.2903226 39.0967742,33.6774194 C38.7096774,34.0645161 38.3225806,34.0645161 37.9354839,34.0645161 L1.74193548,34.0645161 C1.35483871,34.0645161 0.774193548,33.8709677 0.580645161,33.6774194 C0.193548387,33.483871 0,33.0967742 0,32.516129 Z M5.03225806,26.516129 C5.03225806,26.1290323 5.22580645,25.7419355 5.61290323,25.3548387 C6,25.1612903 6.19354839,24.9677419 6.77419355,24.9677419 L42.9677419,24.9677419 C43.3548387,24.9677419 43.7419355,25.1612903 44.1290323,25.3548387 C44.516129,25.5483871 44.516129,26.1290323 44.516129,26.516129 C44.516129,26.9032258 44.3225806,27.2903226 44.1290323,27.6774194 C43.7419355,28.0645161 43.3548387,28.0645161 42.9677419,28.0645161 L6.77419355,28.0645161 C6.38709677,28.0645161 6,27.8709677 5.61290323,27.6774194 C5.22580645,27.2903226 5.03225806,26.9032258 5.03225806,26.516129 Z M5.41935484,21.8709677 C5.41935484,22.0645161 5.61290323,22.0645161 5.80645161,22.0645161 L8.51612903,22.0645161 C8.70967742,22.0645161 8.70967742,21.8709677 8.90322581,21.6774194 C9.29032258,20.7096774 10.0645161,19.9354839 11.0322581,19.1612903 C12,18.5806452 12.9677419,18.1935484 14.1290323,18 L15.2903226,17.8064516 C15.483871,17.8064516 15.6774194,17.6129032 15.6774194,17.4193548 L15.8709677,16.4516129 C16.0645161,14.3225806 17.0322581,12.5806452 18.5806452,11.2258065 C20.1290323,9.87096774 22.0645161,9.09677419 24,9.09677419 C26.1290323,9.09677419 27.8709677,9.87096774 29.4193548,11.2258065 C30.9677419,12.5806452 31.9354839,14.3225806 32.1290323,16.4516129 L32.3225806,17.6129032 C32.3225806,17.8064516 32.516129,18 32.7096774,18 L35.8064516,18 C36.9677419,18 38.1290323,18.3870968 39.2903226,18.9677419 C40.4516129,19.5483871 41.0322581,20.516129 41.6129032,21.6774194 C41.8064516,21.8709677 41.8064516,22.0645161 42,22.0645161 L44.7096774,22.0645161 C44.9032258,22.0645161 45.0967742,21.8709677 44.9032258,21.6774194 C44.3225806,19.7419355 43.1612903,18 41.6129032,16.8387097 C39.8709677,15.6774194 37.9354839,14.9032258 35.8064516,14.9032258 L35.2258065,14.9032258 C34.6451613,12.3870968 33.2903226,10.2580645 31.1612903,8.51612903 C29.0322581,6.77419355 26.7096774,6 24.1935484,6 C21.483871,6 19.1612903,6.77419355 17.0322581,8.51612903 C14.9032258,10.2580645 13.5483871,12.3870968 12.9677419,15.0967742 C11.2258065,15.483871 9.87096774,16.2580645 8.70967742,17.4193548 C7.5483871,18.5806452 5.80645161,20.1290323 5.41935484,21.8709677 L5.41935484,21.8709677 C5.41935484,21.6774194 5.41935484,21.8709677 5.41935484,21.8709677 Z M8.51612903,38.516129 C8.51612903,38.1290323 8.70967742,37.7419355 9.09677419,37.3548387 C9.48387097,37.1612903 9.67741935,36.9677419 10.2580645,36.9677419 L46.4516129,36.9677419 C46.8387097,36.9677419 47.2258065,37.1612903 47.6129032,37.3548387 C48,37.7419355 48,38.1290323 48,38.516129 C48,38.9032258 47.8064516,39.2903226 47.6129032,39.6774194 C47.4193548,40.0645161 46.8387097,40.2580645 46.2580645,40.2580645 L10.0645161,40.2580645 C9.67741935,40.2580645 9.29032258,40.0645161 8.90322581,39.6774194 C8.70967742,39.2903226 8.51612903,38.9032258 8.51612903,38.516129 Z" id="Shape" fill="#000000"></path>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Foggy White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Fog</title>
        <g id="Icon/Weather/fog-white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M0,32.516129 C0,32.1290323 0.193548387,31.5483871 0.387096774,31.3548387 C0.580645161,31.1612903 1.16129032,30.9677419 1.5483871,30.9677419 L37.7419355,30.9677419 C38.1290323,30.9677419 38.7096774,31.1612903 38.9032258,31.3548387 C39.0967742,31.5483871 39.483871,32.1290323 39.483871,32.516129 C39.483871,32.9032258 39.2903226,33.2903226 39.0967742,33.6774194 C38.7096774,34.0645161 38.3225806,34.0645161 37.9354839,34.0645161 L1.74193548,34.0645161 C1.35483871,34.0645161 0.774193548,33.8709677 0.580645161,33.6774194 C0.193548387,33.483871 0,33.0967742 0,32.516129 Z M5.03225806,26.516129 C5.03225806,26.1290323 5.22580645,25.7419355 5.61290323,25.3548387 C6,25.1612903 6.19354839,24.9677419 6.77419355,24.9677419 L42.9677419,24.9677419 C43.3548387,24.9677419 43.7419355,25.1612903 44.1290323,25.3548387 C44.516129,25.5483871 44.516129,26.1290323 44.516129,26.516129 C44.516129,26.9032258 44.3225806,27.2903226 44.1290323,27.6774194 C43.7419355,28.0645161 43.3548387,28.0645161 42.9677419,28.0645161 L6.77419355,28.0645161 C6.38709677,28.0645161 6,27.8709677 5.61290323,27.6774194 C5.22580645,27.2903226 5.03225806,26.9032258 5.03225806,26.516129 Z M5.41935484,21.8709677 C5.41935484,22.0645161 5.61290323,22.0645161 5.80645161,22.0645161 L8.51612903,22.0645161 C8.70967742,22.0645161 8.70967742,21.8709677 8.90322581,21.6774194 C9.29032258,20.7096774 10.0645161,19.9354839 11.0322581,19.1612903 C12,18.5806452 12.9677419,18.1935484 14.1290323,18 L15.2903226,17.8064516 C15.483871,17.8064516 15.6774194,17.6129032 15.6774194,17.4193548 L15.8709677,16.4516129 C16.0645161,14.3225806 17.0322581,12.5806452 18.5806452,11.2258065 C20.1290323,9.87096774 22.0645161,9.09677419 24,9.09677419 C26.1290323,9.09677419 27.8709677,9.87096774 29.4193548,11.2258065 C30.9677419,12.5806452 31.9354839,14.3225806 32.1290323,16.4516129 L32.3225806,17.6129032 C32.3225806,17.8064516 32.516129,18 32.7096774,18 L35.8064516,18 C36.9677419,18 38.1290323,18.3870968 39.2903226,18.9677419 C40.4516129,19.5483871 41.0322581,20.516129 41.6129032,21.6774194 C41.8064516,21.8709677 41.8064516,22.0645161 42,22.0645161 L44.7096774,22.0645161 C44.9032258,22.0645161 45.0967742,21.8709677 44.9032258,21.6774194 C44.3225806,19.7419355 43.1612903,18 41.6129032,16.8387097 C39.8709677,15.6774194 37.9354839,14.9032258 35.8064516,14.9032258 L35.2258065,14.9032258 C34.6451613,12.3870968 33.2903226,10.2580645 31.1612903,8.51612903 C29.0322581,6.77419355 26.7096774,6 24.1935484,6 C21.483871,6 19.1612903,6.77419355 17.0322581,8.51612903 C14.9032258,10.2580645 13.5483871,12.3870968 12.9677419,15.0967742 C11.2258065,15.483871 9.87096774,16.2580645 8.70967742,17.4193548 C7.5483871,18.5806452 5.80645161,20.1290323 5.41935484,21.8709677 L5.41935484,21.8709677 C5.41935484,21.6774194 5.41935484,21.8709677 5.41935484,21.8709677 Z M8.51612903,38.516129 C8.51612903,38.1290323 8.70967742,37.7419355 9.09677419,37.3548387 C9.48387097,37.1612903 9.67741935,36.9677419 10.2580645,36.9677419 L46.4516129,36.9677419 C46.8387097,36.9677419 47.2258065,37.1612903 47.6129032,37.3548387 C48,37.7419355 48,38.1290323 48,38.516129 C48,38.9032258 47.8064516,39.2903226 47.6129032,39.6774194 C47.4193548,40.0645161 46.8387097,40.2580645 46.2580645,40.2580645 L10.0645161,40.2580645 C9.67741935,40.2580645 9.29032258,40.0645161 8.90322581,39.6774194 C8.70967742,39.2903226 8.51612903,38.9032258 8.51612903,38.516129 Z" id="Shape" fill="#FFFFFF"></path>
        </g>
    </svg>
</div>


        
            <!-- Moon -->
<!-- Moon Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Moon</title>
    <g id="Icon/Weather/moon-white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M10,24.4 C10,22.4 10.4,20.6 11.2,18.8 C12,17 13,15.6 14.2,14.2 C15.4,12.8 17,12 18.8,11.2 C20.6,10.4 22.4,10 24.4,10 L26.6,10 C27,10 27,10.2 27,10.6 L27,12.4 C27,15 28,17.2 29.8,18.8 C31.6,20.6 33.6,21.6 36.2,21.6 L37.8,21.8 C38.2,21.8 38.2,22 38.2,22.2 L38.2,24.2 C38.2,26.8 37.6,29.2 36.4,31.4 C35.2,33.6 33.4,35.4 31.2,36.6 C29,37.8 26.6,38.6 24,38.6 C22,38.6 20.2,38.2 18.4,37.4 C16.6,36.6 15.2,35.6 13.8,34.4 C12.6,33.2 11.6,31.6 10.8,29.8 C10.4,28.2 10,26.2 10,24.4 Z M13.6,24.4 C13.6,26 13.8,27.4 14.4,28.8 C15,30.2 15.8,31.2 16.8,32.2 C17.8,33.2 19,33.8 20.2,34.4 C21.4,35 22.8,35.2 24,35.2 C25.2,35.2 26.4,35 27.6,34.6 C28.8,34.2 29.8,33.6 30.8,32.6 C31.8,31.6 32.6,30.8 33.4,29.4 C34.2,28.2 34.6,26.8 34.8,25.2 C31.6,24.6 29,23.2 27,21 C25,18.8 24.2,16.4 23.8,13.4 C21.8,13.6 20.2,14 18.6,15.2 C17,16.2 15.8,17.6 15,19.2 C14.2,20.8 13.6,22.6 13.6,24.4 Z" id="Shape" fill="#000000"></path>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Moon White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Moon</title>
        <g id="Icon/Weather/moon-white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M10,24.4 C10,22.4 10.4,20.6 11.2,18.8 C12,17 13,15.6 14.2,14.2 C15.4,12.8 17,12 18.8,11.2 C20.6,10.4 22.4,10 24.4,10 L26.6,10 C27,10 27,10.2 27,10.6 L27,12.4 C27,15 28,17.2 29.8,18.8 C31.6,20.6 33.6,21.6 36.2,21.6 L37.8,21.8 C38.2,21.8 38.2,22 38.2,22.2 L38.2,24.2 C38.2,26.8 37.6,29.2 36.4,31.4 C35.2,33.6 33.4,35.4 31.2,36.6 C29,37.8 26.6,38.6 24,38.6 C22,38.6 20.2,38.2 18.4,37.4 C16.6,36.6 15.2,35.6 13.8,34.4 C12.6,33.2 11.6,31.6 10.8,29.8 C10.4,28.2 10,26.2 10,24.4 Z M13.6,24.4 C13.6,26 13.8,27.4 14.4,28.8 C15,30.2 15.8,31.2 16.8,32.2 C17.8,33.2 19,33.8 20.2,34.4 C21.4,35 22.8,35.2 24,35.2 C25.2,35.2 26.4,35 27.6,34.6 C28.8,34.2 29.8,33.6 30.8,32.6 C31.8,31.6 32.6,30.8 33.4,29.4 C34.2,28.2 34.6,26.8 34.8,25.2 C31.6,24.6 29,23.2 27,21 C25,18.8 24.2,16.4 23.8,13.4 C21.8,13.6 20.2,14 18.6,15.2 C17,16.2 15.8,17.6 15,19.2 C14.2,20.8 13.6,22.6 13.6,24.4 Z" id="Shape" fill="#FFFFFF"></path>
        </g>
    </svg>
</div>


        
            <!-- Overcast -->
<!-- Overcast Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Overcast</title>
    <g id="Icon/Weather/overcast-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M1.8,31.2 C1.8,29.2 2.4,27.4 3.6,26 C4.8,24.6 6.4,23.4 8.4,23 C9,20.6 10,18.8 12,17.2 C13.8,15.6 16,15 18.4,15 C20.8,15 22.8,15.8 24.8,17.2 C26.6,18.6 27.8,20.6 28.4,22.8 L29,22.8 C31.4,22.8 33.4,23.6 35,25.2 C36.6,26.8 37.4,28.8 37.4,31.2 C37.4,33.6 36.6,35.6 35,37.2 C33.4,38.8 31.4,39.6 29,39.6 L10.4,39.6 C9.2,39.6 8.2,39.4 7,39 C5.8,38.6 5,38 4.2,37.2 C3.4,36.4 2.8,35.6 2.4,34.4 C2,33.2 1.8,32.4 1.8,31.2 Z M4.6,31.2 C4.6,32.8 5.2,34 6.2,35.2 C7.2,36.4 8.6,36.8 10.2,36.8 L28.8,36.8 C30.4,36.8 31.6,36.2 32.8,35.2 C34,34.2 34.4,32.8 34.4,31.2 C34.4,29.6 33.8,28.4 32.8,27.2 C31.8,26.2 30.4,25.6 28.8,25.6 L26,25.6 C25.8,25.6 25.8,25.4 25.8,25.4 L25.6,24.4 C25.4,22.6 24.6,21 23.2,19.8 C21.8,18.6 20.2,18 18.4,18 C16.6,18 14.8,18.6 13.4,19.8 C12,21 11.2,22.6 11,24.4 L10.8,25.2 C10.8,25.4 10.6,25.4 10.4,25.4 L9.6,25.6 C8.2,25.8 7,26.4 6,27.4 C5.2,28.4 4.6,29.8 4.6,31.2 Z M22.4,13.8 C22.2,14 22.2,14 22.6,14.2 C23.4,14.6 24.2,15 24.8,15.4 C25,15.4 25.2,15.4 25.2,15.4 C26.4,14.2 27.8,13.6 29.4,13.6 C31,13.6 32.4,14.2 33.6,15.2 C34.8,16.2 35.4,17.6 35.6,19.2 L35.8,20.4 L38.6,20.4 C39.8,20.4 41,20.8 42,21.8 C43,22.8 43.4,23.8 43.4,25.2 C43.4,26.4 43,27.4 42.2,28.4 C41.4,29.4 40.4,29.8 39.2,30 C39,30 39,30 39,30.4 L39,32.6 C39,32.8 39,33 39.2,33 C41.2,32.8 43,32 44.2,30.6 C45.4,29.2 46.2,27.4 46.2,25.4 C46.2,23.2 45.4,21.4 44,20 C42.4,18.4 40.8,17.8 38.6,17.8 L38.4,17.8 C37.8,15.8 36.8,14.2 35.2,12.8 C33.6,11.4 31.6,10.8 29.6,10.8 C26.6,10.6 24.2,11.6 22.4,13.8 Z" id="Shape" fill="#000000"></path>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Overcast White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Overcast</title>
        <g id="Icon/Weather/overcast-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M1.8,31.2 C1.8,29.2 2.4,27.4 3.6,26 C4.8,24.6 6.4,23.4 8.4,23 C9,20.6 10,18.8 12,17.2 C13.8,15.6 16,15 18.4,15 C20.8,15 22.8,15.8 24.8,17.2 C26.6,18.6 27.8,20.6 28.4,22.8 L29,22.8 C31.4,22.8 33.4,23.6 35,25.2 C36.6,26.8 37.4,28.8 37.4,31.2 C37.4,33.6 36.6,35.6 35,37.2 C33.4,38.8 31.4,39.6 29,39.6 L10.4,39.6 C9.2,39.6 8.2,39.4 7,39 C5.8,38.6 5,38 4.2,37.2 C3.4,36.4 2.8,35.6 2.4,34.4 C2,33.2 1.8,32.4 1.8,31.2 Z M4.6,31.2 C4.6,32.8 5.2,34 6.2,35.2 C7.2,36.4 8.6,36.8 10.2,36.8 L28.8,36.8 C30.4,36.8 31.6,36.2 32.8,35.2 C34,34.2 34.4,32.8 34.4,31.2 C34.4,29.6 33.8,28.4 32.8,27.2 C31.8,26.2 30.4,25.6 28.8,25.6 L26,25.6 C25.8,25.6 25.8,25.4 25.8,25.4 L25.6,24.4 C25.4,22.6 24.6,21 23.2,19.8 C21.8,18.6 20.2,18 18.4,18 C16.6,18 14.8,18.6 13.4,19.8 C12,21 11.2,22.6 11,24.4 L10.8,25.2 C10.8,25.4 10.6,25.4 10.4,25.4 L9.6,25.6 C8.2,25.8 7,26.4 6,27.4 C5.2,28.4 4.6,29.8 4.6,31.2 Z M22.4,13.8 C22.2,14 22.2,14 22.6,14.2 C23.4,14.6 24.2,15 24.8,15.4 C25,15.4 25.2,15.4 25.2,15.4 C26.4,14.2 27.8,13.6 29.4,13.6 C31,13.6 32.4,14.2 33.6,15.2 C34.8,16.2 35.4,17.6 35.6,19.2 L35.8,20.4 L38.6,20.4 C39.8,20.4 41,20.8 42,21.8 C43,22.8 43.4,23.8 43.4,25.2 C43.4,26.4 43,27.4 42.2,28.4 C41.4,29.4 40.4,29.8 39.2,30 C39,30 39,30 39,30.4 L39,32.6 C39,32.8 39,33 39.2,33 C41.2,32.8 43,32 44.2,30.6 C45.4,29.2 46.2,27.4 46.2,25.4 C46.2,23.2 45.4,21.4 44,20 C42.4,18.4 40.8,17.8 38.6,17.8 L38.4,17.8 C37.8,15.8 36.8,14.2 35.2,12.8 C33.6,11.4 31.6,10.8 29.6,10.8 C26.6,10.6 24.2,11.6 22.4,13.8 Z" id="Shape" fill="#FFFFFF"></path>
        </g>
    </svg>
</div>


        
            <!-- Partly Cloudy -->
<!-- Partly Cloudy Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Partly Cloudy</title>
    <g id="Icon/Weather/partly-cloudy-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M0,34.6567164 C0,36.2686567 0.358208955,37.7014925 1.25373134,39.1343284 C2.14925373,40.5671642 3.04477612,41.641791 4.47761194,42.358209 C5.91044776,43.0746269 7.34328358,43.6119403 8.95522388,43.6119403 L28.2985075,43.6119403 C29.9104478,43.6119403 31.3432836,43.2537313 32.7761194,42.358209 C34.2089552,41.4626866 35.2835821,40.5671642 36,39.1343284 C36.7164179,37.7014925 37.2537313,36.2686567 37.2537313,34.6567164 C37.2537313,33.4029851 37.0746269,32.3283582 36.5373134,31.0746269 C37.9701493,29.4626866 38.5074627,27.4925373 38.5074627,25.1641791 C38.5074627,23.9104478 38.3283582,22.6567164 37.7910448,21.5820896 C37.2537313,20.5074627 36.7164179,19.4328358 35.8208955,18.5373134 C34.9253731,17.641791 34.0298507,16.9253731 32.7761194,16.5671642 C31.7014925,16.0298507 30.4477612,15.8507463 29.1940299,15.8507463 C26.5074627,15.8507463 24.1791045,16.9253731 22.2089552,18.8955224 C20.7761194,18.1791045 19.1641791,17.641791 17.3731343,17.641791 C14.8656716,17.641791 12.7164179,18.358209 10.7462687,19.9701493 C8.7761194,21.5820896 7.52238806,23.5522388 6.98507463,26.0597015 C5.01492537,26.5970149 3.40298507,27.4925373 2.14925373,29.1044776 C0.895522388,30.7164179 0,32.6865672 0,34.6567164 Z M3.04477612,34.6567164 C3.04477612,33.2238806 3.58208955,31.7910448 4.47761194,30.7164179 C5.55223881,29.641791 6.80597015,28.9253731 8.23880597,28.7462687 L9.13432836,28.7462687 C9.31343284,28.7462687 9.49253731,28.5671642 9.49253731,28.3880597 L9.67164179,27.4925373 C9.85074627,25.5223881 10.7462687,23.9104478 12.1791045,22.6567164 C13.6119403,21.4029851 15.2238806,20.6865672 17.1940299,20.6865672 C19.1641791,20.6865672 20.9552239,21.4029851 22.3880597,22.6567164 C23.8208955,23.9104478 24.7164179,25.5223881 24.8955224,27.4925373 L25.0746269,28.5671642 C25.0746269,28.7462687 25.2537313,28.9253731 25.4328358,28.9253731 L28.2985075,28.9253731 C29.9104478,28.9253731 31.1641791,29.4626866 32.4179104,30.7164179 C33.4925373,31.7910448 34.2089552,33.2238806 34.2089552,34.8358209 C34.2089552,36.4477612 33.6716418,37.880597 32.4179104,38.9552239 C31.3432836,40.0298507 29.9104478,40.7462687 28.2985075,40.7462687 L8.7761194,40.7462687 C7.1641791,40.7462687 5.91044776,40.2089552 4.65671642,38.9552239 C3.58208955,37.7014925 3.04477612,36.2686567 3.04477612,34.6567164 Z M15.0447761,12.6268657 C15.0447761,12.9850746 15.2238806,13.3432836 15.4029851,13.7014925 L16.6567164,14.7761194 C17.0149254,15.1343284 17.5522388,15.3134328 17.7313433,15.1343284 C18.0895522,15.1343284 18.4477612,14.9552239 18.8059701,14.5970149 C19.1641791,14.238806 19.1641791,13.880597 19.1641791,13.5223881 C19.1641791,13.1641791 18.9850746,12.9850746 18.6268657,12.8059701 L17.5522388,11.5522388 C17.1940299,11.1940299 16.8358209,11.1940299 16.4776119,11.1940299 C16.119403,11.1940299 15.761194,11.3731343 15.4029851,11.7313433 C15.2238806,11.9104478 15.0447761,12.2686567 15.0447761,12.6268657 Z M24.5373134,20.6865672 C25.7910448,19.4328358 27.2238806,18.8955224 28.8358209,18.8955224 C30.6268657,18.8955224 32.0597015,19.4328358 33.3134328,20.6865672 C34.5671642,21.9402985 35.1044776,23.3731343 35.1044776,25.1641791 C35.1044776,26.238806 34.7462687,27.3134328 34.2089552,28.3880597 C32.4179104,26.5970149 30.4477612,25.880597 27.9402985,25.880597 L27.5820896,25.880597 C27.2238806,23.9104478 26.1492537,22.119403 24.5373134,20.6865672 Z M27.4029851,11.1940299 C27.4029851,11.7313433 27.5820896,12.0895522 27.761194,12.2686567 C27.9402985,12.4477612 28.4776119,12.6268657 28.8358209,12.6268657 C29.3731343,12.6268657 29.7313433,12.4477612 29.9104478,12.2686567 C30.2686567,11.9104478 30.2686567,11.5522388 30.2686567,11.1940299 L30.2686567,7.43283582 C30.2686567,7.07462687 30.0895522,6.71641791 29.9104478,6.35820896 C29.7313433,6 29.3731343,6 29.0149254,6 C28.6567164,6 28.2985075,6.17910448 27.9402985,6.35820896 C27.5820896,6.53731343 27.5820896,7.07462687 27.5820896,7.43283582 L27.4029851,11.1940299 L27.4029851,11.1940299 Z M37.4328358,15.3134328 C37.4328358,15.8507463 37.6119403,16.2089552 37.7910448,16.3880597 C38.1492537,16.7462687 38.5074627,16.7462687 38.8656716,16.7462687 C39.2238806,16.7462687 39.5820896,16.5671642 39.9402985,16.3880597 L42.4477612,13.880597 C42.8059701,13.5223881 42.8059701,13.1641791 42.8059701,12.8059701 C42.8059701,12.4477612 42.6268657,12.0895522 42.4477612,11.7313433 C42.0895522,11.3731343 41.7313433,11.3731343 41.3731343,11.3731343 C41.0149254,11.3731343 40.6567164,11.5522388 40.2985075,11.7313433 L37.6119403,14.238806 C37.4328358,14.4179104 37.4328358,14.7761194 37.4328358,15.3134328 Z M38.6865672,36.4477612 C38.6865672,36.8059701 38.8656716,37.3432836 39.0447761,37.5223881 L40.119403,38.5970149 C40.2985075,38.9552239 40.6567164,38.9552239 41.1940299,38.9552239 C41.7313433,38.9552239 41.9104478,38.7761194 42.2686567,38.5970149 C42.6268657,38.4179104 42.6268657,37.880597 42.6268657,37.5223881 C42.6268657,37.1641791 42.4477612,36.8059701 42.2686567,36.4477612 L41.1940299,35.3731343 C40.8358209,35.0149254 40.4776119,35.0149254 40.119403,35.0149254 C39.761194,35.0149254 39.4029851,35.1940299 39.0447761,35.3731343 C38.8656716,35.7313433 38.6865672,36.0895522 38.6865672,36.4477612 Z M41.3731343,25.1641791 C41.3731343,25.5223881 41.5522388,25.880597 41.9104478,26.238806 C42.2686567,26.5970149 42.6268657,26.5970149 42.9850746,26.5970149 L46.5671642,26.5970149 C46.9253731,26.5970149 47.2835821,26.4179104 47.641791,26.238806 C48,26.0597015 48,25.5223881 48,25.1641791 C48,24.8059701 47.8208955,24.4477612 47.641791,24.0895522 C47.4626866,23.7313433 46.9253731,23.7313433 46.5671642,23.7313433 L42.9850746,23.7313433 C42.6268657,23.7313433 42.2686567,23.9104478 41.9104478,24.0895522 C41.5522388,24.4477612 41.3731343,24.8059701 41.3731343,25.1641791 Z" id="Shape" fill="#000000"></path>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Partly Cloudy White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Partly Cloudy</title>
        <g id="Icon/Weather/partly-cloudy-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M0,34.6567164 C0,36.2686567 0.358208955,37.7014925 1.25373134,39.1343284 C2.14925373,40.5671642 3.04477612,41.641791 4.47761194,42.358209 C5.91044776,43.0746269 7.34328358,43.6119403 8.95522388,43.6119403 L28.2985075,43.6119403 C29.9104478,43.6119403 31.3432836,43.2537313 32.7761194,42.358209 C34.2089552,41.4626866 35.2835821,40.5671642 36,39.1343284 C36.7164179,37.7014925 37.2537313,36.2686567 37.2537313,34.6567164 C37.2537313,33.4029851 37.0746269,32.3283582 36.5373134,31.0746269 C37.9701493,29.4626866 38.5074627,27.4925373 38.5074627,25.1641791 C38.5074627,23.9104478 38.3283582,22.6567164 37.7910448,21.5820896 C37.2537313,20.5074627 36.7164179,19.4328358 35.8208955,18.5373134 C34.9253731,17.641791 34.0298507,16.9253731 32.7761194,16.5671642 C31.7014925,16.0298507 30.4477612,15.8507463 29.1940299,15.8507463 C26.5074627,15.8507463 24.1791045,16.9253731 22.2089552,18.8955224 C20.7761194,18.1791045 19.1641791,17.641791 17.3731343,17.641791 C14.8656716,17.641791 12.7164179,18.358209 10.7462687,19.9701493 C8.7761194,21.5820896 7.52238806,23.5522388 6.98507463,26.0597015 C5.01492537,26.5970149 3.40298507,27.4925373 2.14925373,29.1044776 C0.895522388,30.7164179 0,32.6865672 0,34.6567164 Z M3.04477612,34.6567164 C3.04477612,33.2238806 3.58208955,31.7910448 4.47761194,30.7164179 C5.55223881,29.641791 6.80597015,28.9253731 8.23880597,28.7462687 L9.13432836,28.7462687 C9.31343284,28.7462687 9.49253731,28.5671642 9.49253731,28.3880597 L9.67164179,27.4925373 C9.85074627,25.5223881 10.7462687,23.9104478 12.1791045,22.6567164 C13.6119403,21.4029851 15.2238806,20.6865672 17.1940299,20.6865672 C19.1641791,20.6865672 20.9552239,21.4029851 22.3880597,22.6567164 C23.8208955,23.9104478 24.7164179,25.5223881 24.8955224,27.4925373 L25.0746269,28.5671642 C25.0746269,28.7462687 25.2537313,28.9253731 25.4328358,28.9253731 L28.2985075,28.9253731 C29.9104478,28.9253731 31.1641791,29.4626866 32.4179104,30.7164179 C33.4925373,31.7910448 34.2089552,33.2238806 34.2089552,34.8358209 C34.2089552,36.4477612 33.6716418,37.880597 32.4179104,38.9552239 C31.3432836,40.0298507 29.9104478,40.7462687 28.2985075,40.7462687 L8.7761194,40.7462687 C7.1641791,40.7462687 5.91044776,40.2089552 4.65671642,38.9552239 C3.58208955,37.7014925 3.04477612,36.2686567 3.04477612,34.6567164 Z M15.0447761,12.6268657 C15.0447761,12.9850746 15.2238806,13.3432836 15.4029851,13.7014925 L16.6567164,14.7761194 C17.0149254,15.1343284 17.5522388,15.3134328 17.7313433,15.1343284 C18.0895522,15.1343284 18.4477612,14.9552239 18.8059701,14.5970149 C19.1641791,14.238806 19.1641791,13.880597 19.1641791,13.5223881 C19.1641791,13.1641791 18.9850746,12.9850746 18.6268657,12.8059701 L17.5522388,11.5522388 C17.1940299,11.1940299 16.8358209,11.1940299 16.4776119,11.1940299 C16.119403,11.1940299 15.761194,11.3731343 15.4029851,11.7313433 C15.2238806,11.9104478 15.0447761,12.2686567 15.0447761,12.6268657 Z M24.5373134,20.6865672 C25.7910448,19.4328358 27.2238806,18.8955224 28.8358209,18.8955224 C30.6268657,18.8955224 32.0597015,19.4328358 33.3134328,20.6865672 C34.5671642,21.9402985 35.1044776,23.3731343 35.1044776,25.1641791 C35.1044776,26.238806 34.7462687,27.3134328 34.2089552,28.3880597 C32.4179104,26.5970149 30.4477612,25.880597 27.9402985,25.880597 L27.5820896,25.880597 C27.2238806,23.9104478 26.1492537,22.119403 24.5373134,20.6865672 Z M27.4029851,11.1940299 C27.4029851,11.7313433 27.5820896,12.0895522 27.761194,12.2686567 C27.9402985,12.4477612 28.4776119,12.6268657 28.8358209,12.6268657 C29.3731343,12.6268657 29.7313433,12.4477612 29.9104478,12.2686567 C30.2686567,11.9104478 30.2686567,11.5522388 30.2686567,11.1940299 L30.2686567,7.43283582 C30.2686567,7.07462687 30.0895522,6.71641791 29.9104478,6.35820896 C29.7313433,6 29.3731343,6 29.0149254,6 C28.6567164,6 28.2985075,6.17910448 27.9402985,6.35820896 C27.5820896,6.53731343 27.5820896,7.07462687 27.5820896,7.43283582 L27.4029851,11.1940299 L27.4029851,11.1940299 Z M37.4328358,15.3134328 C37.4328358,15.8507463 37.6119403,16.2089552 37.7910448,16.3880597 C38.1492537,16.7462687 38.5074627,16.7462687 38.8656716,16.7462687 C39.2238806,16.7462687 39.5820896,16.5671642 39.9402985,16.3880597 L42.4477612,13.880597 C42.8059701,13.5223881 42.8059701,13.1641791 42.8059701,12.8059701 C42.8059701,12.4477612 42.6268657,12.0895522 42.4477612,11.7313433 C42.0895522,11.3731343 41.7313433,11.3731343 41.3731343,11.3731343 C41.0149254,11.3731343 40.6567164,11.5522388 40.2985075,11.7313433 L37.6119403,14.238806 C37.4328358,14.4179104 37.4328358,14.7761194 37.4328358,15.3134328 Z M38.6865672,36.4477612 C38.6865672,36.8059701 38.8656716,37.3432836 39.0447761,37.5223881 L40.119403,38.5970149 C40.2985075,38.9552239 40.6567164,38.9552239 41.1940299,38.9552239 C41.7313433,38.9552239 41.9104478,38.7761194 42.2686567,38.5970149 C42.6268657,38.4179104 42.6268657,37.880597 42.6268657,37.5223881 C42.6268657,37.1641791 42.4477612,36.8059701 42.2686567,36.4477612 L41.1940299,35.3731343 C40.8358209,35.0149254 40.4776119,35.0149254 40.119403,35.0149254 C39.761194,35.0149254 39.4029851,35.1940299 39.0447761,35.3731343 C38.8656716,35.7313433 38.6865672,36.0895522 38.6865672,36.4477612 Z M41.3731343,25.1641791 C41.3731343,25.5223881 41.5522388,25.880597 41.9104478,26.238806 C42.2686567,26.5970149 42.6268657,26.5970149 42.9850746,26.5970149 L46.5671642,26.5970149 C46.9253731,26.5970149 47.2835821,26.4179104 47.641791,26.238806 C48,26.0597015 48,25.5223881 48,25.1641791 C48,24.8059701 47.8208955,24.4477612 47.641791,24.0895522 C47.4626866,23.7313433 46.9253731,23.7313433 46.5671642,23.7313433 L42.9850746,23.7313433 C42.6268657,23.7313433 42.2686567,23.9104478 41.9104478,24.0895522 C41.5522388,24.4477612 41.3731343,24.8059701 41.3731343,25.1641791 Z" id="Shape" fill="#FFFFFF"></path>
        </g>
    </svg>
</div>


        
            <!-- Partly Sunny -->
<!-- Partly Sunny Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Partly Sunny</title>
    <g id="Icon/Weather/partly-sunnny-white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M4,26.6722689 C4,27.1764706 4.16806723,27.512605 4.50420168,27.8487395 C4.84033613,28.1848739 5.17647059,28.3529412 5.68067227,28.3529412 L8.53781513,28.3529412 C9.04201681,28.3529412 9.37815126,28.1848739 9.71428571,27.8487395 C10.0504202,27.512605 10.2184874,27.1764706 10.2184874,26.6722689 C10.2184874,26.1680672 10.0504202,25.8319328 9.71428571,25.4957983 C9.37815126,25.1596639 9.04201681,24.9915966 8.53781513,24.9915966 L5.68067227,24.9915966 C5.17647059,24.9915966 4.84033613,25.1596639 4.50420168,25.4957983 C4.16806723,25.8319328 4,26.1680672 4,26.6722689 Z M7.02521008,37.092437 C7.02521008,38.7731092 7.52941176,40.1176471 8.87394958,41.2941176 C10.0504202,42.4705882 11.394958,43.1428571 13.0756303,43.1428571 L24.6722689,43.1428571 C26.3529412,43.1428571 27.697479,42.4705882 28.8739496,41.4621849 C30.0504202,40.2857143 30.5546218,38.9411765 30.5546218,37.2605042 C30.5546218,36.4201681 30.3865546,35.7478992 30.2184874,35.2436975 C31.5630252,34.4033613 32.7394958,33.2268908 33.5798319,31.7142857 C34.4201681,30.2016807 34.7563025,28.6890756 34.7563025,27.0084034 C34.7563025,25.6638655 34.4201681,24.3193277 33.9159664,23.1428571 C33.4117647,21.9663866 32.5714286,20.789916 31.7310924,19.9495798 C30.8907563,19.1092437 29.7142857,18.2689076 28.5378151,17.7647059 C27.3613445,17.2605042 26.0168067,16.9243697 24.6722689,16.9243697 C22.8235294,16.9243697 21.1428571,17.4285714 19.6302521,18.2689076 C18.1176471,19.1092437 16.9411765,20.4537815 15.9327731,21.9663866 C15.092437,23.4789916 14.5882353,25.1596639 14.5882353,27.0084034 L14.5882353,27.512605 C12.907563,28.5210084 11.7310924,29.8655462 11.2268908,31.7142857 C9.88235294,32.0504202 8.87394958,32.8907563 8.20168067,33.8991597 C7.36134454,34.5714286 7.02521008,35.7478992 7.02521008,37.092437 Z M9.54621849,13.2268908 C9.54621849,13.7310924 9.71428571,14.0672269 10.0504202,14.4033613 L12.7394958,17.2605042 C13.5798319,17.9327731 14.2521008,17.9327731 15.092437,17.2605042 C15.4285714,16.9243697 15.5966387,16.5882353 15.5966387,16.0840336 C15.5966387,15.5798319 15.4285714,15.2436975 15.092437,14.907563 L12.4033613,12.2184874 C11.8991597,11.8823529 11.5630252,11.7142857 11.0588235,11.7142857 C10.5546218,11.7142857 10.2184874,11.8823529 9.88235294,12.2184874 C9.54621849,12.5546218 9.54621849,12.8907563 9.54621849,13.2268908 Z M10.2184874,37.092437 C10.2184874,36.4201681 10.3865546,35.7478992 10.8907563,35.2436975 C11.394958,34.7394958 11.8991597,34.4033613 12.5714286,34.4033613 L13.5798319,34.2352941 C13.7478992,34.2352941 13.9159664,34.0672269 13.9159664,33.8991597 L14.0840336,32.8907563 C14.2521008,31.8823529 14.5882353,31.0420168 15.2605042,30.5378151 C15.9327731,29.8655462 16.7731092,29.5294118 17.7815126,29.5294118 C18.789916,29.5294118 19.6302521,29.8655462 20.302521,30.5378151 C20.9747899,31.210084 21.4789916,32.0504202 21.6470588,32.8907563 L21.8151261,33.8991597 C21.9831933,34.4033613 22.1512605,34.4033613 22.3193277,34.4033613 L24.5042017,34.4033613 C25.1764706,34.4033613 25.8487395,34.7394958 26.3529412,35.2436975 C26.8571429,35.7478992 27.1932773,36.4201681 27.1932773,37.092437 C27.1932773,37.9327731 26.8571429,38.4369748 26.3529412,38.9411765 C25.8487395,39.4453782 25.1764706,39.7815126 24.5042017,39.7815126 L12.907563,39.7815126 C12.2352941,39.7815126 11.5630252,39.4453782 11.0588235,38.9411765 C10.5546218,38.605042 10.2184874,37.9327731 10.2184874,37.092437 Z M17.7815126,26.3361345 C17.9495798,24.487395 18.6218487,22.9747899 19.9663866,21.6302521 C21.3109244,20.4537815 22.8235294,19.7815126 24.6722689,19.7815126 C26.5210084,19.7815126 28.2016807,20.4537815 29.3781513,21.7983193 C30.7226891,23.1428571 31.394958,24.8235294 31.394958,26.6722689 C31.394958,27.8487395 31.0588235,29.0252101 30.5546218,29.8655462 C30.0504202,30.8739496 29.210084,31.7142857 28.2016807,32.3865546 C27.1932773,31.5462185 26.0168067,31.210084 24.8403361,31.210084 C24.3361345,29.697479 23.4957983,28.5210084 22.3193277,27.6806723 C21.1428571,26.8403361 19.6302521,26.3361345 18.1176471,26.3361345 C17.9495798,26.3361345 17.7815126,26.3361345 17.7815126,26.3361345 Z M22.9915966,11.7142857 C22.9915966,12.2184874 23.1596639,12.5546218 23.4957983,12.8907563 C23.8319328,13.2268908 24.1680672,13.394958 24.6722689,13.394958 C25.1764706,13.394958 25.512605,13.2268908 25.8487395,12.8907563 C26.1848739,12.5546218 26.3529412,12.2184874 26.3529412,11.7142857 L26.3529412,7.68067227 C26.3529412,7.17647059 26.1848739,6.84033613 25.8487395,6.50420168 C25.512605,6.16806723 25.1764706,6 24.6722689,6 C24.1680672,6 23.8319328,6.16806723 23.4957983,6.50420168 C23.1596639,6.84033613 22.9915966,7.17647059 22.9915966,7.68067227 C22.9915966,7.68067227 22.9915966,11.7142857 22.9915966,11.7142857 Z M33.5798319,37.2605042 C33.5798319,37.7647059 33.7478992,38.1008403 34.0840336,38.4369748 L36.7731092,41.1260504 C37.4453782,41.7983193 38.2857143,41.7983193 39.1260504,41.1260504 C39.4621849,40.789916 39.6302521,40.4537815 39.6302521,39.9495798 C39.6302521,39.4453782 39.4621849,39.1092437 39.1260504,38.7731092 L36.2689076,36.0840336 C35.9327731,35.7478992 35.5966387,35.7478992 35.092437,35.7478992 C34.5882353,35.7478992 34.2521008,35.9159664 33.9159664,36.2521008 C33.7478992,36.4201681 33.5798319,36.7563025 33.5798319,37.2605042 Z M33.5798319,16.0840336 C33.5798319,16.5882353 33.7478992,16.9243697 34.0840336,17.2605042 C34.4201681,17.5966387 34.7563025,17.7647059 35.2605042,17.7647059 C35.7647059,17.7647059 36.1008403,17.5966387 36.4369748,17.2605042 L39.1260504,14.4033613 C39.4621849,14.0672269 39.6302521,13.7310924 39.6302521,13.2268908 C39.6302521,12.7226891 39.4621849,12.3865546 39.1260504,12.2184874 C38.789916,12.0504202 38.4537815,11.7142857 37.9495798,11.7142857 C37.4453782,11.7142857 37.1092437,11.8823529 36.7731092,12.2184874 L34.0840336,14.907563 C33.7478992,15.2436975 33.5798319,15.5798319 33.5798319,16.0840336 Z M37.7815126,26.6722689 C37.7815126,27.1764706 37.9495798,27.512605 38.2857143,27.8487395 C38.6218487,28.1848739 38.9579832,28.3529412 39.4621849,28.3529412 L42.3193277,28.3529412 C42.8235294,28.3529412 43.1596639,28.1848739 43.4957983,27.8487395 C43.8319328,27.512605 44,27.1764706 44,26.6722689 C44,26.1680672 43.8319328,25.8319328 43.4957983,25.4957983 C43.1596639,25.1596639 42.8235294,24.9915966 42.3193277,24.9915966 L39.4621849,24.9915966 C38.9579832,24.9915966 38.6218487,25.1596639 38.2857143,25.4957983 C38.1176471,25.8319328 37.7815126,26.1680672 37.7815126,26.6722689 Z" id="Shape" fill="#000000"></path>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Partly Sunny White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Partly Sunny</title>
        <g id="Icon/Weather/partly-sunnny-white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M4,26.6722689 C4,27.1764706 4.16806723,27.512605 4.50420168,27.8487395 C4.84033613,28.1848739 5.17647059,28.3529412 5.68067227,28.3529412 L8.53781513,28.3529412 C9.04201681,28.3529412 9.37815126,28.1848739 9.71428571,27.8487395 C10.0504202,27.512605 10.2184874,27.1764706 10.2184874,26.6722689 C10.2184874,26.1680672 10.0504202,25.8319328 9.71428571,25.4957983 C9.37815126,25.1596639 9.04201681,24.9915966 8.53781513,24.9915966 L5.68067227,24.9915966 C5.17647059,24.9915966 4.84033613,25.1596639 4.50420168,25.4957983 C4.16806723,25.8319328 4,26.1680672 4,26.6722689 Z M7.02521008,37.092437 C7.02521008,38.7731092 7.52941176,40.1176471 8.87394958,41.2941176 C10.0504202,42.4705882 11.394958,43.1428571 13.0756303,43.1428571 L24.6722689,43.1428571 C26.3529412,43.1428571 27.697479,42.4705882 28.8739496,41.4621849 C30.0504202,40.2857143 30.5546218,38.9411765 30.5546218,37.2605042 C30.5546218,36.4201681 30.3865546,35.7478992 30.2184874,35.2436975 C31.5630252,34.4033613 32.7394958,33.2268908 33.5798319,31.7142857 C34.4201681,30.2016807 34.7563025,28.6890756 34.7563025,27.0084034 C34.7563025,25.6638655 34.4201681,24.3193277 33.9159664,23.1428571 C33.4117647,21.9663866 32.5714286,20.789916 31.7310924,19.9495798 C30.8907563,19.1092437 29.7142857,18.2689076 28.5378151,17.7647059 C27.3613445,17.2605042 26.0168067,16.9243697 24.6722689,16.9243697 C22.8235294,16.9243697 21.1428571,17.4285714 19.6302521,18.2689076 C18.1176471,19.1092437 16.9411765,20.4537815 15.9327731,21.9663866 C15.092437,23.4789916 14.5882353,25.1596639 14.5882353,27.0084034 L14.5882353,27.512605 C12.907563,28.5210084 11.7310924,29.8655462 11.2268908,31.7142857 C9.88235294,32.0504202 8.87394958,32.8907563 8.20168067,33.8991597 C7.36134454,34.5714286 7.02521008,35.7478992 7.02521008,37.092437 Z M9.54621849,13.2268908 C9.54621849,13.7310924 9.71428571,14.0672269 10.0504202,14.4033613 L12.7394958,17.2605042 C13.5798319,17.9327731 14.2521008,17.9327731 15.092437,17.2605042 C15.4285714,16.9243697 15.5966387,16.5882353 15.5966387,16.0840336 C15.5966387,15.5798319 15.4285714,15.2436975 15.092437,14.907563 L12.4033613,12.2184874 C11.8991597,11.8823529 11.5630252,11.7142857 11.0588235,11.7142857 C10.5546218,11.7142857 10.2184874,11.8823529 9.88235294,12.2184874 C9.54621849,12.5546218 9.54621849,12.8907563 9.54621849,13.2268908 Z M10.2184874,37.092437 C10.2184874,36.4201681 10.3865546,35.7478992 10.8907563,35.2436975 C11.394958,34.7394958 11.8991597,34.4033613 12.5714286,34.4033613 L13.5798319,34.2352941 C13.7478992,34.2352941 13.9159664,34.0672269 13.9159664,33.8991597 L14.0840336,32.8907563 C14.2521008,31.8823529 14.5882353,31.0420168 15.2605042,30.5378151 C15.9327731,29.8655462 16.7731092,29.5294118 17.7815126,29.5294118 C18.789916,29.5294118 19.6302521,29.8655462 20.302521,30.5378151 C20.9747899,31.210084 21.4789916,32.0504202 21.6470588,32.8907563 L21.8151261,33.8991597 C21.9831933,34.4033613 22.1512605,34.4033613 22.3193277,34.4033613 L24.5042017,34.4033613 C25.1764706,34.4033613 25.8487395,34.7394958 26.3529412,35.2436975 C26.8571429,35.7478992 27.1932773,36.4201681 27.1932773,37.092437 C27.1932773,37.9327731 26.8571429,38.4369748 26.3529412,38.9411765 C25.8487395,39.4453782 25.1764706,39.7815126 24.5042017,39.7815126 L12.907563,39.7815126 C12.2352941,39.7815126 11.5630252,39.4453782 11.0588235,38.9411765 C10.5546218,38.605042 10.2184874,37.9327731 10.2184874,37.092437 Z M17.7815126,26.3361345 C17.9495798,24.487395 18.6218487,22.9747899 19.9663866,21.6302521 C21.3109244,20.4537815 22.8235294,19.7815126 24.6722689,19.7815126 C26.5210084,19.7815126 28.2016807,20.4537815 29.3781513,21.7983193 C30.7226891,23.1428571 31.394958,24.8235294 31.394958,26.6722689 C31.394958,27.8487395 31.0588235,29.0252101 30.5546218,29.8655462 C30.0504202,30.8739496 29.210084,31.7142857 28.2016807,32.3865546 C27.1932773,31.5462185 26.0168067,31.210084 24.8403361,31.210084 C24.3361345,29.697479 23.4957983,28.5210084 22.3193277,27.6806723 C21.1428571,26.8403361 19.6302521,26.3361345 18.1176471,26.3361345 C17.9495798,26.3361345 17.7815126,26.3361345 17.7815126,26.3361345 Z M22.9915966,11.7142857 C22.9915966,12.2184874 23.1596639,12.5546218 23.4957983,12.8907563 C23.8319328,13.2268908 24.1680672,13.394958 24.6722689,13.394958 C25.1764706,13.394958 25.512605,13.2268908 25.8487395,12.8907563 C26.1848739,12.5546218 26.3529412,12.2184874 26.3529412,11.7142857 L26.3529412,7.68067227 C26.3529412,7.17647059 26.1848739,6.84033613 25.8487395,6.50420168 C25.512605,6.16806723 25.1764706,6 24.6722689,6 C24.1680672,6 23.8319328,6.16806723 23.4957983,6.50420168 C23.1596639,6.84033613 22.9915966,7.17647059 22.9915966,7.68067227 C22.9915966,7.68067227 22.9915966,11.7142857 22.9915966,11.7142857 Z M33.5798319,37.2605042 C33.5798319,37.7647059 33.7478992,38.1008403 34.0840336,38.4369748 L36.7731092,41.1260504 C37.4453782,41.7983193 38.2857143,41.7983193 39.1260504,41.1260504 C39.4621849,40.789916 39.6302521,40.4537815 39.6302521,39.9495798 C39.6302521,39.4453782 39.4621849,39.1092437 39.1260504,38.7731092 L36.2689076,36.0840336 C35.9327731,35.7478992 35.5966387,35.7478992 35.092437,35.7478992 C34.5882353,35.7478992 34.2521008,35.9159664 33.9159664,36.2521008 C33.7478992,36.4201681 33.5798319,36.7563025 33.5798319,37.2605042 Z M33.5798319,16.0840336 C33.5798319,16.5882353 33.7478992,16.9243697 34.0840336,17.2605042 C34.4201681,17.5966387 34.7563025,17.7647059 35.2605042,17.7647059 C35.7647059,17.7647059 36.1008403,17.5966387 36.4369748,17.2605042 L39.1260504,14.4033613 C39.4621849,14.0672269 39.6302521,13.7310924 39.6302521,13.2268908 C39.6302521,12.7226891 39.4621849,12.3865546 39.1260504,12.2184874 C38.789916,12.0504202 38.4537815,11.7142857 37.9495798,11.7142857 C37.4453782,11.7142857 37.1092437,11.8823529 36.7731092,12.2184874 L34.0840336,14.907563 C33.7478992,15.2436975 33.5798319,15.5798319 33.5798319,16.0840336 Z M37.7815126,26.6722689 C37.7815126,27.1764706 37.9495798,27.512605 38.2857143,27.8487395 C38.6218487,28.1848739 38.9579832,28.3529412 39.4621849,28.3529412 L42.3193277,28.3529412 C42.8235294,28.3529412 43.1596639,28.1848739 43.4957983,27.8487395 C43.8319328,27.512605 44,27.1764706 44,26.6722689 C44,26.1680672 43.8319328,25.8319328 43.4957983,25.4957983 C43.1596639,25.1596639 42.8235294,24.9915966 42.3193277,24.9915966 L39.4621849,24.9915966 C38.9579832,24.9915966 38.6218487,25.1596639 38.2857143,25.4957983 C38.1176471,25.8319328 37.7815126,26.1680672 37.7815126,26.6722689 Z" id="Shape" fill="#FFFFFF"></path>
        </g>
    </svg>
</div>


        
            <!-- Rain -->
<!-- Light Rain Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Light Rain</title>
    <g id="Icon/Weather/light-rain-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M4,27 C4,24.8 4.8,22.6 6.2,20.8 C7.6,19 9.4,17.8 11.6,17.4 C12.2,14.6 13.6,12.4 15.8,10.6 C18,8.8 20.6,8 23.4,8 C26.2,8 28.6,8.8 30.8,10.6 C33,12.4 34.4,14.4 35,17.2 L35.6,17.2 C37.4,17.2 39,17.6 40.6,18.4 C42.2,19.2 43.4,20.4 44.2,22 C45,23.6 45.6,25.2 45.6,27 C45.6,29.6 44.6,32 42.8,34 C41,36 38.8,37 36,37 C35.8,37 35.6,36.8 35.6,36.6 L35.6,34 C35.6,33.8 35.8,33.6 36,33.6 C37.8,33.6 39.2,32.8 40.4,31.6 C41.6,30.4 42.2,28.8 42.2,27 C42.2,25.2 41.6,23.8 40.2,22.4 C39,21.2 37.4,20.4 35.6,20.4 L32.4,20.4 C32.2,20.4 32,20.2 32,20 L31.8,18.8 C31.6,16.6 30.6,14.8 29,13.4 C27.4,12 25.4,11.2 23.2,11.2 C21,11.2 19,12 17.4,13.4 C15.8,14.8 14.8,16.6 14.6,18.8 L14.8,20.2 C14.8,20.4 14.6,20.6 14.4,20.6 L13.4,20.6 C11.8,20.6 10.4,21.4 9.2,22.6 C8,23.8 7.4,25.2 7.4,27 C7.4,28.8 8,30.2 9.2,31.6 C10.4,33 11.8,33.6 13.6,33.6 C13.8,33.6 14,33.8 14,34 L14,36.6 C14,36.8 13.8,37 13.6,37 C11,36.8 8.6,35.8 6.8,34 C5,32.2 4,29.6 4,27 Z M16,28.8 C16,28.4 16.2,27.6 16.8,26.8 C17.2,26 17.8,25.2 18.2,24.8 C18.6,24.4 18.8,24 19,24 L19.8,24.8 C20.4,25.4 20.8,26 21.2,26.8 C21.6,27.6 21.8,28.2 21.8,28.8 C21.8,29.6 21.6,30.2 21,30.8 C20.4,31.4 19.8,31.6 19,31.6 C18.2,31.6 17.6,31.4 17,30.8 C16.2,30.2 16,29.6 16,28.8 Z M22,36.8 C22,36.2 22.2,35.6 22.4,34.8 C22.6,34 23.2,33.4 23.6,32.8 C24,32.2 24.4,31.8 25,31.2 C25.6,30.6 26,30.2 26.2,30 C26.4,29.8 26.4,29.8 26.6,29.6 L27,30 C27.8,30.6 28.6,31.6 29.6,33 C30,33.6 30.4,34.4 30.8,35 C31.2,35.6 31.2,36.4 31.2,37 C31.2,38.2 30.8,39.4 29.8,40.2 C28.8,41 27.8,41.6 26.4,41.6 C25.2,41.6 24,41.2 23.2,40.2 C22.4,39.2 22,38 22,36.8 Z M24.8,23.4 C24.8,22.6 25.4,21.6 26.8,20.2 L27.2,20.6 C27.6,21 27.8,21.4 28.2,22 C28.4,22.6 28.6,23 28.6,23.2 C28.6,23.8 28.4,24.2 28,24.6 C27.6,25 27.2,25.2 26.6,25.2 C26,25.2 25.6,25 25.2,24.6 C25,24.4 24.8,24 24.8,23.4 Z" id="Shape" fill="#000000"></path>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Light Rain White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Light Rain</title>
        <g id="Icon/Weather/light-rain-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M4,27 C4,24.8 4.8,22.6 6.2,20.8 C7.6,19 9.4,17.8 11.6,17.4 C12.2,14.6 13.6,12.4 15.8,10.6 C18,8.8 20.6,8 23.4,8 C26.2,8 28.6,8.8 30.8,10.6 C33,12.4 34.4,14.4 35,17.2 L35.6,17.2 C37.4,17.2 39,17.6 40.6,18.4 C42.2,19.2 43.4,20.4 44.2,22 C45,23.6 45.6,25.2 45.6,27 C45.6,29.6 44.6,32 42.8,34 C41,36 38.8,37 36,37 C35.8,37 35.6,36.8 35.6,36.6 L35.6,34 C35.6,33.8 35.8,33.6 36,33.6 C37.8,33.6 39.2,32.8 40.4,31.6 C41.6,30.4 42.2,28.8 42.2,27 C42.2,25.2 41.6,23.8 40.2,22.4 C39,21.2 37.4,20.4 35.6,20.4 L32.4,20.4 C32.2,20.4 32,20.2 32,20 L31.8,18.8 C31.6,16.6 30.6,14.8 29,13.4 C27.4,12 25.4,11.2 23.2,11.2 C21,11.2 19,12 17.4,13.4 C15.8,14.8 14.8,16.6 14.6,18.8 L14.8,20.2 C14.8,20.4 14.6,20.6 14.4,20.6 L13.4,20.6 C11.8,20.6 10.4,21.4 9.2,22.6 C8,23.8 7.4,25.2 7.4,27 C7.4,28.8 8,30.2 9.2,31.6 C10.4,33 11.8,33.6 13.6,33.6 C13.8,33.6 14,33.8 14,34 L14,36.6 C14,36.8 13.8,37 13.6,37 C11,36.8 8.6,35.8 6.8,34 C5,32.2 4,29.6 4,27 Z M16,28.8 C16,28.4 16.2,27.6 16.8,26.8 C17.2,26 17.8,25.2 18.2,24.8 C18.6,24.4 18.8,24 19,24 L19.8,24.8 C20.4,25.4 20.8,26 21.2,26.8 C21.6,27.6 21.8,28.2 21.8,28.8 C21.8,29.6 21.6,30.2 21,30.8 C20.4,31.4 19.8,31.6 19,31.6 C18.2,31.6 17.6,31.4 17,30.8 C16.2,30.2 16,29.6 16,28.8 Z M22,36.8 C22,36.2 22.2,35.6 22.4,34.8 C22.6,34 23.2,33.4 23.6,32.8 C24,32.2 24.4,31.8 25,31.2 C25.6,30.6 26,30.2 26.2,30 C26.4,29.8 26.4,29.8 26.6,29.6 L27,30 C27.8,30.6 28.6,31.6 29.6,33 C30,33.6 30.4,34.4 30.8,35 C31.2,35.6 31.2,36.4 31.2,37 C31.2,38.2 30.8,39.4 29.8,40.2 C28.8,41 27.8,41.6 26.4,41.6 C25.2,41.6 24,41.2 23.2,40.2 C22.4,39.2 22,38 22,36.8 Z M24.8,23.4 C24.8,22.6 25.4,21.6 26.8,20.2 L27.2,20.6 C27.6,21 27.8,21.4 28.2,22 C28.4,22.6 28.6,23 28.6,23.2 C28.6,23.8 28.4,24.2 28,24.6 C27.6,25 27.2,25.2 26.6,25.2 C26,25.2 25.6,25 25.2,24.6 C25,24.4 24.8,24 24.8,23.4 Z" id="Shape" fill="#FFFFFF"></path>
        </g>
    </svg>
</div>


        
            <!-- Sunny -->
<!-- Sunny Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Sun</title>
    <g id="Icon/Weather/sun-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M24,34.6666667 C24.7363797,34.6666667 25.3333333,35.2636203 25.3333333,36 L25.3333333,38.6666667 C25.3333333,39.4030463 24.7363797,40 24,40 C23.2636203,40 22.6666667,39.4030463 22.6666667,38.6666667 L22.6666667,36 C22.6666667,35.2636203 23.2636203,34.6666667 24,34.6666667 Z M33.4950938,31.6094757 L35.3807119,33.4950938 C35.9014109,34.0157928 35.9014109,34.8600128 35.3807119,35.3807119 C34.8600128,35.9014109 34.0157928,35.9014109 33.4950938,35.3807119 L31.6094757,33.4950938 C31.0887767,32.9743947 31.0887767,32.1301748 31.6094757,31.6094757 C32.1301748,31.0887767 32.9743947,31.0887767 33.4950938,31.6094757 Z M16.5522847,31.6094757 C17.0729838,32.1301748 17.0729838,32.9743947 16.5522847,33.4950938 L14.6666667,35.3807119 C14.1459676,35.9014109 13.3017476,35.9014109 12.7810486,35.3807119 C12.2603495,34.8600128 12.2603495,34.0157928 12.7810486,33.4950938 L14.6666667,31.6094757 C15.1873657,31.0887767 16.0315857,31.0887767 16.5522847,31.6094757 Z M24,14.6666667 C29.1546577,14.6666667 33.3333333,18.8453423 33.3333333,24 C33.3333333,29.1546577 29.1546577,33.3333333 24,33.3333333 C18.8453423,33.3333333 14.6666667,29.1546577 14.6666667,24 C14.6666667,18.8453423 18.8453423,14.6666667 24,14.6666667 Z M24,17.3333333 C20.3181017,17.3333333 17.3333333,20.3181017 17.3333333,24 C17.3333333,27.6818983 20.3181017,30.6666667 24,30.6666667 C27.6818983,30.6666667 30.6666667,27.6818983 30.6666667,24 C30.6666667,20.3181017 27.6818983,17.3333333 24,17.3333333 Z M12,22.6666667 C12.7363797,22.6666667 13.3333333,23.2636203 13.3333333,24 C13.3333333,24.7363797 12.7363797,25.3333333 12,25.3333333 L9.33333333,25.3333333 C8.59695367,25.3333333 8,24.7363797 8,24 C8,23.2636203 8.59695367,22.6666667 9.33333333,22.6666667 L12,22.6666667 Z M38.6666667,22.6666667 C39.4030463,22.6666667 40,23.2636203 40,24 C40,24.7363797 39.4030463,25.3333333 38.6666667,25.3333333 L36,25.3333333 C35.2636203,25.3333333 34.6666667,24.7363797 34.6666667,24 C34.6666667,23.2636203 35.2636203,22.6666667 36,22.6666667 L38.6666667,22.6666667 Z M35.3807119,12.942809 C35.9014109,13.4635081 35.9014109,14.3077281 35.3807119,14.8284271 L33.4950938,16.7140452 C32.9743947,17.2347443 32.1301748,17.2347443 31.6094757,16.7140452 C31.0887767,16.1933462 31.0887767,15.3491262 31.6094757,14.8284271 L33.4950938,12.942809 C34.0157928,12.42211 34.8600128,12.42211 35.3807119,12.942809 Z M14.6666667,12.942809 L16.5522847,14.8284271 C17.0729838,15.3491262 17.0729838,16.1933462 16.5522847,16.7140452 C16.0315857,17.2347443 15.1873657,17.2347443 14.6666667,16.7140452 L12.7810486,14.8284271 C12.2603495,14.3077281 12.2603495,13.4635081 12.7810486,12.942809 C13.3017476,12.42211 14.1459676,12.42211 14.6666667,12.942809 Z M24,8 C24.7363797,8 25.3333333,8.59695367 25.3333333,9.33333333 L25.3333333,12 C25.3333333,12.7363797 24.7363797,13.3333333 24,13.3333333 C23.2636203,13.3333333 22.6666667,12.7363797 22.6666667,12 L22.6666667,9.33333333 C22.6666667,8.59695367 23.2636203,8 24,8 Z" id="Combined-Shape" fill="#000000"></path>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Sunny White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Sun</title>
        <g id="Icon/Weather/sun-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M24,34.6666667 C24.7363797,34.6666667 25.3333333,35.2636203 25.3333333,36 L25.3333333,38.6666667 C25.3333333,39.4030463 24.7363797,40 24,40 C23.2636203,40 22.6666667,39.4030463 22.6666667,38.6666667 L22.6666667,36 C22.6666667,35.2636203 23.2636203,34.6666667 24,34.6666667 Z M33.4950938,31.6094757 L35.3807119,33.4950938 C35.9014109,34.0157928 35.9014109,34.8600128 35.3807119,35.3807119 C34.8600128,35.9014109 34.0157928,35.9014109 33.4950938,35.3807119 L31.6094757,33.4950938 C31.0887767,32.9743947 31.0887767,32.1301748 31.6094757,31.6094757 C32.1301748,31.0887767 32.9743947,31.0887767 33.4950938,31.6094757 Z M16.5522847,31.6094757 C17.0729838,32.1301748 17.0729838,32.9743947 16.5522847,33.4950938 L14.6666667,35.3807119 C14.1459676,35.9014109 13.3017476,35.9014109 12.7810486,35.3807119 C12.2603495,34.8600128 12.2603495,34.0157928 12.7810486,33.4950938 L14.6666667,31.6094757 C15.1873657,31.0887767 16.0315857,31.0887767 16.5522847,31.6094757 Z M24,14.6666667 C29.1546577,14.6666667 33.3333333,18.8453423 33.3333333,24 C33.3333333,29.1546577 29.1546577,33.3333333 24,33.3333333 C18.8453423,33.3333333 14.6666667,29.1546577 14.6666667,24 C14.6666667,18.8453423 18.8453423,14.6666667 24,14.6666667 Z M24,17.3333333 C20.3181017,17.3333333 17.3333333,20.3181017 17.3333333,24 C17.3333333,27.6818983 20.3181017,30.6666667 24,30.6666667 C27.6818983,30.6666667 30.6666667,27.6818983 30.6666667,24 C30.6666667,20.3181017 27.6818983,17.3333333 24,17.3333333 Z M12,22.6666667 C12.7363797,22.6666667 13.3333333,23.2636203 13.3333333,24 C13.3333333,24.7363797 12.7363797,25.3333333 12,25.3333333 L9.33333333,25.3333333 C8.59695367,25.3333333 8,24.7363797 8,24 C8,23.2636203 8.59695367,22.6666667 9.33333333,22.6666667 L12,22.6666667 Z M38.6666667,22.6666667 C39.4030463,22.6666667 40,23.2636203 40,24 C40,24.7363797 39.4030463,25.3333333 38.6666667,25.3333333 L36,25.3333333 C35.2636203,25.3333333 34.6666667,24.7363797 34.6666667,24 C34.6666667,23.2636203 35.2636203,22.6666667 36,22.6666667 L38.6666667,22.6666667 Z M35.3807119,12.942809 C35.9014109,13.4635081 35.9014109,14.3077281 35.3807119,14.8284271 L33.4950938,16.7140452 C32.9743947,17.2347443 32.1301748,17.2347443 31.6094757,16.7140452 C31.0887767,16.1933462 31.0887767,15.3491262 31.6094757,14.8284271 L33.4950938,12.942809 C34.0157928,12.42211 34.8600128,12.42211 35.3807119,12.942809 Z M14.6666667,12.942809 L16.5522847,14.8284271 C17.0729838,15.3491262 17.0729838,16.1933462 16.5522847,16.7140452 C16.0315857,17.2347443 15.1873657,17.2347443 14.6666667,16.7140452 L12.7810486,14.8284271 C12.2603495,14.3077281 12.2603495,13.4635081 12.7810486,12.942809 C13.3017476,12.42211 14.1459676,12.42211 14.6666667,12.942809 Z M24,8 C24.7363797,8 25.3333333,8.59695367 25.3333333,9.33333333 L25.3333333,12 C25.3333333,12.7363797 24.7363797,13.3333333 24,13.3333333 C23.2636203,13.3333333 22.6666667,12.7363797 22.6666667,12 L22.6666667,9.33333333 C22.6666667,8.59695367 23.2636203,8 24,8 Z" id="Combined-Shape" fill="#FFFFFF"></path>
        </g>
    </svg>
</div>
Handle: @weather-svg
Variants (8): Default , Foggy , Moon , Overcast , Partly Cloudy , Partly Sunny , Rain , Sunny
Preview:
- With layout
- Component only
Filesystem Path: src/components/04-icons/03-weather-icons/weather-svg.hbs