battery emoji

battery from Streamline Emojis by Streamline · Default · Objects · CC-BY-4.0 Attribution required.

Name
battery
Set
Streamline Emojis
Style
Default
Category
Objects
Viewbox
48×48
License
CC BY 4.0

The same emoji in other sets

batteryBootstrap IconsbatteryBoxIcons v2batteryBoxIcons v2 SolidbatteryEmoji One (Colored)battery-fillEva IconsbatteryFont Awesome SolidbatteryFeather Iconsbattery-outlineFlowbite IconsbatteryFluent EmojibatteryFluent Emoji FlatbatteryFluent Emoji High ContrastbatteryFirefox OS Emojibatterycss.ggbatteryHuge IconsbatteryHumbleiconsbatteryJam IconsbatteryLucidebatteryMajesticonsbatteryMaterial Design Iconsbattery-fillMingCute IconbatteryNoto EmojibatteryOpenMojibatteryPixelarticonsbattery-fillRemix Icon

More objects icons from Streamline Emojis

balloonbar-chartbarber-polebathtubbombbriefcasecalendarcigaretteclapper-boardclipboardcomputer-diskconfetti-ballcredit-cardcrystal-ball-1crystal-ball-2dollar-banknotedoore-mail-1e-mail-2electric-plugfax-machinefile-folderflashlightfloppy-disk

