Ícone Battery

streamline-emojis:battery

O ícone Battery (streamline-emojis:battery) é um ícone SVG gratuito da coleção Streamline Emojis de Streamline. Ele é desenhado em uma grade de 48 × 48. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Streamline Emojis
Autor: Streamline
Licença: CC-BY-4.0
Tamanho: 48 × 48
Categoria: Objetos

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M9.5 43.5a14.5 1.5 0 1 0 29 0a14.5 1.5 0 1 0-29 0" opacity=".15"/><path fill="#6dd627" d="M38.55 9.45c-4.14-4.15-9.39-5.63-11.71-3.3L6.73 26.26c-1.93 1.93-.82 7.54 3.33 11.68s9.75 5.26 11.68 3.33l20.11-20.11c2.33-2.32.85-7.57-3.3-11.71"/><path fill="#9ceb60" d="m8.06 31.68l20.76-20.76c2.4-2.4 7.71-1 11.85 3.16a18 18 0 0 1 2.11 2.53a15.07 15.07 0 0 0-4.23-7.16c-4.14-4.15-9.39-5.63-11.71-3.3L6.73 26.26c-1.34 1.34-1.21 4.46.39 7.64a3.7 3.7 0 0 1 .94-2.22"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38.55 9.45c-4.14-4.15-9.39-5.63-11.71-3.3L6.73 26.26c-1.93 1.93-.82 7.54 3.33 11.68s9.75 5.26 11.68 3.33l20.11-20.11c2.33-2.32.85-7.57-3.3-11.71"/><path fill="#daedf7" d="M39.89 19.2c-1.54 1.55-5.27.31-8.34-2.75s-4.3-6.8-2.75-8.34s5.27-.31 8.34 2.75s4.29 6.8 2.75 8.34"/><path fill="#c0dceb" d="M28.8 10.36c1.54-1.54 5.27-.31 8.34 2.75a12.07 12.07 0 0 1 3.25 5.27c.63-1.82-.64-4.91-3.25-7.52c-3.07-3.06-6.8-4.29-8.34-2.75a3.15 3.15 0 0 0-.5 3.07a2.16 2.16 0 0 1 .5-.82"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.89 19.2c-1.54 1.55-5.27.31-8.34-2.75s-4.3-6.8-2.75-8.34s5.27-.31 8.34 2.75s4.29 6.8 2.75 8.34"/><path fill="#daedf7" d="m33.67 9l-1.77 1.8c-.73.73-.14 2.51 1.33 4s3.24 2.06 4 1.33l1.77-1.8Z"/><path fill="#fff" d="M33.19 12.72L35 11l3.69 3.69l.32-.32L33.67 9l-1.77 1.8c-.71.71-.16 2.42 1.23 3.87a1.82 1.82 0 0 1 .06-1.95"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m33.67 9l-1.77 1.8c-.73.73-.14 2.51 1.33 4s3.24 2.06 4 1.33l1.77-1.8Z"/><path fill="#daedf7" d="M39 14.33c-.74.73-2.51.14-4-1.32s-2.05-3.24-1.32-4s2.51-.13 4 1.33S39.7 13.6 39 14.33"/><path fill="#fff" d="M34.66 11c.73-.74 2.51-.14 4 1.32a9 9 0 0 1 .59.67a5.55 5.55 0 0 0-1.58-2.64C36.18 8.9 34.4 8.3 33.67 9s-.28 2 .73 3.3a1.41 1.41 0 0 1 .26-1.3"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39 14.33c-.74.73-2.51.14-4-1.32s-2.05-3.24-1.32-4s2.51-.13 4 1.33S39.7 13.6 39 14.33m-9.08 3.75l-2.61 2.61M27.4 18a11 11 0 0 0 1.21 1.4A11 11 0 0 0 30 20.6M11.4 34a9 9 0 0 0 1.21 1.4A9 9 0 0 0 14 36.6"/></svg>

Como usar o ícone Battery

React

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

<Icon icon="streamline-emojis:battery" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:battery" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:battery" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="streamline-emojis:battery"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/streamline-emojis/battery.svg" alt="Ícone Battery" width="24" height="24">

O ícone Battery em outras coleções

Perguntas frequentes sobre Ícone Battery

O ícone Battery é grátis para uso comercial?

Sim. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Battery no React?

Instale @iconify/react e renderize <Icon icon="streamline-emojis:battery" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Battery a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-emojis/battery.svg" alt="Ícone Battery">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Streamline Emojis →