@vexiza/meteo-icons
Version:
Meteo SVG Icons library
3,175 lines • 76.7 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>meteo-icons</title>
<style>
body {
font-family: sans-serif;
margin: 0;
padding: 10px 20px;
text-align: center;
}
.preview {
width: 100px;
display: inline-block;
margin: 10px;
}
.preview .inner {
display: inline-block;
width: 100%;
text-align: center;
background: #f5f5f5;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.preview .inner {
line-height: 85px;
font-size: 40px;
color: #333;
}
.label {
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 5px;
font-size: 10px;
font-family: Monaco, monospace;
color: #666;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: #ddd;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
color: #666;
}
</style>
<link rel="stylesheet" type="text/css" href="meteo-icons.css" />
</head>
<body>
<h1>meteo-icons</h1>
<div class="preview">
<span class="inner">
<i class="mi mi-30-dias"></i>
</span>
<br>
<span class='label'>30-dias</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-accesibility"></i>
</span>
<br>
<span class='label'>accesibility</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-actual"></i>
</span>
<br>
<span class='label'>actual</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-ajustes"></i>
</span>
<br>
<span class='label'>ajustes</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-alert"></i>
</span>
<br>
<span class='label'>alert</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-alerta-active"></i>
</span>
<br>
<span class='label'>alerta-active</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-alerta-analista"></i>
</span>
<br>
<span class='label'>alerta-analista</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-alerta"></i>
</span>
<br>
<span class='label'>alerta</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-altura-oleaje"></i>
</span>
<br>
<span class='label'>altura-oleaje</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-aludes"></i>
</span>
<br>
<span class='label'>aludes</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-anomalias-30-dias"></i>
</span>
<br>
<span class='label'>anomalias-30-dias</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-anomalias-7-dias"></i>
</span>
<br>
<span class='label'>anomalias-7-dias</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-anomalias-diaria"></i>
</span>
<br>
<span class='label'>anomalias-diaria</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-anomalias-masmenos-3-dias"></i>
</span>
<br>
<span class='label'>anomalias-masmenos-3-dias</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-anomalias-masmenos-7-dias"></i>
</span>
<br>
<span class='label'>anomalias-masmenos-7-dias</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-anomalias"></i>
</span>
<br>
<span class='label'>anomalias</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-arrow-down"></i>
</span>
<br>
<span class='label'>arrow-down</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-arrow-left"></i>
</span>
<br>
<span class='label'>arrow-left</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-arrow-right"></i>
</span>
<br>
<span class='label'>arrow-right</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-arrow-slider-down"></i>
</span>
<br>
<span class='label'>arrow-slider-down</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-arrow-slider-up"></i>
</span>
<br>
<span class='label'>arrow-slider-up</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-arrow-up"></i>
</span>
<br>
<span class='label'>arrow-up</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-arrow-wind"></i>
</span>
<br>
<span class='label'>arrow-wind</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-ayuda"></i>
</span>
<br>
<span class='label'>ayuda</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-barrier"></i>
</span>
<br>
<span class='label'>barrier</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-behave"></i>
</span>
<br>
<span class='label'>behave</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-boletin-por-areas"></i>
</span>
<br>
<span class='label'>boletin-por-areas</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-buscador"></i>
</span>
<br>
<span class='label'>buscador</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-calendar-simulador"></i>
</span>
<br>
<span class='label'>calendar-simulador</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-calendar"></i>
</span>
<br>
<span class='label'>calendar</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-camera"></i>
</span>
<br>
<span class='label'>camera</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-capas"></i>
</span>
<br>
<span class='label'>capas</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-center-screen"></i>
</span>
<br>
<span class='label'>center-screen</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-chevron-down"></i>
</span>
<br>
<span class='label'>chevron-down</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-chevron-left"></i>
</span>
<br>
<span class='label'>chevron-left</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-chevron-right"></i>
</span>
<br>
<span class='label'>chevron-right</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-chevron-up"></i>
</span>
<br>
<span class='label'>chevron-up</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-clima"></i>
</span>
<br>
<span class='label'>clima</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-clms"></i>
</span>
<br>
<span class='label'>clms</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-close"></i>
</span>
<br>
<span class='label'>close</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-collapse"></i>
</span>
<br>
<span class='label'>collapse</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-conveccion"></i>
</span>
<br>
<span class='label'>conveccion</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-coordinate-location"></i>
</span>
<br>
<span class='label'>coordinate-location</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-coordinates"></i>
</span>
<br>
<span class='label'>coordinates</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-copy"></i>
</span>
<br>
<span class='label'>copy</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-copyright"></i>
</span>
<br>
<span class='label'>copyright</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-costeros"></i>
</span>
<br>
<span class='label'>costeros</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-datos-historicos"></i>
</span>
<br>
<span class='label'>datos-historicos</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-days"></i>
</span>
<br>
<span class='label'>days</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-days1"></i>
</span>
<br>
<span class='label'>days1</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-delete-thin"></i>
</span>
<br>
<span class='label'>delete-thin</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-descarga-rayos"></i>
</span>
<br>
<span class='label'>descarga-rayos</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-descargar-informe"></i>
</span>
<br>
<span class='label'>descargar-informe</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-descargar"></i>
</span>
<br>
<span class='label'>descargar</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-deshacer"></i>
</span>
<br>
<span class='label'>deshacer</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-deshielo"></i>
</span>
<br>
<span class='label'>deshielo</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-direccion-oleaje"></i>
</span>
<br>
<span class='label'>direccion-oleaje</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-divided"></i>
</span>
<br>
<span class='label'>divided</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-download-apng"></i>
</span>
<br>
<span class='label'>download-apng</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-download-gif"></i>
</span>
<br>
<span class='label'>download-gif</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-download-jpg"></i>
</span>
<br>
<span class='label'>download-jpg</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-download-mp4"></i>
</span>
<br>
<span class='label'>download-mp4</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-download-png"></i>
</span>
<br>
<span class='label'>download-png</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-download-simple"></i>
</span>
<br>
<span class='label'>download-simple</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-download-tiff"></i>
</span>
<br>
<span class='label'>download-tiff</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-download-xlsx"></i>
</span>
<br>
<span class='label'>download-xlsx</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-drop"></i>
</span>
<br>
<span class='label'>drop</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-duplicate"></i>
</span>
<br>
<span class='label'>duplicate</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-edit"></i>
</span>
<br>
<span class='label'>edit</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-elevation-layers"></i>
</span>
<br>
<span class='label'>elevation-layers</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-elevation"></i>
</span>
<br>
<span class='label'>elevation</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-escorrentia"></i>
</span>
<br>
<span class='label'>escorrentia</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-esngrama"></i>
</span>
<br>
<span class='label'>esngrama</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-estacional"></i>
</span>
<br>
<span class='label'>estacional</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-expand"></i>
</span>
<br>
<span class='label'>expand</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-Export"></i>
</span>
<br>
<span class='label'>Export</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-extend-modelo"></i>
</span>
<br>
<span class='label'>extend-modelo</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-eye-closed"></i>
</span>
<br>
<span class='label'>eye-closed</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-eye-open"></i>
</span>
<br>
<span class='label'>eye-open</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-firms"></i>
</span>
<br>
<span class='label'>firms</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-flecha-deshacer"></i>
</span>
<br>
<span class='label'>flecha-deshacer</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-flecha-rehacer"></i>
</span>
<br>
<span class='label'>flecha-rehacer</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-folder"></i>
</span>
<br>
<span class='label'>folder</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-forward"></i>
</span>
<br>
<span class='label'>forward</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-fuego-copas"></i>
</span>
<br>
<span class='label'>fuego-copas</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-galernas"></i>
</span>
<br>
<span class='label'>galernas</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-geopotencial"></i>
</span>
<br>
<span class='label'>geopotencial</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-go-to-end"></i>
</span>
<br>
<span class='label'>go-to-end</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-go-to-start"></i>
</span>
<br>
<span class='label'>go-to-start</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-grupos-variables"></i>
</span>
<br>
<span class='label'>grupos-variables</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-guardado"></i>
</span>
<br>
<span class='label'>guardado</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-hablamos"></i>
</span>
<br>
<span class='label'>hablamos</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-hamburger-menu"></i>
</span>
<br>
<span class='label'>hamburger-menu</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-heat-index"></i>
</span>
<br>
<span class='label'>heat-index</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-heat-point"></i>
</span>
<br>
<span class='label'>heat-point</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-historic"></i>
</span>
<br>
<span class='label'>historic</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-home"></i>
</span>
<br>
<span class='label'>home</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-humedad"></i>
</span>
<br>
<span class='label'>humedad</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-humidity"></i>
</span>
<br>
<span class='label'>humidity</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-Image"></i>
</span>
<br>
<span class='label'>Image</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-import"></i>
</span>
<br>
<span class='label'>import</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-incendios"></i>
</span>
<br>
<span class='label'>incendios</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-info-source-icon"></i>
</span>
<br>
<span class='label'>info-source-icon</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-info-variable"></i>
</span>
<br>
<span class='label'>info-variable</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-informe-fwi"></i>
</span>
<br>
<span class='label'>informe-fwi</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-Informe-observacion"></i>
</span>
<br>
<span class='label'>Informe-observacion</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-Informe-prediccion"></i>
</span>
<br>
<span class='label'>Informe-prediccion</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-intensidad-fuego"></i>
</span>
<br>
<span class='label'>intensidad-fuego</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-inundaciones"></i>
</span>
<br>
<span class='label'>inundaciones</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-kebab"></i>
</span>
<br>
<span class='label'>kebab</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-kmz"></i>
</span>
<br>
<span class='label'>kmz</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-leaf"></i>
</span>
<br>
<span class='label'>leaf</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-legend"></i>
</span>
<br>
<span class='label'>legend</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-level-high"></i>
</span>
<br>
<span class='label'>level-high</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-level-low"></i>
</span>
<br>
<span class='label'>level-low</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-level-medium"></i>
</span>
<br>
<span class='label'>level-medium</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-level"></i>
</span>
<br>
<span class='label'>level</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-lightning"></i>
</span>
<br>
<span class='label'>lightning</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-line"></i>
</span>
<br>
<span class='label'>line</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-linked"></i>
</span>
<br>
<span class='label'>linked</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-lluvia-doce-horas"></i>
</span>
<br>
<span class='label'>lluvia-doce-horas</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-lluvia-una-hora"></i>
</span>
<br>
<span class='label'>lluvia-una-hora</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-lluvia-veinticuatro-horas"></i>
</span>
<br>
<span class='label'>lluvia-veinticuatro-horas</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-location"></i>
</span>
<br>
<span class='label'>location</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-logout"></i>
</span>
<br>
<span class='label'>logout</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-longitud-llama"></i>
</span>
<br>
<span class='label'>longitud-llama</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-mail"></i>
</span>
<br>
<span class='label'>mail</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-manual-usuario"></i>
</span>
<br>
<span class='label'>manual-usuario</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-map-location"></i>
</span>
<br>
<span class='label'>map-location</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-map-options"></i>
</span>
<br>
<span class='label'>map-options</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-mapa-base-simulador"></i>
</span>
<br>
<span class='label'>mapa-base-simulador</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-mapas-base"></i>
</span>
<br>
<span class='label'>mapas-base</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-measure-area"></i>
</span>
<br>
<span class='label'>measure-area</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-measure-line"></i>
</span>
<br>
<span class='label'>measure-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-measure-main"></i>
</span>
<br>
<span class='label'>measure-main</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-measure"></i>
</span>
<br>
<span class='label'>measure</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-menu-contextual"></i>
</span>
<br>
<span class='label'>menu-contextual</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-meteograma"></i>
</span>
<br>
<span class='label'>meteograma</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-minus-round"></i>
</span>
<br>
<span class='label'>minus-round</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-modelos-combustible"></i>
</span>
<br>
<span class='label'>modelos-combustible</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-modo-completo"></i>
</span>
<br>
<span class='label'>modo-completo</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-modo-reducido"></i>
</span>
<br>
<span class='label'>modo-reducido</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-mosaico-guardado"></i>
</span>
<br>
<span class='label'>mosaico-guardado</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-mosaico-preconfigurado"></i>
</span>
<br>
<span class='label'>mosaico-preconfigurado</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-name"></i>
</span>
<br>
<span class='label'>name</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-ndvi"></i>
</span>
<br>
<span class='label'>ndvi</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-niebla"></i>
</span>
<br>
<span class='label'>niebla</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-non-combustible"></i>
</span>
<br>
<span class='label'>non-combustible</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-novedades-megafono"></i>
</span>
<br>
<span class='label'>novedades-megafono</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-novedades"></i>
</span>
<br>
<span class='label'>novedades</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-nubosidad"></i>
</span>
<br>
<span class='label'>nubosidad</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-nuevo-boletin"></i>
</span>
<br>
<span class='label'>nuevo-boletin</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-observaciones-12-meses"></i>
</span>
<br>
<span class='label'>observaciones-12-meses</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-observaciones-7-dias"></i>
</span>
<br>
<span class='label'>observaciones-7-dias</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-one-column-text"></i>
</span>
<br>
<span class='label'>one-column-text</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-opacity"></i>
</span>
<br>
<span class='label'>opacity</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-opciones-pantalla"></i>
</span>
<br>
<span class='label'>opciones-pantalla</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-open-pop-up"></i>
</span>
<br>
<span class='label'>open-pop-up</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-order"></i>
</span>
<br>
<span class='label'>order</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-pantalla-completa"></i>
</span>
<br>
<span class='label'>pantalla-completa</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-pantallazo"></i>
</span>
<br>
<span class='label'>pantallazo</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-password"></i>
</span>
<br>
<span class='label'>password</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-paste-from-clipboad"></i>
</span>
<br>
<span class='label'>paste-from-clipboad</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-pause"></i>
</span>
<br>
<span class='label'>pause</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-perfil-meteograma"></i>
</span>
<br>
<span class='label'>perfil-meteograma</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-perfil-vertical"></i>
</span>
<br>
<span class='label'>perfil-vertical</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-perimetro-incendio"></i>
</span>
<br>
<span class='label'>perimetro-incendio</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-periodo-oleaje"></i>
</span>
<br>
<span class='label'>periodo-oleaje</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-personalized"></i>
</span>
<br>
<span class='label'>personalized</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-pin"></i>
</span>
<br>
<span class='label'>pin</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-plane"></i>
</span>
<br>
<span class='label'>plane</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-planet"></i>
</span>
<br>
<span class='label'>planet</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-play-pause-left"></i>
</span>
<br>
<span class='label'>play-pause-left</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-play-pause-right"></i>
</span>
<br>
<span class='label'>play-pause-right</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-play"></i>
</span>
<br>
<span class='label'>play</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-plus-round"></i>
</span>
<br>
<span class='label'>plus-round</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-plus"></i>
</span>
<br>
<span class='label'>plus</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-point"></i>
</span>
<br>
<span class='label'>point</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-polvo-en-suspension"></i>
</span>
<br>
<span class='label'>polvo-en-suspension</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-polygon"></i>
</span>
<br>
<span class='label'>polygon</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-precipitacion"></i>
</span>
<br>
<span class='label'>precipitacion</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-presion"></i>
</span>
<br>
<span class='label'>presion</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-previsualizar-boletin"></i>
</span>
<br>
<span class='label'>previsualizar-boletin</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-printer"></i>
</span>
<br>
<span class='label'>printer</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-probabilidad-ignicion"></i>
</span>
<br>
<span class='label'>probabilidad-ignicion</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-programmed-email"></i>
</span>
<br>
<span class='label'>programmed-email</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-puntos-calientes"></i>
</span>
<br>
<span class='label'>puntos-calientes</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-rabbit-icon"></i>
</span>
<br>
<span class='label'>rabbit-icon</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-radar-acuulado-1-hora"></i>
</span>
<br>
<span class='label'>radar-acuulado-1-hora</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-radar-acuulado-6-horas"></i>
</span>
<br>
<span class='label'>radar-acuulado-6-horas</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-radar-echotp"></i>
</span>
<br>
<span class='label'>radar-echotp</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-radar"></i>
</span>
<br>
<span class='label'>radar</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-rayos"></i>
</span>
<br>
<span class='label'>rayos</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-reload"></i>
</span>
<br>
<span class='label'>reload</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-report"></i>
</span>
<br>
<span class='label'>report</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-reverse"></i>
</span>
<br>
<span class='label'>reverse</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-rissagues"></i>
</span>
<br>
<span class='label'>rissagues</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-salir-pantalla-completa"></i>
</span>
<br>
<span class='label'>salir-pantalla-completa</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-satellite"></i>
</span>
<br>
<span class='label'>satellite</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-search"></i>
</span>
<br>
<span class='label'>search</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-seasonal"></i>
</span>
<br>
<span class='label'>seasonal</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-sequia"></i>
</span>
<br>
<span class='label'>sequia</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-settings"></i>
</span>
<br>
<span class='label'>settings</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-share-option"></i>
</span>
<br>
<span class='label'>share-option</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-share-organization"></i>
</span>
<br>
<span class='label'>share-organization</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-share"></i>
</span>
<br>
<span class='label'>share</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-shared-with-me"></i>
</span>
<br>
<span class='label'>shared-with-me</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-shared-with-others"></i>
</span>
<br>
<span class='label'>shared-with-others</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-simular-area-quemada"></i>
</span>
<br>
<span class='label'>simular-area-quemada</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-slope"></i>
</span>
<br>
<span class='label'>slope</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-soporte"></i>
</span>
<br>
<span class='label'>soporte</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-star"></i>
</span>
<br>
<span class='label'>star</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-station"></i>
</span>
<br>
<span class='label'>station</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-sunrise"></i>
</span>
<br>
<span class='label'>sunrise</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-sunset"></i>
</span>
<br>
<span class='label'>sunset</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-temperatura"></i>
</span>
<br>
<span class='label'>temperatura</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-temperature"></i>
</span>
<br>
<span class='label'>temperature</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-termperatura-maxima"></i>
</span>
<br>
<span class='label'>termperatura-maxima</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-termperatura-minima"></i>
</span>
<br>
<span class='label'>termperatura-minima</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-time"></i>
</span>
<br>
<span class='label'>time</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-tipo-precipitacion"></i>
</span>
<br>
<span class='label'>tipo-precipitacion</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-trash"></i>
</span>
<br>
<span class='label'>trash</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-tree"></i>
</span>
<br>
<span class='label'>tree</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-turtle-icon"></i>
</span>
<br>
<span class='label'>turtle-icon</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-twister"></i>
</span>
<br>
<span class='label'>twister</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-two-columns-text"></i>
</span>
<br>
<span class='label'>two-columns-text</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-unshare-organization"></i>
</span>
<br>
<span class='label'>unshare-organization</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-user-location"></i>
</span>
<br>
<span class='label'>user-location</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-user"></i>
</span>
<br>
<span class='label'>user</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-velocidad-fuego"></i>
</span>
<br>
<span class='label'>velocidad-fuego</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-video"></i>
</span>
<br>
<span class='label'>video</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-visibility"></i>
</span>
<br>
<span class='label'>visibility</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-vista-comparativa"></i>
</span>
<br>
<span class='label'>vista-comparativa</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-vista-mosaico"></i>
</span>
<br>
<span class='label'>vista-mosaico</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-vista-principal-mosaico"></i>
</span>
<br>
<span class='label'>vista-principal-mosaico</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-vista-principal"></i>
</span>
<br>
<span class='label'>vista-principal</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-00"></i>
</span>
<br>
<span class='label'>weather-00</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-01"></i>
</span>
<br>
<span class='label'>weather-01</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-02"></i>
</span>
<br>
<span class='label'>weather-02</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-03"></i>
</span>
<br>
<span class='label'>weather-03</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-04"></i>
</span>
<br>
<span class='label'>weather-04</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-05"></i>
</span>
<br>
<span class='label'>weather-05</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-06"></i>
</span>
<br>
<span class='label'>weather-06</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-07"></i>
</span>
<br>
<span class='label'>weather-07</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-08"></i>
</span>
<br>
<span class='label'>weather-08</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-09"></i>
</span>
<br>
<span class='label'>weather-09</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-10"></i>
</span>
<br>
<span class='label'>weather-10</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-11"></i>
</span>
<br>
<span class='label'>weather-11</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-12"></i>
</span>
<br>
<span class='label'>weather-12</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-13"></i>
</span>
<br>
<span class='label'>weather-13</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-14"></i>
</span>
<br>
<span class='label'>weather-14</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-15"></i>
</span>
<br>
<span class='label'>weather-15</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-16"></i>
</span>
<br>
<span class='label'>weather-16</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-17"></i>
</span>
<br>
<span class='label'>weather-17</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-18"></i>
</span>
<br>
<span class='label'>weather-18</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-19"></i>
</span>
<br>
<span class='label'>weather-19</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-20"></i>
</span>
<br>
<span class='label'>weather-20</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-21"></i>
</span>
<br>
<span class='label'>weather-21</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-22"></i>
</span>
<br>
<span class='label'>weather-22</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-23"></i>
</span>
<br>
<span class='label'>weather-23</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-24"></i>
</span>
<br>
<span class='label'>weather-24</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-25"></i>
</span>
<br>
<span class='label'>weather-25</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-26"></i>
</span>
<br>
<span class='label'>weather-26</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-27"></i>
</span>
<br>
<span class='label'>weather-27</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-28"></i>
</span>
<br>
<span class='label'>weather-28</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-29"></i>
</span>
<br>
<span class='label'>weather-29</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-30"></i>
</span>
<br>
<span class='label'>weather-30</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-31"></i>
</span>
<br>
<span class='label'>weather-31</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-32"></i>
</span>
<br>
<span class='label'>weather-32</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-33"></i>
</span>
<br>
<span class='label'>weather-33</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-34"></i>
</span>
<br>
<span class='label'>weather-34</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-35"></i>
</span>
<br>
<span class='label'>weather-35</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-36"></i>
</span>
<br>
<span class='label'>weather-36</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-37"></i>
</span>
<br>
<span class='label'>weather-37</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-38"></i>
</span>
<br>
<span class='label'>weather-38</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-39"></i>
</span>
<br>
<span class='label'>weather-39</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-40"></i>
</span>
<br>
<span class='label'>weather-40</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-41"></i>
</span>
<br>
<span class='label'>weather-41</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-42"></i>
</span>
<br>
<span class='label'>weather-42</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-43"></i>
</span>
<br>
<span class='label'>weather-43</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-44"></i>
</span>
<br>
<span class='label'>weather-44</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-45"></i>
</span>
<br>
<span class='label'>weather-45</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-46"></i>
</span>
<br>
<span class='label'>weather-46</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-47"></i>
</span>
<br>
<span class='label'>weather-47</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-48"></i>
</span>
<br>
<span class='label'>weather-48</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-49"></i>
</span>
<br>
<span class='label'>weather-49</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-50"></i>
</span>
<br>
<span class='label'>weather-50</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-51"></i>
</span>
<br>
<span class='label'>weather-51</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-52"></i>
</span>
<br>
<span class='label'>weather-52</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-53"></i>
</span>
<br>
<span class='label'>weather-53</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-54"></i>
</span>
<br>
<span class='label'>weather-54</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-55"></i>
</span>
<br>
<span class='label'>weather-55</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-56"></i>
</span>
<br>
<span class='label'>weather-56</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-57"></i>
</span>
<br>
<span class='label'>weather-57</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-58"></i>
</span>
<br>
<span class='label'>weather-58</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-59"></i>
</span>
<br>
<span class='label'>weather-59</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-60"></i>
</span>
<br>
<span class='label'>weather-60</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-61"></i>
</span>
<br>
<span class='label'>weather-61</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-62"></i>
</span>
<br>
<span class='label'>weather-62</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-63"></i>
</span>
<br>
<span class='label'>weather-63</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-64"></i>
</span>
<br>
<span class='label'>weather-64</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-65"></i>
</span>
<br>
<span class='label'>weather-65</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-66"></i>
</span>
<br>
<span class='label'>weather-66</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-67"></i>
</span>
<br>
<span class='label'>weather-67</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-68"></i>
</span>
<br>
<span class='label'>weather-68</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-69"></i>
</span>
<br>
<span class='label'>weather-69</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-70"></i>
</span>
<br>
<span class='label'>weather-70</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-71"></i>
</span>
<br>
<span class='label'>weather-71</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-72"></i>
</span>
<br>
<span class='label'>weather-72</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-73"></i>
</span>
<br>
<span class='label'>weather-73</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-74"></i>
</span>
<br>
<span class='label'>weather-74</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-75"></i>
</span>
<br>
<span class='label'>weather-75</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-76"></i>
</span>
<br>
<span class='label'>weather-76</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-77"></i>
</span>
<br>
<span class='label'>weather-77</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-78"></i>
</span>
<br>
<span class='label'>weather-78</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-79"></i>
</span>
<br>
<span class='label'>weather-79</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-80"></i>
</span>
<br>
<span class='label'>weather-80</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-81"></i>
</span>
<br>
<span class='label'>weather-81</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-82"></i>
</span>
<br>
<span class='label'>weather-82</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-83"></i>
</span>
<br>
<span class='label'>weather-83</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-84"></i>
</span>
<br>
<span class='label'>weather-84</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-85"></i>
</span>
<br>
<span class='label'>weather-85</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-86"></i>
</span>
<br>
<span class='label'>weather-86</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-87"></i>
</span>
<br>
<span class='label'>weather-87</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-88"></i>
</span>
<br>
<span class='label'>weather-88</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-89"></i>
</span>
<br>
<span class='label'>weather-89</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-90"></i>
</span>
<br>
<span class='label'>weather-90</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-91"></i>
</span>
<br>
<span class='label'>weather-91</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-92"></i>
</span>
<br>
<span class='label'>weather-92</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-93"></i>
</span>
<br>
<span class='label'>weather-93</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-94"></i>
</span>
<br>
<span class='label'>weather-94</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-95"></i>
</span>
<br>
<span class='label'>weather-95</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-96"></i>
</span>
<br>
<span class='label'>weather-96</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-97"></i>
</span>
<br>
<span class='label'>weather-97</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-98"></i>
</span>
<br>
<span class='label'>weather-98</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-99"></i>
</span>
<br>
<span class='label'>weather-99</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-models"></i>
</span>
<br>
<span class='label'>weather-models</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-partly-loudy"></i>
</span>
<br>
<span class='label'>weather-partly-loudy</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-rain"></i>
</span>
<br>
<span class='label'>weather-rain</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-snow"></i>
</span>
<br>
<span class='label'>weather-snow</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-station"></i>
</span>
<br>
<span class='label'>weather-station</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather-thunderstorms"></i>
</span>
<br>
<span class='label'>weather-thunderstorms</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-weather"></i>
</span>
<br>
<span class='label'>weather</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-wfa"></i>
</span>
<br>
<span class='label'>wfa</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-wind"></i>
</span>
<br>
<span class='label'>wind</span>
</div>
<div class="preview">
<span class="inner">
<i class="mi mi-xls"></i>
</span>
<br>
<span class='label'>xls</span>
</div>
</body>
</html>