meteocons.css

An easy to use "Font Awesome"-like package for meteorological Icons.

Free to use for everyone.

sunrise

<i class="mi mi-sunrise"></i>

sun

<i class="mi mi-sun"></i>

moon

<i class="mi mi-moon"></i>

eclipse

<i class="mi mi-eclipse"></i>

mist

<i class="mi mi-mist"></i>

storm

<i class="mi mi-storm"></i>

snowflake

<i class="mi mi-snowflake"></i>

cloud-sun

<i class="mi mi-cloud-sun"></i>

cloud-moon

<i class="mi mi-cloud-moon"></i>

fog-sun

<i class="mi mi-fog-sun"></i>

fog-moon

<i class="mi mi-fog-moon"></i>

fog-cloud

<i class="mi mi-fog-cloud"></i>

fog

<i class="mi mi-fog"></i>

cloud

<i class="mi mi-cloud"></i>

thunder

<i class="mi mi-thunder"></i>

thunder-alt

<i class="mi mi-thunder-alt"></i>

rain

<i class="mi mi-rain"></i>

rain-heavy

<i class="mi mi-rain-heavy"></i>

wind

<i class="mi mi-wind"></i>

wind-rain

<i class="mi mi-wind-rain"></i>

snow

<i class="mi mi-snow"></i>

snow-alt

<i class="mi mi-snow-alt"></i>

snow-heavy

<i class="mi mi-snow-heavy"></i>

hail

<i class="mi mi-hail"></i>

clouds

<i class="mi mi-clouds"></i>

thunderstorm

<i class="mi mi-thunderstorm"></i>

thunderstorm-alt

<i class="mi mi-thunderstorm-alt"></i>

sun-filled

<i class="mi mi-sun-filled"></i>

moon-filled

<i class="mi mi-moon-filled"></i>

cloud-sun-filled

<i class="mi mi-cloud-sun-filled"></i>

cloud-moon-filled

<i class="mi mi-cloud-moon-filled"></i>

cloud-filled

<i class="mi mi-cloud-filled"></i>

thunder-filled

<i class="mi mi-thunder-filled"></i>

rain-filled

<i class="mi mi-rain-filled"></i>

rain-heavy-filled

<i class="mi mi-rain-heavy-filled"></i>

wind-filled

<i class="mi mi-wind-filled"></i>

wind-rain-filled

<i class="mi mi-wind-rain-filled"></i>

snow-filled

<i class="mi mi-snow-filled"></i>

snow-heavy-filled

<i class="mi mi-snow-heavy-filled"></i>

hail-filled

<i class="mi mi-hail-filled"></i>

clouds-filled

<i class="mi mi-clouds-filled"></i>

thunderstorm-filled

<i class="mi mi-thunderstorm-filled"></i>

temperature

<i class="mi mi-temperature"></i>

compass

<i class="mi mi-compass"></i>

na

<i class="mi mi-na"></i>

celsius

<i class="mi mi-celsius"></i>

fahrenheit

<i class="mi mi-fahrenheit"></i>