Icône Balance Light
stash:balance-light
L'icône Balance Light (stash:balance-light) est une icône SVG gratuite de la collection Stash Icons par Pingback LLC. Elle est dessinée sur une grille de 24 × 24. Les Stash Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Stash Icons
- Auteur
- Pingback LLC
- Licence
- MIT
- Taille
- 24 × 24
- Mots-clés
- balancelight
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.5a2.5 2.5 0 0 0-2.417 3.143c-.634.313-1.055.697-1.393 1.004q-.152.141-.288.254c-.216.18-.43.323-.707.425c-.28.103-.653.174-1.195.174a.5.5 0 1 0 0 1c.63 0 1.125-.083 1.54-.236c.418-.154.73-.368 1-.593a10 10 0 0 0 .383-.335c.322-.292.618-.56 1.105-.799a2.5 2.5 0 0 0 1.472.913v9.05c0 1.195-.24 2.075-.654 2.643C10.45 19.687 9.859 20 9 20a.5.5 0 0 0 0 1c1.142 0 2.05-.437 2.655-1.268q.18-.248.319-.534q.25.485.61.843c.672.672 1.557.959 2.416.959a.5.5 0 1 0 0-1c-.64 0-1.256-.213-1.709-.666c-.45-.45-.79-1.187-.79-2.334V7.45a2.5 2.5 0 0 0 1.47-.913c.488.239.784.507 1.107.799c.12.109.243.22.382.335c.27.225.582.44 1 .593c.416.153.91.236 1.54.236a.5.5 0 1 0 0-1c-.542 0-.915-.071-1.195-.174a2.3 2.3 0 0 1-.707-.425q-.134-.113-.288-.254c-.338-.308-.76-.69-1.393-1.005q.082-.308.083-.642A2.5 2.5 0 0 0 12 2.5M10.5 5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0"/><path fill="currentColor" d="M2.5 13.5a.5.5 0 0 0-.5.5a4 4 0 0 0 8 0a.5.5 0 0 0-.5-.5h-.688L6.886 9.567l-.012-.023a1 1 0 0 0-1.76.023L3.188 13.5zm.99 1h5.469a3 3 0 0 1-5.918 0zm4.209-1H4.302L6 10.031zM14 14a.5.5 0 0 1 .5-.5h.688l1.926-3.933l.012-.023a1 1 0 0 1 1.76.023l1.926 3.933h.688a.5.5 0 0 1 .5.5a4 4 0 0 1-8 0m6.49.5h-5.449a3 3 0 0 0 5.918 0zm-.791-1L18 10.031L16.302 13.5z"/></svg>Comment utiliser l'icône Balance Light
React
import { Icon } from "@iconify/react";
<Icon icon="stash:balance-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:balance-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:balance-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--balance-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:balance-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:balance-light"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/stash/balance-light.svg" alt="Icône Balance Light" width="24" height="24">Icônes similaires dans Stash Icons
FAQ : Icône Balance Light
L'icône Balance Light est-elle gratuite pour un usage commercial ?
Oui. Les Stash Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Balance Light dans React ?
Installez @iconify/react et affichez <Icon icon="stash:balance-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Balance Light à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/stash/balance-light.svg" alt="Icône Balance Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.