ICONYZ
Español
Icono Extreme Day Sleet Fill de Meteocons

Icono Extreme Day Sleet Fill

meteocons:extreme-day-sleet-fill

El icono Extreme Day Sleet Fill (meteocons:extreme-day-sleet-fill) es un icono SVG gratuito de la colección Meteocons de Bas Milius. Está dibujado en una cuadrícula de 512 × 512. Meteocons icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Meteocons
Autor
Bas Milius
Licencia
MIT
Tamaño
512 × 512
Etiquetas
extremeday, daysleet, sleetfill, extremedaysleetfill
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><linearGradient id="SVGqOTCtbDJ" x1="52.7" x2="133.4" y1="9.6" y2="149.3" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9ca3af"/><stop offset=".5" stop-color="#9ca3af"/><stop offset="1" stop-color="#6b7280"/></linearGradient><linearGradient id="SVGKHU6KYct" x1="99.5" x2="232.6" y1="30.7" y2="261.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6b7280"/><stop offset=".5" stop-color="#6b7280"/><stop offset="1" stop-color="#4b5563"/></linearGradient><linearGradient id="SVGqoPieb4H" x1="1399.3" x2="1408.7" y1="-1137.3" y2="-1112.7" gradientTransform="rotate(-9 8016.182 8229.021)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0b65ed"/><stop offset=".5" stop-color="#0a5ad4"/><stop offset="1" stop-color="#0950bc"/></linearGradient><linearGradient id="SVG3BsI9dJr" x1="1454.6" x2="1464" y1="-1128.6" y2="-1104" href="#SVGqoPieb4H"/><linearGradient id="SVGr0laOb6n" x1="1509.9" x2="1519.3" y1="-1119.8" y2="-1095.2" href="#SVGqoPieb4H"/><linearGradient id="SVGHakO1cdU" x1="11.4" x2="32.8" y1="5.9" y2="43.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#86c3db"/><stop offset=".5" stop-color="#86c3db"/><stop offset="1" stop-color="#5eafcf"/></linearGradient><linearGradient id="SVGkrkRYmMF" x1="67.4" x2="88.8" y1="5.9" y2="43.1" href="#SVGHakO1cdU"/><linearGradient id="SVGS0exAdfk" x1="123.4" x2="144.8" y1="5.9" y2="43.1" href="#SVGHakO1cdU"/><linearGradient id="SVG9IEgDxri" x1="78" x2="118" y1="63.4" y2="132.7" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbbf24"/><stop offset=".5" stop-color="#fbbf24"/><stop offset="1" stop-color="#f59e0b"/></linearGradient><symbol id="SVGnoI23bPp" viewBox="0 0 196 196"><circle cx="98" cy="98" r="40" fill="url(#SVG9IEgDxri)" stroke="#f8af18" stroke-miterlimit="10" stroke-width="4"/><path fill="none" stroke="#fbbf24" stroke-linecap="round" stroke-miterlimit="10" stroke-width="12" d="M98 31.4V6m0 184v-25.4M145.1 51l18-17.9M33 163l18-17.9M51 51L33 33m130.1 130.1l-18-18M6 98h25.4M190 98h-25.4"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="rotate" values="0 98 98; 45 98 98"/></path></symbol><symbol id="SVGa7dgPttN" viewBox="0 0 200.3 126.1"><path fill="url(#SVGqOTCtbDJ)" stroke="#848b98" stroke-miterlimit="10" d="M.5 93.2a32.4 32.4 0 0 0 32.4 32.4h129.8v-.1l2.3.1a34.8 34.8 0 0 0 6.5-68.9a32.4 32.4 0 0 0-48.5-33a48.6 48.6 0 0 0-88.6 37.1h-1.5A32.4 32.4 0 0 0 .5 93.1Z"/></symbol><symbol id="SVGo1fHjXNB" viewBox="0 0 350 222"><path fill="url(#SVGKHU6KYct)" stroke="#5b6472" stroke-miterlimit="10" stroke-width="6" d="m291 107l-2.5.1A83.9 83.9 0 0 0 135.6 43A56 56 0 0 0 51 91a56.6 56.6 0 0 0 .8 9A60 60 0 0 0 63 219l4-.2v.2h224a56 56 0 0 0 0-112Z"/></symbol><symbol id="SVGZLwYnbfk" viewBox="0 0 398 222"><use width="200.3" height="126.1" href="#SVGa7dgPttN" transform="translate(198 27)"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="translate" values="-9 0; 9 0; -9 0"/></use><use width="350" height="222" href="#SVGo1fHjXNB"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="translate" values="-18 0; 18 0; -18 0"/></use></symbol><symbol id="SVG4Xyeed3f" viewBox="0 0 410.8 258"><use width="196" height="196" href="#SVGnoI23bPp"/><use width="398" height="222" href="#SVGZLwYnbfk" transform="translate(12.84 36)"/></symbol><symbol id="SVGbrVV0KAP" viewBox="0 0 156.2 49"><g><path fill="url(#SVGHakO1cdU)" stroke="#86c3db" stroke-miterlimit="10" d="m41.7 31l-5.8-3.3a13.7 13.7 0 0 0 0-6.5l5.8-3.2a4 4 0 0 0 1.5-5.5a4 4 0 0 0-5.6-1.5l-5.8 3.3a13.6 13.6 0 0 0-2.6-2a13.8 13.8 0 0 0-3-1.3V4.5a4 4 0 0 0-8.1 0v6.6a14.3 14.3 0 0 0-5.7 3.2L6.6 11A4 4 0 0 0 1 12.5A4 4 0 0 0 2.5 18l5.8 3.3a13.7 13.7 0 0 0 0 6.5L2.5 31A4 4 0 0 0 1 36.5a4 4 0 0 0 3.5 2a4 4 0 0 0 2-.5l5.8-3.3a13.6 13.6 0 0 0 2.6 2a13.8 13.8 0 0 0 3 1.2v6.6a4 4 0 0 0 8.2 0v-6.6a14.2 14.2 0 0 0 5.6-3.2l6 3.3a4 4 0 0 0 2 .5a4 4 0 0 0 3.4-2a4 4 0 0 0-1.4-5.5ZM19 29.7a6 6 0 0 1-2.3-8.2a6.1 6.1 0 0 1 5.3-3a6.2 6.2 0 0 1 3 .8a6 6 0 0 1 2.2 8.2a6.1 6.1 0 0 1-8.2 2.2Z" opacity="0"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="rotate" values="0 24 24; 360 24 24"/><animate id="SVGifbapeDh" attributeName="opacity" begin="0s; t1.end+1s" dur="2s" keyTimes="0; .17; .83; 1" values="0; 1; 1; 0"/></path><animateTransform id="SVGd5cUtb9b" additive="sum" attributeName="transform" begin="0s; s1.end+1s" dur="2s" type="translate" values="0 -36; 0 92;"/></g><g><path fill="url(#SVGkrkRYmMF)" stroke="#86c3db" stroke-miterlimit="10" d="m97.7 31l-5.8-3.3a13.7 13.7 0 0 0 0-6.5l5.8-3.2a4 4 0 0 0 1.5-5.5a4 4 0 0 0-5.6-1.5l-5.8 3.3a13.6 13.6 0 0 0-2.6-2a13.8 13.8 0 0 0-3-1.3V4.5a4 4 0 0 0-8.1 0v6.6a14.3 14.3 0 0 0-5.7 3.2L62.6 11a4 4 0 0 0-5.6 1.5a4 4 0 0 0 1.5 5.5l5.8 3.3a13.7 13.7 0 0 0 0 6.5L58.5 31a4 4 0 0 0-1.5 5.5a4 4 0 0 0 3.5 2a4 4 0 0 0 2-.5l5.8-3.3a13.6 13.6 0 0 0 2.7 2a13.8 13.8 0 0 0 3 1.2v6.6a4 4 0 0 0 8 0v-6.6a14.2 14.2 0 0 0 5.7-3.2l6 3.3a4 4 0 0 0 2 .5a4 4 0 0 0 3.4-2a4 4 0 0 0-1.4-5.5ZM75 29.7a6 6 0 0 1-2.3-8.2a6.1 6.1 0 0 1 5.3-3a6.2 6.2 0 0 1 3 .8a6 6 0 0 1 2.2 8.2a6.1 6.1 0 0 1-8.2 2.2Z" opacity="0"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="rotate" values="0 80 24; 360 80 24"/><animate id="SVGs0wz2HfD" attributeName="opacity" begin="-.83s; t2.end+1s" dur="2s" keyTimes="0; .17; .83; 1" values="0; 1; 1; 0"/></path><animateTransform id="SVGiZIbbC1N" additive="sum" attributeName="transform" begin="-.83s; s2.end+1s" dur="2s" type="translate" values="0 -36; 0 92;"/></g><g><path fill="url(#SVGS0exAdfk)" stroke="#86c3db" stroke-miterlimit="10" d="m153.7 31l-5.8-3.3a13.7 13.7 0 0 0 0-6.5l5.8-3.2a4 4 0 0 0 1.5-5.5a4 4 0 0 0-5.6-1.5l-5.8 3.3a13.6 13.6 0 0 0-2.6-2a13.8 13.8 0 0 0-3-1.3V4.5a4 4 0 0 0-8.1 0v6.6a14.3 14.3 0 0 0-5.7 3.2l-5.8-3.3a4 4 0 0 0-5.6 1.5a4 4 0 0 0 1.5 5.5l5.8 3.3a13.7 13.7 0 0 0 0 6.5l-5.8 3.2a4 4 0 0 0-1.5 5.5a4 4 0 0 0 3.5 2a4 4 0 0 0 2-.5l5.8-3.3a13.6 13.6 0 0 0 2.7 2a13.8 13.8 0 0 0 3 1.2v6.6a4 4 0 0 0 8 0v-6.6a14.2 14.2 0 0 0 5.7-3.2l5.8 3.3a4 4 0 0 0 2 .5a4 4 0 0 0 3.5-2a4 4 0 0 0-1.3-5.5ZM131 29.7a6 6 0 0 1-2.3-8.2a6.1 6.1 0 0 1 5.3-3a6.2 6.2 0 0 1 3 .8a6 6 0 0 1 2.2 8.2a6.1 6.1 0 0 1-8.2 2.2Z" opacity="0"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="rotate" values="0 136 24; 360 136 24"/><animate id="SVGI61N2d1g" attributeName="opacity" begin=".83s; t3.end+1s" dur="2s" keyTimes="0; .17; .83; 1" values="0; 1; 1; 0"/></path><animateTransform id="SVGM9wm8dfc" additive="sum" attributeName="transform" begin=".83s; s3.end+1s" dur="2s" type="translate" values="0 -36; 0 92;"/></g></symbol><symbol id="SVG6SBDCeuV" viewBox="0 0 156.2 49"><use width="156.2" height="49" href="#SVGbrVV0KAP"/><path fill="url(#SVGqoPieb4H)" stroke="#0a5ad4" stroke-miterlimit="10" d="M22.1 38.5a8 8 0 0 1-8-8v-12a8 8 0 0 1 16 0v12a8 8 0 0 1-8 8Z" opacity="0"><animateTransform id="SVGrlcZbNlx" additive="sum" attributeName="transform" begin="0s; x1.end+1s" dur="1s" keyTimes="0; .25; 1" type="translate" values="0 -32; 0 -32; 0 120;"/><animate id="SVGDBsQHdnN" attributeName="opacity" begin="0s; y1.end+1s" dur="1s" keyTimes="0; .25; 1" values="0; 1; 0"/></path><path fill="url(#SVG3BsI9dJr)" stroke="#0a5ad4" stroke-miterlimit="10" d="M78.1 38.5a8 8 0 0 1-8-8v-12a8 8 0 0 1 16 0v12a8 8 0 0 1-8 8Z" opacity="0"><animateTransform id="SVGEVn9QcNq" additive="sum" attributeName="transform" begin="1.34s; x2.end+1s" dur="1s" keyTimes="0; .25; 1" type="translate" values="0 -32; 0 -32; 0 120;"/><animate id="SVGRCC8vSuH" attributeName="opacity" begin="1.34s; y2.end+1s" dur="1s" keyTimes="0; .25; 1" values="0; 1; 0"/></path><path fill="url(#SVGr0laOb6n)" stroke="#0a5ad4" stroke-miterlimit="10" d="M134.1 38.5a8 8 0 0 1-8-8v-12a8 8 0 0 1 16 0v12a8 8 0 0 1-8 8Z" opacity="0"><animateTransform id="SVGrt4lBeZs" additive="sum" attributeName="transform" begin=".67s; x3.end+1s" dur="1s" keyTimes="0; .25; 1" type="translate" values="0 -32; 0 -32; 0 120;"/><animate id="SVG7zB4JYvE" attributeName="opacity" begin=".67s; y3.end+1s" dur="1s" keyTimes="0; .25; 1" values="0; 1; 0"/></path></symbol></defs><use width="410.8" height="258" href="#SVG4Xyeed3f" transform="translate(56 109)"/><use width="156.2" height="49" href="#SVG6SBDCeuV" transform="translate(177.9 337.5)"/></svg>

