Иконка Sleet

wi:sleet

Иконка Sleet (wi:sleet) — бесплатная SVG-иконка из набора Weather Icons от Erik Flowers. Она нарисована на сетке 30 × 30. Weather Icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Weather Icons
Автор: Erik Flowers
Лицензия: OFL-1.1
Размер: 30 × 30
Теги: wu chancesleat, owm 602, wu sleat, forecast io sleet

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.09 16.95q0-1.74 1.08-3.09c1.08-1.35 1.64-1.49 2.74-1.74c.31-1.37 1.01-2.49 2.1-3.37s2.35-1.32 3.77-1.32c.81 0 1.55.13 2.2.4c0 .01 0 .01.01.02c.84.32 1.58.84 2.21 1.55h.03c.68.73 1.13 1.6 1.37 2.62h.31c1.08 0 2.02.29 2.83.86v-.01c.53.36.98.8 1.34 1.33s.6 1.11.73 1.74c.04.21.06.38.08.52v.06c0 .01 0 .06.01.17s.01.19.01.24v.03c0 .88-.21 1.7-.64 2.45c-.42.75-1 1.36-1.74 1.81c-.73.45-1.54.69-2.42.72c-.13 0-.2-.06-.2-.17v-1.34c0-.13.07-.19.2-.19c.86-.04 1.58-.38 2.18-1.02s.9-1.39.9-2.26c0-.89-.32-1.65-.97-2.29a3.15 3.15 0 0 0-2.31-.96H18.3c-.12 0-.18-.06-.18-.17l-.08-.59c-.1-1-.52-1.86-1.27-2.59c-.01-.01-.01-.02-.02-.03s-.02-.02-.02-.03c-.01-.01-.02-.02-.04-.02c0-.02-.01-.03-.02-.03a4.24 4.24 0 0 0-2.56-1.12c-.07-.01-.18-.01-.34-.01c-1.1 0-2.05.37-2.86 1.1s-1.27 1.64-1.37 2.72l-.08.59c-.03.09-.11.14-.22.14l-.49.03c-.84.1-1.55.46-2.11 1.07s-.84 1.34-.84 2.18v.04h.03q.015.72.3 1.35c.2.43.46.79.8 1.09c.21.18.45.34.74.48v.01c.4.19.8.3 1.21.32c.11 0 .17.06.17.18v1.34c0 .11-.06.17-.17.17c-.52-.03-1.01-.13-1.48-.3v.01c-.83-.29-1.54-.77-2.11-1.43s-.95-1.44-1.11-2.31v-.03c-.01-.01-.01-.02-.01-.04c-.06-.26-.08-.56-.08-.88m5.5 7.17c0-.03.01-.07.02-.13c.01-.05.02-.09.02-.12l.09-.59c.07-.24.2-.41.41-.53s.43-.14.68-.08c.23.07.39.21.51.41c.11.21.13.42.07.63l-.14.6c-.1.44-.35.66-.76.66c-.03 0-.08-.01-.14-.02s-.1-.02-.14-.02a.76.76 0 0 1-.46-.33a.8.8 0 0 1-.16-.48m.74-2.94c0-.24.08-.43.23-.59s.35-.23.59-.23s.43.08.59.23s.23.35.23.59c0 .23-.08.42-.23.58s-.35.23-.59.23q-.345 0-.57-.24a.8.8 0 0 1-.25-.57m1.64 5.99c0-.04.01-.11.04-.23l.13-.59c.07-.23.21-.4.41-.51c.21-.12.42-.14.63-.07c.23.04.41.17.53.37s.15.43.08.68l-.13.59c-.1.41-.37.61-.8.61c-.07 0-.16-.01-.24-.03a.83.83 0 0 1-.49-.33a.9.9 0 0 1-.16-.49m.79-2.91a.784.784 0 0 1 .82-.81c.24 0 .43.08.59.23c.16.16.23.35.23.58c0 .24-.08.43-.23.59c-.16.16-.35.23-.59.23c-.23 0-.42-.08-.58-.24a.8.8 0 0 1-.24-.58m.62-2.27q0-.15.03-.27l.23-.9c.07-.23.21-.41.41-.53c.21-.12.42-.15.64-.08c.24.07.41.2.53.4s.14.41.07.63l-.26.9c-.08.28-.22.46-.41.56s-.41.12-.64.06a.66.66 0 0 1-.45-.3a.7.7 0 0 1-.15-.47m2.76 2.14c0-.03 0-.08.01-.13s.01-.09.01-.11l.09-.59c.07-.24.2-.41.41-.53s.43-.14.68-.08c.23.07.4.21.51.41c.12.21.14.42.07.63l-.14.6c-.1.44-.35.66-.76.66c-.03 0-.08-.01-.14-.02s-.11-.02-.14-.02a.77.77 0 0 1-.45-.33a1 1 0 0 1-.15-.49m.74-2.94c0-.24.08-.43.23-.59c.16-.16.35-.23.59-.23s.43.08.59.23c.16.16.23.35.23.59a.783.783 0 0 1-.81.81c-.24 0-.43-.08-.58-.24a.76.76 0 0 1-.25-.57"/></svg>

Как использовать иконку Sleet

React

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

<Icon icon="wi:sleet" width="24" />

Vue

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

<template>
  <Icon icon="wi:sleet" width="24" />
</template>

Svelte

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

<Icon icon="wi:sleet" width="24" />

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="wi:sleet"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/wi/sleet.svg" alt="Иконка Sleet" width="24" height="24">

Иконка Sleet в других наборах

Вопросы и ответы: Иконка Sleet

Можно ли бесплатно использовать иконку Sleet в коммерческих проектах?

Да. Weather Icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Sleet в React?

Установите @iconify/react и выведите <Icon icon="wi:sleet" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Sleet на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/wi/sleet.svg" alt="Иконка Sleet">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Weather Icons →