Icône Battery

noto-v1:battery

L'icône Battery (noto-v1:battery) est une icône SVG gratuite de la collection Noto Emoji (v1) par Google Inc. Elle est dessinée sur une grille de 128 × 128. Les Noto Emoji (v1) 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: Noto Emoji (v1)
Auteur: Google Inc
Licence: Apache-2.0
Taille: 128 × 128
Catégorie: Objets

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#ed6c30" d="m35.52 21.24l4.81 92.47c0 7.82 10.6 14.15 23.67 14.15s23.66-6.33 23.66-14.15l4.81-92.47z"/><ellipse cx="64" cy="20.43" fill="#fff" rx="22.38" ry="12.12"/><path fill="#78a3ad" d="M64 4.22c-15.73 0-28.48 7.62-28.48 17.03c0 9.4 12.75 17.02 28.48 17.02c15.72 0 28.48-7.62 28.48-17.02c0-9.41-12.76-17.03-28.48-17.03m0 28.33c-12.36 0-22.38-5.43-22.38-12.12S51.64 8.31 64 8.31s22.38 5.43 22.38 12.12c0 6.7-10.02 12.12-22.38 12.12"/><path fill="#999" d="M75.13 10.22C72.16 8.65 68.27 7.7 64 7.7s-8.16.95-11.13 2.52h-5.74v7.15h.03c-.01.14-.03.27-.03.41c0 5.57 7.55 10.08 16.87 10.08c9.09 0 16.47-4.3 16.83-9.68h.03v-7.97h-5.73z"/><path fill="#78a3ad" d="M75.13 10.22C72.16 8.65 68.27 7.7 64 7.7s-8.16.95-11.13 2.52h-5.74v7.15h.03c-.01.14-.03.27-.03.41c0 5.57 7.55 10.08 16.87 10.08c9.09 0 16.47-4.3 16.83-9.68h.03v-7.97h-5.73z"/><ellipse cx="64" cy="9.74" fill="#fff" rx="10.95" ry="5.93"/><path fill="#78a3ad" d="M64 .14c-9.32 0-16.87 4.51-16.87 10.09c0 5.57 7.55 10.08 16.87 10.08c9.31 0 16.87-4.51 16.87-10.08C80.87 4.65 73.31.14 64 .14m0 15.53c-6.05 0-10.95-2.65-10.95-5.93S57.95 3.81 64 3.81s10.95 2.65 10.95 5.93c0 3.27-4.9 5.93-10.95 5.93"/><path fill="#fff" d="M74.91 52.43c-.83-1.85-3.03-2.25-4.84-2.39c-.67-.05-1.72.15-1.86-.78q-.075-.525-.12-1.05c-.06-.53-.08-1.06-.17-1.58c-.15-.9-.7-1.91-1.43-2.64c-.49-.49-1.08-.86-1.69-.99c-.97-.2-2.07-.1-2.99.31c-1.89.85-2.25 3.09-2.4 4.93c-.03.37-.02.73-.05 1.09c-.02.25-.09.49-.32.62a.9.9 0 0 1-.32.11l-.81.09c-.4.04-.81.06-1.21.12c-.94.15-2.1.53-2.84 1.1c-.64.48-1.22 1.14-1.42 1.91c-.27 1.05-.26 2.23.25 3.21c.96 1.84 3.11 2.18 4.98 2.32c.46.03 1.11-.09 1.49.25c.25.23.24.65.28.96c.05.5.12 1 .2 1.5c.15.94.53 2.1 1.1 2.84c.48.64 1.14 1.22 1.91 1.41c1.05.27 2.23.26 3.21-.25c1.84-.96 2.18-3.11 2.32-4.98c.03-.35-.01-.76.08-1.1c.15-.62.89-.58 1.37-.63c.65-.07 1.31-.16 1.96-.27c.9-.16 1.91-.7 2.64-1.43c.49-.5.86-1.08.99-1.69c.21-.97.1-2.08-.31-2.99m-2.13 60.88c.42-.42.74-.92.85-1.45c.18-.84.08-1.79-.27-2.57c-.95-2.12-3.88-2.02-5.83-2.16c-3.25-.23-6.61-.21-9.83.3c-.81.13-1.8.46-2.44.94c-.55.41-1.05.98-1.22 1.64c-.23.9-.22 1.92.22 2.76c.82 1.58 2.67 1.87 4.28 2c3.82.29 8.18.43 11.97-.23c.78-.14 1.65-.6 2.27-1.23"/></svg>

Comment utiliser l'icône Battery

React

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

<Icon icon="noto-v1:battery" width="24" />

Vue

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

<template>
  <Icon icon="noto-v1:battery" width="24" />
</template>

Svelte

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

<Icon icon="noto-v1:battery" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="noto-v1:battery"></iconify-icon>

Image HTML

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

L'icône Battery dans d'autres collections

FAQ : Icône Battery

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

Oui. Les Noto Emoji (v1) 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 dans React ?

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

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

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

Voir toutes les Icônes Noto Emoji (v1) →