Cómo usar el icono Extreme Day Sleet Fill

React

import { Icon } from "@iconify/react";

<Icon icon="meteocons:extreme-day-sleet-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="meteocons:extreme-day-sleet-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="meteocons:extreme-day-sleet-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[meteocons--extreme-day-sleet-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/meteocons -->
<div class="i-meteocons:extreme-day-sleet-fill"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="meteocons:extreme-day-sleet-fill"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/meteocons/extreme-day-sleet-fill.svg" alt="Icono Extreme Day Sleet Fill" width="24" height="24">

Iconos relacionados en Meteocons

Icono extreme
extreme
 Icono extreme-day
extreme-day
 Icono extreme-day-drizzle
extreme-day-drizzle
 Icono extreme-day-drizzle-fill
extreme-day-drizzle-fill
 Icono extreme-day-fill
extreme-day-fill
 Icono extreme-day-fog
extreme-day-fog
 Icono extreme-day-fog-fill
extreme-day-fog-fill
 Icono extreme-day-hail
extreme-day-hail
 Icono extreme-day-hail-fill
extreme-day-hail-fill
 Icono extreme-day-haze
extreme-day-haze
 Icono extreme-day-haze-fill
extreme-day-haze-fill
 Icono extreme-day-rain
extreme-day-rain
 Icono extreme-day-rain-fill
extreme-day-rain-fill
 Icono extreme-day-sleet
extreme-day-sleet
 Icono extreme-day-smoke
extreme-day-smoke
 Icono extreme-day-smoke-fill
extreme-day-smoke-fill
 Icono extreme-day-snow
extreme-day-snow
 Icono extreme-day-snow-fill
extreme-day-snow-fill
 Icono extreme-drizzle
extreme-drizzle
 Icono extreme-drizzle-fill
extreme-drizzle-fill
 Icono extreme-fill
extreme-fill
 Icono extreme-fog
extreme-fog
 Icono extreme-fog-fill
extreme-fog-fill
 Icono extreme-hail
extreme-hail

Preguntas frecuentes sobre Icono Extreme Day Sleet Fill

¿El icono Extreme Day Sleet Fill es gratis para uso comercial?

Sí. Meteocons icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Extreme Day Sleet Fill en React?

Instala @iconify/react y renderiza <Icon icon="meteocons:extreme-day-sleet-fill" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Extreme Day Sleet Fill a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/meteocons/extreme-day-sleet-fill.svg" alt="Icono Extreme Day Sleet Fill">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Meteocons →