<!-- 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 -->
<img alt="foggy" src="../../icons/weather/foggy--black.svg">
<img alt="foggy" src="../../icons/weather/foggy--white.svg" style="background: #2774AE">
<!-- Moon -->
<img alt="moon" src="../../icons/weather/moon--black.svg">
<img alt="moon" src="../../icons/weather/moon--white.svg" style="background: #2774AE">
<!-- Overcast -->
<img alt="overcast" src="../../icons/weather/overcast--black.svg">
<img alt="Overcast" src="../../icons/weather/overcast--white.svg" style="background: #2774AE">
<!-- Partly Cloudy -->
<img alt="partly cloudy" src="../../icons/weather/partly-cloudy--black.svg">
<img alt="partly cloudy" src="../../icons/weather/partly-cloudy--white.svg" style="background: #2774AE">
<!-- Partly Sunny -->
<img alt="partly sunny" src="../../icons/weather/partly-sunny--black.svg">
<img alt="partly sunny" src="../../icons/weather/partly-sunny--white.svg" style="background: #2774AE">
<!-- Light Rain -->
<img alt="light rain" src="../../icons/weather/rain--black.svg">
<img alt="light rain" src="../../icons/weather/rain--white.svg" style="background: #2774AE">
<!-- Sunny -->
<img alt="sunny" src="../../icons/weather/sunny--black.svg">
<img alt="sunny" src="../../icons/weather/sunny--white.svg" style="background: #2774AE">
<!-- 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 -->
<img alt="foggy" src="{{path '/icons/weather/foggy--black.svg'}}">
<img alt="foggy" src="{{path '/icons/weather/foggy--white.svg'}}" style="background: #2774AE">
<!-- Moon -->
<img alt="moon" src="{{path '/icons/weather/moon--black.svg'}}">
<img alt="moon" src="{{path '/icons/weather/moon--white.svg'}}" style="background: #2774AE">
<!-- Overcast -->
<img alt="overcast" src="{{path '/icons/weather/overcast--black.svg'}}">
<img alt="Overcast" src="{{path '/icons/weather/overcast--white.svg'}}" style="background: #2774AE">
<!-- Partly Cloudy -->
<img alt="partly cloudy" src="{{path '/icons/weather/partly-cloudy--black.svg'}}">
<img alt="partly cloudy" src="{{path '/icons/weather/partly-cloudy--white.svg'}}" style="background: #2774AE">
<!-- Partly Sunny -->
<img alt="partly sunny" src="{{path '/icons/weather/partly-sunny--black.svg'}}">
<img alt="partly sunny" src="{{path '/icons/weather/partly-sunny--white.svg'}}" style="background: #2774AE">
<!-- Light Rain -->
<img alt="light rain" src="{{path '/icons/weather/rain--black.svg'}}">
<img alt="light rain" src="{{path '/icons/weather/rain--white.svg'}}" style="background: #2774AE">
<!-- Sunny -->
<img alt="sunny" src="{{path '/icons/weather/sunny--black.svg'}}">
<img alt="sunny" src="{{path '/icons/weather/sunny--white.svg'}}" style="background: #2774AE">
/* No context defined. */
No notes defined.