ICONYZ
Русский
Иконка Lightning Fill из набора Lets Icons

Иконка Lightning Fill

lets-icons:lightning-fill

Иконка Lightning Fill (lets-icons:lightning-fill) — бесплатная SVG-иконка из набора Lets Icons от Leonid Tsvetkov. Она нарисована на сетке 24 × 24. Lets Icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Lets Icons
Автор
Leonid Tsvetkov
Лицензия
CC-BY-4.0
Размер
24 × 24
Категория
Телефон
Теги
lightningfill
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m-1.87-8.2h1.37c.236 0 .354 0 .427.073s.073.191.073.427v4.43c0 .89 0 1.336.196 1.38c.197.042.383-.362.758-1.17l2.731-5.9c.592-1.278.888-1.917.593-2.378s-1-.462-2.408-.462H12.5c-.236 0-.354 0-.427-.073S12 9.936 12 9.7V5.27c0-.89 0-1.336-.196-1.38c-.197-.042-.383.362-.758 1.17l-2.731 5.9c-.592 1.278-.888 1.917-.593 2.378s1 .462 2.408.462" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="lets-icons:lightning-fill" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:lightning-fill" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:lightning-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--lightning-fill]"></span>

UnoCSS

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

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

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

<iconify-icon icon="lets-icons:lightning-fill"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/lets-icons/lightning-fill.svg" alt="Иконка Lightning Fill" width="24" height="24">

Похожие иконки в наборе Lets Icons

Иконка lightning
lightning
 Иконка lightning-alt
lightning-alt
 Иконка lightning-alt-duotone
lightning-alt-duotone
 Иконка lightning-alt-duotone-line
lightning-alt-duotone-line
 Иконка lightning-alt-fill
lightning-alt-fill
 Иконка lightning-alt-light
lightning-alt-light
 Иконка lightning-duotone
lightning-duotone
 Иконка lightning-duotone-line
lightning-duotone-line
 Иконка lightning-light
lightning-light
 Иконка lightning-ring
lightning-ring
 Иконка lightning-ring-duotone
lightning-ring-duotone
 Иконка lightning-ring-duotone-line
lightning-ring-duotone-line
 Иконка lightning-ring-light
lightning-ring-light

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

Иконка Lightning Fill из набора Phosphor
Phosphor
 Иконка Lightning Fill из набора Bootstrap Icons
Bootstrap Icons
 Иконка Lightning Fill из набора MingCute Icon
MingCute Icon
 Иконка Lightning Fill из набора Sargam Icons
Sargam Icons

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

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

Да. Lets Icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Lets Icons →