Icône Flashlight On Outline
solar:flashlight-on-outline
L'icône Flashlight On Outline (solar:flashlight-on-outline) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Solar
- Auteur
- 480 Design
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Interface
- Mots-clés
- flashlighton, onoutline, flashlightonoutline
Code SVG
<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>
Comment utiliser l'icône Flashlight On Outline
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 component
<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>
Image HTML
<img src="https://iconyz.com/api/public/svg/solar/flashlight-on-outline.svg" alt="Icône Flashlight On Outline" width="24" height="24">
Icônes similaires dans Solar
L'icône Flashlight On Outline dans d'autres collections
FAQ : Icône Flashlight On Outline
L'icône Flashlight On Outline est-elle gratuite pour un usage commercial ?
Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Flashlight On Outline dans React ?
Installez @iconify/react et affichez <Icon icon="solar:flashlight-on-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Flashlight On Outline à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/flashlight-on-outline.svg" alt="Icône Flashlight On Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Solar →
ICONYZ
