battery emoji
battery from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- battery
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- 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 Twitter Emoji
Use the battery emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M30 32.7c0 1.657-5.373 3.3-12 3.3S6 34.357 6 32.7S11.373 30 18 30s12 1.043 12 2.7"/><path fill="#77b255" d="M6 3h24v29.7H6z"/><ellipse cx="18" cy="3" fill="#5c913b" rx="12" ry="3"/><path fill="#fff" d="M21.956 12.788c.091.544-.321 1.066-.922 1.136c-.676.079-1.355.121-2.035.147V16a1 1 0 0 1-2 0v-1.93a26 26 0 0 1-2.035-.147c-.601-.07-1.012-.591-.922-1.136a1.04 1.04 0 0 1 1.152-.851c.6.07 1.202.109 1.804.133V10a1 1 0 0 1 2 0v2.07a25 25 0 0 0 1.804-.133a1.04 1.04 0 0 1 1.154.851m-1.652 17.746a21 21 0 0 1-4.607 0a1.05 1.05 0 0 0-1.153.854c-.091.544.326 1.067.934 1.134c1.676.184 3.368.184 5.044 0c.609-.067 1.026-.59.934-1.134a1.047 1.047 0 0 0-1.152-.854"/><ellipse cx="18" cy="3" fill="#ccd6dd" rx="10" ry="2"/><path fill="#99aab5" d="M14 1v1.5c0 .552 1.791 1 4 1s4-.448 4-1V1z"/><ellipse cx="18" cy="1" fill="#ccd6dd" rx="4" ry="1"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBattery(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M30 32.7c0 1.657-5.373 3.3-12 3.3S6 34.357 6 32.7S11.373 30 18 30s12 1.043 12 2.7"/><path fill="#77b255" d="M6 3h24v29.7H6z"/><ellipse cx="18" cy="3" fill="#5c913b" rx="12" ry="3"/><path fill="#fff" d="M21.956 12.788c.091.544-.321 1.066-.922 1.136c-.676.079-1.355.121-2.035.147V16a1 1 0 0 1-2 0v-1.93a26 26 0 0 1-2.035-.147c-.601-.07-1.012-.591-.922-1.136a1.04 1.04 0 0 1 1.152-.851c.6.07 1.202.109 1.804.133V10a1 1 0 0 1 2 0v2.07a25 25 0 0 0 1.804-.133a1.04 1.04 0 0 1 1.154.851m-1.652 17.746a21 21 0 0 1-4.607 0a1.05 1.05 0 0 0-1.153.854c-.091.544.326 1.067.934 1.134c1.676.184 3.368.184 5.044 0c.609-.067 1.026-.59.934-1.134a1.047 1.047 0 0 0-1.152-.854"/><ellipse cx="18" cy="3" fill="#ccd6dd" rx="10" ry="2"/><path fill="#99aab5" d="M14 1v1.5c0 .552 1.791 1 4 1s4-.448 4-1V1z"/><ellipse cx="18" cy="1" fill="#ccd6dd" rx="4" ry="1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M30 32.7c0 1.657-5.373 3.3-12 3.3S6 34.357 6 32.7S11.373 30 18 30s12 1.043 12 2.7"/><path fill="#77b255" d="M6 3h24v29.7H6z"/><ellipse cx="18" cy="3" fill="#5c913b" rx="12" ry="3"/><path fill="#fff" d="M21.956 12.788c.091.544-.321 1.066-.922 1.136c-.676.079-1.355.121-2.035.147V16a1 1 0 0 1-2 0v-1.93a26 26 0 0 1-2.035-.147c-.601-.07-1.012-.591-.922-1.136a1.04 1.04 0 0 1 1.152-.851c.6.07 1.202.109 1.804.133V10a1 1 0 0 1 2 0v2.07a25 25 0 0 0 1.804-.133a1.04 1.04 0 0 1 1.154.851m-1.652 17.746a21 21 0 0 1-4.607 0a1.05 1.05 0 0 0-1.153.854c-.091.544.326 1.067.934 1.134c1.676.184 3.368.184 5.044 0c.609-.067 1.026-.59.934-1.134a1.047 1.047 0 0 0-1.152-.854"/><ellipse cx="18" cy="3" fill="#ccd6dd" rx="10" ry="2"/><path fill="#99aab5" d="M14 1v1.5c0 .552 1.791 1 4 1s4-.448 4-1V1z"/><ellipse cx="18" cy="1" fill="#ccd6dd" rx="4" ry="1"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M30%2032.7c0%201.657-5.373%203.3-12%203.3S6%2034.357%206%2032.7S11.373%2030%2018%2030s12%201.043%2012%202.7%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M6%203h24v29.7H6z%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%223%22%20fill%3D%22%235c913b%22%20rx%3D%2212%22%20ry%3D%223%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21.956%2012.788c.091.544-.321%201.066-.922%201.136c-.676.079-1.355.121-2.035.147V16a1%201%200%200%201-2%200v-1.93a26%2026%200%200%201-2.035-.147c-.601-.07-1.012-.591-.922-1.136a1.04%201.04%200%200%201%201.152-.851c.6.07%201.202.109%201.804.133V10a1%201%200%200%201%202%200v2.07a25%2025%200%200%200%201.804-.133a1.04%201.04%200%200%201%201.154.851m-1.652%2017.746a21%2021%200%200%201-4.607%200a1.05%201.05%200%200%200-1.153.854c-.091.544.326%201.067.934%201.134c1.676.184%203.368.184%205.044%200c.609-.067%201.026-.59.934-1.134a1.047%201.047%200%200%200-1.152-.854%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%223%22%20fill%3D%22%23ccd6dd%22%20rx%3D%2210%22%20ry%3D%222%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M14%201v1.5c0%20.552%201.791%201%204%201s4-.448%204-1V1z%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%221%22%20fill%3D%22%23ccd6dd%22%20rx%3D%224%22%20ry%3D%221%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M30%2032.7c0%201.657-5.373%203.3-12%203.3S6%2034.357%206%2032.7S11.373%2030%2018%2030s12%201.043%2012%202.7%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M6%203h24v29.7H6z%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%223%22%20fill%3D%22%235c913b%22%20rx%3D%2212%22%20ry%3D%223%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21.956%2012.788c.091.544-.321%201.066-.922%201.136c-.676.079-1.355.121-2.035.147V16a1%201%200%200%201-2%200v-1.93a26%2026%200%200%201-2.035-.147c-.601-.07-1.012-.591-.922-1.136a1.04%201.04%200%200%201%201.152-.851c.6.07%201.202.109%201.804.133V10a1%201%200%200%201%202%200v2.07a25%2025%200%200%200%201.804-.133a1.04%201.04%200%200%201%201.154.851m-1.652%2017.746a21%2021%200%200%201-4.607%200a1.05%201.05%200%200%200-1.153.854c-.091.544.326%201.067.934%201.134c1.676.184%203.368.184%205.044%200c.609-.067%201.026-.59.934-1.134a1.047%201.047%200%200%200-1.152-.854%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%223%22%20fill%3D%22%23ccd6dd%22%20rx%3D%2210%22%20ry%3D%222%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M14%201v1.5c0%20.552%201.791%201%204%201s4-.448%204-1V1z%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%221%22%20fill%3D%22%23ccd6dd%22%20rx%3D%224%22%20ry%3D%221%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/battery.svg?color=%231a73e8&size=48
