Иконка Night Snow Thunderstorm

wi:night-snow-thunderstorm

Иконка Night Snow Thunderstorm (wi:night-snow-thunderstorm) — бесплатная 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
Теги: nightsnow, snowthunderstorm, nightsnowthunderstorm

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.23 16.88c0 1.12.33 2.12 1 3s1.53 1.47 2.58 1.76l-.66 1.7c-.05.14 0 .22.14.22h2.13L8 27.77h.29l4.36-5.66c.04-.04.04-.09.02-.14s-.07-.07-.14-.07h-2.19l2.49-4.65c.07-.14.03-.22-.14-.22H9.72c-.09 0-.17.05-.23.15l-1.07 2.88c-.72-.18-1.31-.56-1.78-1.16c-.47-.59-.7-1.26-.7-2.02c0-.84.28-1.57.84-2.18s1.27-.97 2.11-1.07l.51-.03c.12 0 .19-.05.22-.14l.08-.59c.11-1.08.56-1.99 1.37-2.72s1.76-1.1 2.86-1.1c1.09 0 2.04.37 2.86 1.1s1.29 1.64 1.4 2.72l.08.59c0 .11.06.17.18.17h1.61q1.335 0 2.31.96c.975.96.97 1.4.97 2.29c0 .87-.3 1.62-.9 2.26s-1.32.98-2.18 1.03c-.13 0-.2.06-.2.18v1.34c0 .11.07.17.2.17c.88-.02 1.69-.26 2.42-.72c.73-.45 1.31-1.06 1.74-1.81s.64-1.57.64-2.45c0-.73-.14-1.4-.43-2.02c.76-.96 1.14-2.06 1.14-3.29c0-.95-.24-1.83-.71-2.64a5.2 5.2 0 0 0-1.92-1.92c-.81-.47-1.69-.71-2.64-.71q-1.08 0-2.1.45c-.68.3-1.26.72-1.76 1.25c-.81-.43-1.71-.65-2.72-.65c-1.42 0-2.68.44-3.77 1.32s-1.8 2-2.1 3.37c-1.11.26-2.02.84-2.74 1.74c-.72.92-1.08 1.95-1.08 3.1m9.59 6.08c0 .24.08.44.24.59c.16.16.36.24.58.24c.24 0 .44-.08.61-.24s.25-.36.25-.59c0-.24-.08-.44-.25-.61s-.37-.26-.61-.26c-.22 0-.41.09-.58.26s-.24.37-.24.61m0-3.64c0 .24.08.43.24.58c.16.16.36.24.58.24c.24 0 .45-.08.61-.23s.25-.35.25-.59c0-.23-.08-.43-.25-.6s-.37-.25-.61-.25c-.23 0-.42.08-.58.25s-.24.37-.24.6m0 7.31q0 .33.24.57c.17.17.36.25.58.25c.24 0 .44-.08.61-.24s.25-.35.25-.59s-.08-.44-.25-.61a.83.83 0 0 0-.61-.26c-.22 0-.41.09-.58.26c-.16.18-.24.39-.24.62m3.23-5.61c0 .24.08.44.25.6s.36.25.6.25c.23 0 .43-.08.59-.25q.24-.255.24-.6c0-.22-.08-.42-.24-.58a.8.8 0 0 0-.59-.24q-.345 0-.6.24c-.255.24-.25.35-.25.58m0 3.64c0 .23.08.42.24.58q.24.24.6.24c.24 0 .43-.08.59-.24s.23-.35.23-.59s-.08-.43-.23-.59a.78.78 0 0 0-.59-.23c-.24 0-.44.08-.6.23q-.24.24-.24.6m1.01-15.64c.67-.64 1.48-.97 2.45-.97c.98 0 1.82.34 2.51 1.03c.69.68 1.04 1.52 1.04 2.5c0 .66-.16 1.26-.47 1.81c-.96-.96-2.13-1.44-3.52-1.44h-.31c-.3-1.19-.87-2.17-1.7-2.93"/></svg>

Как использовать иконку Night Snow Thunderstorm

React

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

<Icon icon="wi:night-snow-thunderstorm" width="24" />

Vue

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

<template>
  <Icon icon="wi:night-snow-thunderstorm" width="24" />
</template>

Svelte

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

<Icon icon="wi:night-snow-thunderstorm" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="wi:night-snow-thunderstorm"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/wi/night-snow-thunderstorm.svg" alt="Иконка Night Snow Thunderstorm" width="24" height="24">

Вопросы и ответы: Иконка Night Snow Thunderstorm

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

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

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

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

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

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

Все Weather Icons →