Иконка Night Lightning

wi:night-lightning

Иконка Night Lightning (wi:night-lightning) — бесплатная 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
Теги: nightlightning

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.29 16.93c0 .66.12 1.28.38 1.88s.59 1.11 1.02 1.55s.94.79 1.52 1.05s1.21.42 1.87.45c.12 0 .18-.06.18-.17v-1.34c0-.11-.06-.17-.18-.17c-.87-.06-1.6-.41-2.19-1.03A3.13 3.13 0 0 1 6 16.93c0-.84.28-1.57.85-2.18c.57-.62 1.26-.97 2.1-1.04l.52-.06c.12 0 .19-.06.19-.18l.08-.52c.07-.71.3-1.36.69-1.94s.9-1.04 1.52-1.36s1.29-.49 2.02-.49q1.635 0 2.85 1.08c.81.72 1.27 1.62 1.39 2.69l.07.58c0 .11.06.17.19.17h1.6c.9 0 1.67.32 2.32.96c.64.64.97 1.4.97 2.29c0 .86-.3 1.6-.89 2.22s-1.33.97-2.19 1.03c-.13 0-.2.06-.2.17v1.34c0 .11.07.17.2.17c1.34-.06 2.47-.57 3.38-1.51c.88-.95 1.34-2.09 1.34-3.42c0-.64-.16-1.32-.47-2.06c.79-.99 1.19-2.08 1.19-3.27c0-.95-.24-1.83-.71-2.63c-.47-.81-1.11-1.44-1.91-1.91s-1.68-.7-2.62-.7c-1.59 0-2.88.58-3.87 1.73c-.81-.43-1.7-.64-2.66-.64q-2.115 0-3.75 1.32c-1.635 1.32-1.79 2-2.1 3.37c-1.12.26-2.03.83-2.74 1.72c-.72.89-1.07 1.91-1.07 3.07m7.65 4.62c-.02.14.02.21.14.21h2.17l-1.32 4.17h.29l4.18-5.58c.04-.04.05-.09.02-.14s-.07-.07-.14-.07H15.1l2.3-4.24c.07-.14.03-.22-.14-.22h-2.94c-.08 0-.14.05-.21.14zM18 9.05c.67-.66 1.49-.99 2.47-.99s1.81.34 2.5 1.03c.69.68 1.03 1.52 1.03 2.51c0 .59-.17 1.19-.52 1.8c-.97-.93-2.12-1.4-3.45-1.4h-.31c-.28-1.19-.86-2.17-1.72-2.95"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="wi:night-lightning"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Weather Icons →