Use the battery emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function StreamlineEmojisBattery(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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" strokeLinecap="round" strokeLinejoin="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" strokeLinecap="round" strokeLinejoin="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" strokeLinecap="round" strokeLinejoin="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" strokeLinecap="round" strokeLinejoin="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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-battery {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M9.5%2043.5a14.5%201.5%200%201%200%2029%200a14.5%201.5%200%201%200-29%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%236dd627%22%20d%3D%22M38.55%209.45c-4.14-4.15-9.39-5.63-11.71-3.3L6.73%2026.26c-1.93%201.93-.82%207.54%203.33%2011.68s9.75%205.26%2011.68%203.33l20.11-20.11c2.33-2.32.85-7.57-3.3-11.71%22%2F%3E%3Cpath%20fill%3D%22%239ceb60%22%20d%3D%22m8.06%2031.68l20.76-20.76c2.4-2.4%207.71-1%2011.85%203.16a18%2018%200%200%201%202.11%202.53a15.07%2015.07%200%200%200-4.23-7.16c-4.14-4.15-9.39-5.63-11.71-3.3L6.73%2026.26c-1.34%201.34-1.21%204.46.39%207.64a3.7%203.7%200%200%201%20.94-2.22%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M38.55%209.45c-4.14-4.15-9.39-5.63-11.71-3.3L6.73%2026.26c-1.93%201.93-.82%207.54%203.33%2011.68s9.75%205.26%2011.68%203.33l20.11-20.11c2.33-2.32.85-7.57-3.3-11.71%22%2F%3E%3Cpath%20fill%3D%22%23daedf7%22%20d%3D%22M39.89%2019.2c-1.54%201.55-5.27.31-8.34-2.75s-4.3-6.8-2.75-8.34s5.27-.31%208.34%202.75s4.29%206.8%202.75%208.34%22%2F%3E%3Cpath%20fill%3D%22%23c0dceb%22%20d%3D%22M28.8%2010.36c1.54-1.54%205.27-.31%208.34%202.75a12.07%2012.07%200%200%201%203.25%205.27c.63-1.82-.64-4.91-3.25-7.52c-3.07-3.06-6.8-4.29-8.34-2.75a3.15%203.15%200%200%200-.5%203.07a2.16%202.16%200%200%201%20.5-.82%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M39.89%2019.2c-1.54%201.55-5.27.31-8.34-2.75s-4.3-6.8-2.75-8.34s5.27-.31%208.34%202.75s4.29%206.8%202.75%208.34%22%2F%3E%3Cpath%20fill%3D%22%23daedf7%22%20d%3D%22m33.67%209l-1.77%201.8c-.73.73-.14%202.51%201.33%204s3.24%202.06%204%201.33l1.77-1.8Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M33.19%2012.72L35%2011l3.69%203.69l.32-.32L33.67%209l-1.77%201.8c-.71.71-.16%202.42%201.23%203.87a1.82%201.82%200%200%201%20.06-1.95%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m33.67%209l-1.77%201.8c-.73.73-.14%202.51%201.33%204s3.24%202.06%204%201.33l1.77-1.8Z%22%2F%3E%3Cpath%20fill%3D%22%23daedf7%22%20d%3D%22M39%2014.33c-.74.73-2.51.14-4-1.32s-2.05-3.24-1.32-4s2.51-.13%204%201.33S39.7%2013.6%2039%2014.33%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M34.66%2011c.73-.74%202.51-.14%204%201.32a9%209%200%200%201%20.59.67a5.55%205.55%200%200%200-1.58-2.64C36.18%208.9%2034.4%208.3%2033.67%209s-.28%202%20.73%203.3a1.41%201.41%200%200%201%20.26-1.3%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M39%2014.33c-.74.73-2.51.14-4-1.32s-2.05-3.24-1.32-4s2.51-.13%204%201.33S39.7%2013.6%2039%2014.33m-9.08%203.75l-2.61%202.61M27.4%2018a11%2011%200%200%200%201.21%201.4A11%2011%200%200%200%2030%2020.6M11.4%2034a9%209%200%200%200%201.21%201.4A9%209%200%200%200%2014%2036.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M9.5%2043.5a14.5%201.5%200%201%200%2029%200a14.5%201.5%200%201%200-29%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%236dd627%22%20d%3D%22M38.55%209.45c-4.14-4.15-9.39-5.63-11.71-3.3L6.73%2026.26c-1.93%201.93-.82%207.54%203.33%2011.68s9.75%205.26%2011.68%203.33l20.11-20.11c2.33-2.32.85-7.57-3.3-11.71%22%2F%3E%3Cpath%20fill%3D%22%239ceb60%22%20d%3D%22m8.06%2031.68l20.76-20.76c2.4-2.4%207.71-1%2011.85%203.16a18%2018%200%200%201%202.11%202.53a15.07%2015.07%200%200%200-4.23-7.16c-4.14-4.15-9.39-5.63-11.71-3.3L6.73%2026.26c-1.34%201.34-1.21%204.46.39%207.64a3.7%203.7%200%200%201%20.94-2.22%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M38.55%209.45c-4.14-4.15-9.39-5.63-11.71-3.3L6.73%2026.26c-1.93%201.93-.82%207.54%203.33%2011.68s9.75%205.26%2011.68%203.33l20.11-20.11c2.33-2.32.85-7.57-3.3-11.71%22%2F%3E%3Cpath%20fill%3D%22%23daedf7%22%20d%3D%22M39.89%2019.2c-1.54%201.55-5.27.31-8.34-2.75s-4.3-6.8-2.75-8.34s5.27-.31%208.34%202.75s4.29%206.8%202.75%208.34%22%2F%3E%3Cpath%20fill%3D%22%23c0dceb%22%20d%3D%22M28.8%2010.36c1.54-1.54%205.27-.31%208.34%202.75a12.07%2012.07%200%200%201%203.25%205.27c.63-1.82-.64-4.91-3.25-7.52c-3.07-3.06-6.8-4.29-8.34-2.75a3.15%203.15%200%200%200-.5%203.07a2.16%202.16%200%200%201%20.5-.82%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M39.89%2019.2c-1.54%201.55-5.27.31-8.34-2.75s-4.3-6.8-2.75-8.34s5.27-.31%208.34%202.75s4.29%206.8%202.75%208.34%22%2F%3E%3Cpath%20fill%3D%22%23daedf7%22%20d%3D%22m33.67%209l-1.77%201.8c-.73.73-.14%202.51%201.33%204s3.24%202.06%204%201.33l1.77-1.8Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M33.19%2012.72L35%2011l3.69%203.69l.32-.32L33.67%209l-1.77%201.8c-.71.71-.16%202.42%201.23%203.87a1.82%201.82%200%200%201%20.06-1.95%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m33.67%209l-1.77%201.8c-.73.73-.14%202.51%201.33%204s3.24%202.06%204%201.33l1.77-1.8Z%22%2F%3E%3Cpath%20fill%3D%22%23daedf7%22%20d%3D%22M39%2014.33c-.74.73-2.51.14-4-1.32s-2.05-3.24-1.32-4s2.51-.13%204%201.33S39.7%2013.6%2039%2014.33%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M34.66%2011c.73-.74%202.51-.14%204%201.32a9%209%200%200%201%20.59.67a5.55%205.55%200%200%200-1.58-2.64C36.18%208.9%2034.4%208.3%2033.67%209s-.28%202%20.73%203.3a1.41%201.41%200%200%201%20.26-1.3%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M39%2014.33c-.74.73-2.51.14-4-1.32s-2.05-3.24-1.32-4s2.51-.13%204%201.33S39.7%2013.6%2039%2014.33m-9.08%203.75l-2.61%202.61M27.4%2018a11%2011%200%200%200%201.21%201.4A11%2011%200%200%200%2030%2020.6M11.4%2034a9%209%200%200%200%201.21%201.4A9%209%200%200%200%2014%2036.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/battery.svg?color=%231a73e8&size=48