ICONYZ
English
Extreme Day Sleet icon from Meteocons

Extreme Day Sleet icon

meteocons:extreme-day-sleet

The Extreme Day Sleet icon (meteocons:extreme-day-sleet) is a free SVG icon from the Meteocons set by Bas Milius. It is drawn on a 512 × 512 grid. Meteocons icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Meteocons
Author
Bas Milius
License
MIT
Size
512 × 512
Tags
extremeday, daysleet, extremedaysleet
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><symbol id="SVG7LDBabQh" viewBox="0 0 193 193"><circle cx="96.5" cy="96.5" r="40" fill="none" stroke="#fbbf24" stroke-miterlimit="10" stroke-width="9"/><path fill="none" stroke="#fbbf24" stroke-linecap="round" stroke-miterlimit="10" stroke-width="9" d="M96.5 29.9V4.5m0 184v-25.4m47.1-113.7l18-18M31.4 161.6l18-18m0-94.2l-18-18m130.2 130.2l-18-18M4.5 96.5h25.4m158.6 0h-25.4"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="rotate" values="0 96.5 96.5; 45 96.5 96.5"/></path></symbol><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="SVGxJJWFcTP" viewBox="0 0 359 231"><path fill="none" stroke="#475569" 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="SVGJwkTzdGs" 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="#SVGxJJWFcTP" 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="SVGHUjCldAb" viewBox="0 0 512 371.5"><g clip-path="url(#SVGwuhjOdBO)"><use width="193" height="193" href="#SVG7LDBabQh" transform="translate(57.5 110.5)"/></g><use width="447.7" height="371.5" href="#SVGJwkTzdGs" transform="translate(64.34)"/></symbol><symbol id="SVGZkrLueWg" 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="SVGo08TBcZA" viewBox="0 0 155.2 48"><use width="155.2" height="48" href="#SVGZkrLueWg"/><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><clipPath id="SVGwuhjOdBO"><path fill="none" d="M276 148a83.8 83.8 0 0 0-71.4 40a56 56 0 0 0-84.6 48a56.6 56.6 0 0 0 .8 9A60 60 0 0 0 72 304H0V0h276Z"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="translate" values="-18 0; 18 0; -18 0"/></path></clipPath></defs><use width="512" height="371.5" href="#SVGHUjCldAb"/><use width="155.2" height="48" href="#SVGo08TBcZA" transform="translate(178.4 338)"/></svg>

How to use the Extreme Day Sleet icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/meteocons -->
<div class="i-meteocons:extreme-day-sleet"></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"></iconify-icon>

HTML image

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

Related icons in Meteocons

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

Extreme Day Sleet icon FAQ

Is the Extreme Day Sleet icon free for commercial use?

Yes. Meteocons icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Extreme Day Sleet icon in React?

Install @iconify/react and render <Icon icon="meteocons:extreme-day-sleet" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Extreme Day Sleet icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/meteocons/extreme-day-sleet.svg" alt="Extreme Day Sleet icon">, or paste the SVG code inline to style it with CSS.

Browse all Meteocons icons →