Иконка Thunderstorm

wi:thunderstorm

Иконка Thunderstorm (wi: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
Теги: owm 232, wmo4680 95, forecast io thunderstorm, wmo4680 96, wu chancetstorms, wmo4680 92, owm 202, wmo4680 93, owm 231, wmo4680 26, yahoo 3, owm 200, yahoo 4, owm 230, wu tstorms, owm 201

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.63 16.91q0 1.665.99 2.97c.99 1.305 1.52 1.47 2.58 1.79l-.66 1.68c-.03.14.02.22.14.22h2.13l-.98 4.3h.28l3.92-5.75c.04-.04.04-.09.01-.14s-.08-.07-.15-.07h-2.18l2.48-4.64c.07-.14.02-.22-.14-.22h-2.94c-.09 0-.17.05-.23.15l-1.07 2.87c-.71-.18-1.3-.57-1.77-1.16s-.7-1.26-.7-2.01c0-.83.28-1.55.85-2.17c.57-.61 1.27-.97 2.1-1.07l.53-.07c.13 0 .2-.06.2-.18l.07-.51c.11-1.08.56-1.99 1.37-2.72s1.76-1.1 2.85-1.1s2.04.37 2.85 1.1c.82.73 1.28 1.64 1.4 2.72l.07.58c0 .11.06.17.18.17h1.6c.91 0 1.68.32 2.32.95s.97 1.4.97 2.28c0 .85-.3 1.59-.89 2.21s-1.33.97-2.2 1.04c-.13 0-.2.06-.2.18v1.37c0 .11.07.17.2.17c1.33-.04 2.46-.55 3.39-1.51s1.39-2.11 1.39-3.45c0-.9-.22-1.73-.67-2.49a4.9 4.9 0 0 0-1.81-1.8c-.77-.44-1.6-.66-2.5-.66h-.31c-.33-1.33-1.04-2.42-2.11-3.26s-2.3-1.27-3.68-1.27c-1.41 0-2.67.44-3.76 1.31s-1.79 1.99-2.1 3.36c-1.11.26-2.02.83-2.74 1.73s-1.08 1.95-1.08 3.1m8.14 9.71c0 .39.19.65.58.77c.01 0 .05 0 .11.01s.11.01.14.01c.17 0 .33-.05.49-.15s.27-.26.32-.48l2.25-8.69c.06-.24.04-.45-.07-.65a.83.83 0 0 0-.5-.39l-.26-.03c-.16 0-.32.05-.47.15a.74.74 0 0 0-.31.45l-2.26 8.72c-.01.1-.02.19-.02.28m4.16-3.06c0 .13.03.26.1.38c.14.22.31.37.51.44c.11.03.21.05.3.05s.2-.02.32-.08q.315-.135.42-.57l1.44-5.67c.03-.14.05-.23.05-.27c0-.15-.05-.3-.16-.45s-.26-.26-.46-.32l-.26-.03c-.17 0-.33.05-.47.15a.82.82 0 0 0-.3.45l-1.46 5.7c0 .02 0 .05-.01.11c-.02.05-.02.08-.02.11"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Weather Icons →