ICONYZ
Español
Icono Overcast Sleet de Meteocons

Icono Overcast Sleet

meteocons:overcast-sleet

El icono Overcast Sleet (meteocons:overcast-sleet) 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
overcastsleet
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><symbol id="SVGGql3Mc2V" viewBox="0 0 214.3 140.1"><path fill="none" stroke="#94a3b8" stroke-linejoin="round" stroke-width="15" d="M7.5 100.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-32.4 32.4Z"/></symbol><symbol id="SVGLlWB2cAN" viewBox="0 0 359 231"><path fill="none" stroke="#e2e8f0" stroke-linecap="round" stroke-linejoin="round" stroke-width="15" d="M295.5 223.5a56 56 0 0 0 0-112l-2.5.1a83.9 83.9 0 0 0-153-64.2a56 56 0 0 0-84.6 48.1a56.6 56.6 0 0 0 .8 9a60 60 0 0 0 11.2 119"/></symbol><symbol id="SVGtlWWFd9k" viewBox="0 0 447.7 371.5"><g clip-path="url(#SVGbs3NKdtF)"><use width="214.3" height="140.1" href="#SVGGql3Mc2V" transform="translate(195.51 165.01)"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="translate" values="-9 0; 9 0; -9 0"/></use></g><use width="359" height="231" href="#SVGLlWB2cAN" transform="translate(0 140.5)"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="translate" values="-18 0; 18 0; -18 0"/></use></symbol><symbol id="SVG3FakJdOJ" viewBox="0 0 155.2 48"><g><path fill="#86c3db" d="m41.2 30.5l-5.8-3.3a13.7 13.7 0 0 0 0-6.4l5.8-3.3a4 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.2V4a4 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 12A4 4 0 0 0 2 17.5l5.8 3.3a13.7 13.7 0 0 0 0 6.4L2 30.5A4 4 0 0 0 .5 36a4 4 0 0 0 3.6 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.2V44a4 4 0 0 0 8 0v-6.6a14.2 14.2 0 0 0 5.8-3.2l5.8 3.3a4 4 0 0 0 2 .5a4 4 0 0 0 3.5-2a4 4 0 0 0-1.4-5.5Zm-22.6-1.3a6 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 27 27a6.1 6.1 0 0 1-8.3 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="#86c3db" d="m97.2 30.5l-5.8-3.3a13.7 13.7 0 0 0 0-6.4l5.8-3.3a4 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.2V4a4 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.4L58 30.5a4 4 0 0 0-1.5 5.5a4 4 0 0 0 3.6 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.2V44a4 4 0 0 0 8 0v-6.6a14.2 14.2 0 0 0 5.8-3.2l5.8 3.3a4 4 0 0 0 2 .5a4 4 0 0 0 3.5-2a4 4 0 0 0-1.4-5.5Zm-22.6-1.3a6 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 83 27a6.1 6.1 0 0 1-8.3 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="#86c3db" d="m153.2 30.5l-5.8-3.3a13.7 13.7 0 0 0 0-6.4l5.8-3.3a4 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.2V4a4 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.4l-5.8 3.3a4 4 0 0 0-1.5 5.5a4 4 0 0 0 3.6 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.2V44a4 4 0 0 0 8 0v-6.6a14.2 14.2 0 0 0 5.8-3.2l5.8 3.3a4 4 0 0 0 2 .5a4 4 0 0 0 3.5-2a4 4 0 0 0-1.4-5.5Zm-22.6-1.3a6 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="SVGkiCuTdWs" viewBox="0 0 155.2 48"><use width="155.2" height="48" href="#SVG3FakJdOJ"/><path fill="#0a5ad4" d="M21.6 38a8 8 0 0 1-8-8V18a8 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="#0a5ad4" d="M77.6 38a8 8 0 0 1-8-8V18a8 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="#0a5ad4" d="M133.6 38a8 8 0 0 1-8-8V18a8 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><clipPath id="SVGbs3NKdtF"><path fill="none" d="M351.5 308a56 56 0 0 0-56-56l-2.5.1A83.7 83.7 0 0 0 211.5 148V0h236.2v308Z"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="translate" values="-18 0; 18 0; -18 0"/></path></clipPath></defs><use width="447.7" height="371.5" href="#SVGtlWWFd9k" transform="translate(64.34)"/><use width="155.2" height="48" href="#SVGkiCuTdWs" transform="translate(178.4 338)"/></svg>

Cómo usar el icono Overcast Sleet

React

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

<Icon icon="meteocons:overcast-sleet" width="24" />

Vue

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

<template>
  <Icon icon="meteocons:overcast-sleet" width="24" />
</template>

Svelte

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

<Icon icon="meteocons:overcast-sleet" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="meteocons:overcast-sleet"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/meteocons/overcast-sleet.svg" alt="Icono Overcast Sleet" width="24" height="24">

Iconos relacionados en Meteocons

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

Preguntas frecuentes sobre Icono Overcast Sleet

¿El icono Overcast Sleet 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 Overcast Sleet en React?

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

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

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

Ver todos los Iconos Meteocons →