Иконка Flashlight Bold Duotone

solar:flashlight-bold-duotone

Иконка Flashlight Bold Duotone (solar:flashlight-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Интерфейс
Теги: flashlightbold, boldduotone, flashlightboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.00037 11.6569V19C9.00037 19.9319 9.00037 20.3978 9.15261 20.7654C9.3556 21.2554 9.74495 21.6448 10.235 21.8478C10.6025 22 11.0685 22 12.0004 22C12.9323 22 13.3982 22 13.7657 21.8478C14.2558 21.6448 14.6451 21.2554 14.8481 20.7654C15.0004 20.3978 15.0004 19.9319 15.0004 19V11.6569C15.0004 10.8394 15.0004 10.4306 15.1526 10.0631C15.1614 10.0418 15.1707 10.0208 15.1804 10H8.82031C8.83006 10.0208 8.83933 10.0418 8.84813 10.0631C9.00037 10.4306 9.00037 10.8394 9.00037 11.6569Z" opacity=".5"/><path fill-rule="evenodd" d="M12 12.25C12.4142 12.25 12.75 12.5858 12.75 13V15C12.75 15.4142 12.4142 15.75 12 15.75C11.5858 15.75 11.25 15.4142 11.25 15V13C11.25 12.5858 11.5858 12.25 12 12.25Z" clip-rule="evenodd"/><path d="M20 4.17157V4C20 3.05719 20 2.58579 19.7071 2.29289C19.4142 2 18.9428 2 18 2H6C5.05719 2 4.58579 2 4.29289 2.29289C4 2.58579 4 3.05719 4 4V4.17157C4 4.58032 4 4.7847 4.07612 4.96847C4.08052 4.9791 4.08516 4.9896 4.09003 5H19.91C19.9148 4.9896 19.9195 4.9791 19.9239 4.96847C20 4.7847 20 4.58032 20 4.17157Z" opacity=".5"/><path d="M16.1714 8.82843L19.414 5.58579C19.6863 5.31347 19.8304 5.16944 19.9098 5H4.08984C4.16926 5.16944 4.31329 5.31347 4.5856 5.58579L7.82824 8.82843C8.37287 9.37305 8.66093 9.66112 8.81975 10H15.1799C15.3387 9.66112 15.6268 9.37305 16.1714 8.82843Z"/></g></svg>

Как использовать иконку Flashlight Bold Duotone

React

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

<Icon icon="solar:flashlight-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:flashlight-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:flashlight-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--flashlight-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:flashlight-bold-duotone"></div>

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

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

<iconify-icon icon="solar:flashlight-bold-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/flashlight-bold-duotone.svg" alt="Иконка Flashlight Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка Flashlight Bold Duotone

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

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

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

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

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

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

Все Иконки Solar →