ICONYZ
Français
Icône Battery Bolt de Unicons Thin Line

Icône Battery Bolt

uit:battery-bolt

L'icône Battery Bolt (uit:battery-bolt) est une icône SVG gratuite de la collection Unicons Thin Line par Iconscout. Elle est dessinée sur une grille de 24 × 24. Les Unicons Thin Line icons sont publiées sous la licence Apache 2.0, 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
Unicons Thin Line
Auteur
Iconscout
Licence
Apache-2.0
Taille
24 × 24
Catégorie
Interface utilisateur
Mots-clés
batterybolt
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.5 16h-4a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .5-.5h3a.5.5 0 0 0 0-1h-3A1.5 1.5 0 0 0 2 8.5v7A1.5 1.5 0 0 0 3.5 17h4a.5.5 0 0 0 0-1m5.966-4.167q-.016-.042-.04-.079a.5.5 0 0 0-.056-.083c-.022-.025-.048-.043-.074-.063c-.019-.014-.032-.034-.053-.046l-.027-.008c-.027-.014-.058-.02-.088-.028c-.035-.01-.069-.02-.104-.021c-.008 0-.016-.005-.024-.005H8.85l2.088-3.757a.5.5 0 1 0-.876-.486l-2.5 4.5l-.008.027c-.014.028-.02.058-.028.09c-.01.034-.02.067-.021.101c0 .009-.005.016-.005.025c0 .022.01.04.012.061q.006.053.022.105q.016.043.04.081a.5.5 0 0 0 .056.082c.022.025.048.043.074.063c.019.015.032.034.053.046l.023.005A.5.5 0 0 0 8 12.5h4.15l-2.088 3.757a.501.501 0 0 0 .876.486l2.5-4.5l.008-.027c.014-.027.02-.058.028-.088c.01-.035.02-.069.021-.104c0-.008.005-.016.005-.024c0-.021-.01-.039-.012-.06a.5.5 0 0 0-.022-.107M17.5 7h-4a.5.5 0 0 0 0 1h4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-3a.5.5 0 0 0 0 1h3a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 17.5 7m4 3a.5.5 0 0 0-.5.5v3a.5.5 0 1 0 1 0v-3a.5.5 0 0 0-.5-.5"/></svg>

Comment utiliser l'icône Battery Bolt

React

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

<Icon icon="uit:battery-bolt" width="24" />

Vue

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

<template>
  <Icon icon="uit:battery-bolt" width="24" />
</template>

Svelte

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

<Icon icon="uit:battery-bolt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[uit--battery-bolt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/uit -->
<div class="i-uit:battery-bolt"></div>

Web component

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

<iconify-icon icon="uit:battery-bolt"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/uit/battery-bolt.svg" alt="Icône Battery Bolt" width="24" height="24">

Icônes similaires dans Unicons Thin Line

L'icône Battery Bolt dans d'autres collections

FAQ : Icône Battery Bolt

L'icône Battery Bolt est-elle gratuite pour un usage commercial ?

Oui. Les Unicons Thin Line icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Battery Bolt dans React ?

Installez @iconify/react et affichez <Icon icon="uit:battery-bolt" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Battery Bolt à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/uit/battery-bolt.svg" alt="Icône Battery Bolt">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Unicons Thin Line →