Flashlight On Outline ikonu

solar:flashlight-on-outline

Flashlight On Outline ikonu (solar:flashlight-on-outline), Solar setinden ücretsiz bir SVG ikondur (yapımcı: 480 Design). 24 × 24 ızgara üzerinde çizilmiştir. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Solar
Yazar: 480 Design
Lisans: CC-BY-4.0
Boyut: 24 × 24
Kategori: Arayüz
Etiketler: flashlighton, onoutline, flashlightonoutline

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.9998 1.25C12.414 1.25 12.7498 1.58579 12.7498 2V5C12.7498 5.41421 12.414 5.75 11.9998 5.75C11.5856 5.75 11.2498 5.41421 11.2498 5V2C11.2498 1.58579 11.5856 1.25 11.9998 1.25Z"/><path fill-rule="evenodd" d="M5.95508 7.25H18.0446C18.4774 7.24995 18.8742 7.24991 19.197 7.29331C19.5525 7.3411 19.9282 7.45355 20.2373 7.76257C20.5463 8.07159 20.6587 8.44732 20.7065 8.8028C20.7499 9.12561 20.7499 9.52244 20.7498 9.95526L20.7498 10.1716L20.75 10.2516C20.7509 10.5773 20.7519 10.9288 20.6166 11.2555C20.4813 11.5822 20.232 11.83 20.0011 12.0596L19.9444 12.1161L16.7017 15.3588C16.0804 15.9801 15.9269 16.1524 15.845 16.3501C15.7631 16.5477 15.7498 16.7782 15.7498 17.6569V22C15.7498 22.4142 15.414 22.75 14.9998 22.75C14.5856 22.75 14.2498 22.4142 14.2498 22L14.2497 17.536C14.2495 17.2522 14.2492 16.9925 14.2631 16.75H9.7365C9.75042 16.9925 9.75017 17.2522 9.7499 17.536L9.74982 22C9.74982 22.4142 9.41404 22.75 8.99982 22.75C8.58561 22.75 8.24982 22.4142 8.24982 22V17.6569C8.24982 16.7782 8.23655 16.5477 8.15467 16.3501C8.0728 16.1524 7.91925 15.9801 7.29792 15.3588L4.05528 12.1161L3.99857 12.0596C3.76762 11.83 3.51836 11.5822 3.38304 11.2555C3.24771 10.9288 3.24873 10.5773 3.24967 10.2516L3.24982 10.1716L3.24982 9.95526C3.24977 9.52244 3.24972 9.12561 3.29312 8.8028C3.34092 8.44732 3.45336 8.07159 3.76239 7.76257C4.07141 7.45355 4.44714 7.3411 4.80262 7.29331C5.12543 7.24991 5.52226 7.24995 5.95508 7.25ZM15.5555 14.3835C15.2436 14.6948 14.9728 14.9652 14.7624 15.25H9.23724C9.02688 14.9652 8.75601 14.6948 8.4441 14.3835L5.81048 11.75H18.1892L15.5555 14.3835ZM19.2498 10.25L19.2498 10C19.2498 9.5074 19.2482 9.21339 19.2199 9.00267C19.2069 8.90611 19.1916 8.85775 19.1827 8.83597L19.1801 8.83004L19.178 8.82568L19.1766 8.82324L19.1742 8.82187L19.1699 8.8198L19.1639 8.81717C19.1421 8.80821 19.0937 8.79291 18.9972 8.77993C18.7864 8.7516 18.4924 8.75001 17.9998 8.75001H5.99982C5.50722 8.75001 5.21321 8.7516 5.00249 8.77993C4.90593 8.79291 4.85757 8.80821 4.83579 8.81717C4.83074 8.81924 4.82743 8.82086 4.8255 8.82187L4.82306 8.82324L4.82169 8.82568C4.82068 8.82761 4.81906 8.83093 4.81698 8.83597C4.80802 8.85775 4.79273 8.90611 4.77975 9.00267C4.75142 9.21339 4.74982 9.5074 4.74982 10L4.74986 10.25H19.2498Z" clip-rule="evenodd"/><path d="M6.53015 2.46967C6.23725 2.17678 5.76238 2.17678 5.46949 2.46967C5.17659 2.76256 5.17659 3.23744 5.46949 3.53033L7.46949 5.53033C7.76238 5.82322 8.23725 5.82322 8.53015 5.53033C8.82304 5.23744 8.82304 4.76256 8.53015 4.46967L6.53015 2.46967Z"/><path d="M18.5301 2.46967C18.2373 2.17678 17.7624 2.17678 17.4695 2.46967L15.4695 4.46967C15.1766 4.76256 15.1766 5.23744 15.4695 5.53033C15.7624 5.82322 16.2373 5.82322 16.5301 5.53033L18.5301 3.53033C18.823 3.23744 18.823 2.76256 18.5301 2.46967Z"/><path d="M12.7498 19C12.7498 18.5858 12.414 18.25 11.9998 18.25C11.5856 18.25 11.2498 18.5858 11.2498 19V21C11.2498 21.4142 11.5856 21.75 11.9998 21.75C12.414 21.75 12.7498 21.4142 12.7498 21V19Z"/></g></svg>

Flashlight On Outline ikonu nasıl kullanılır

React

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

<Icon icon="solar:flashlight-on-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:flashlight-on-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:flashlight-on-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="solar:flashlight-on-outline"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/solar/flashlight-on-outline.svg" alt="Flashlight On Outline ikonu" width="24" height="24">

Solar setindeki benzer ikonlar

Diğer ikon setlerinde Flashlight On Outline ikonu

Flashlight On Outline ikonu: sık sorulan sorular

Flashlight On Outline ikonu ticari kullanım için ücretsiz mi?

Evet. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Flashlight On Outline ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="solar:flashlight-on-outline" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Flashlight On Outline ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/solar/flashlight-on-outline.svg" alt="Flashlight On Outline ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Solar ikonları →