@vexiza/meteo-icons
Version:
Meteo SVG Icons library
2,063 lines (1,614 loc) • 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>
</di