low battery emoji
low-battery from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- low-battery
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Twitter Emoji
Use the low battery emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M18 0C11.373 0 6 1.343 6 3v29.7h24V3c0-1.657-5.373-3-12-3"/><path fill="#d42544" d="M6 24.7v8c0 1.657 5.373 3.3 12 3.3s12-1.643 12-3.3v-8z"/><path fill="#ff475c" d="M30 24.7c0 1.657-5.373 3.3-12 3.3S6 26.357 6 24.7S11.373 22 18 22s12 1.043 12 2.7"/><path fill="#99aab5" 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.851M26.651 3c-1.73-.597-4.952-1-8.651-1s-6.921.403-8.651 1H8v1c0 1.105 4.477 2 10 2s10-.895 10-2V3z"/><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"/><path fill="#fff" d="M15.478 32.522c-.609-.067-1.026-.59-.934-1.134a1.05 1.05 0 0 1 1.153-.854c1.531.168 3.076.168 4.607 0a1.05 1.05 0 0 1 1.153.854c.091.544-.326 1.067-.934 1.134a23 23 0 0 1-5.045 0"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiLowBattery(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M18 0C11.373 0 6 1.343 6 3v29.7h24V3c0-1.657-5.373-3-12-3"/><path fill="#d42544" d="M6 24.7v8c0 1.657 5.373 3.3 12 3.3s12-1.643 12-3.3v-8z"/><path fill="#ff475c" d="M30 24.7c0 1.657-5.373 3.3-12 3.3S6 26.357 6 24.7S11.373 22 18 22s12 1.043 12 2.7"/><path fill="#99aab5" 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.851M26.651 3c-1.73-.597-4.952-1-8.651-1s-6.921.403-8.651 1H8v1c0 1.105 4.477 2 10 2s10-.895 10-2V3z"/><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"/><path fill="#fff" d="M15.478 32.522c-.609-.067-1.026-.59-.934-1.134a1.05 1.05 0 0 1 1.153-.854c1.531.168 3.076.168 4.607 0a1.05 1.05 0 0 1 1.153.854c.091.544-.326 1.067-.934 1.134a23 23 0 0 1-5.045 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M18 0C11.373 0 6 1.343 6 3v29.7h24V3c0-1.657-5.373-3-12-3"/><path fill="#d42544" d="M6 24.7v8c0 1.657 5.373 3.3 12 3.3s12-1.643 12-3.3v-8z"/><path fill="#ff475c" d="M30 24.7c0 1.657-5.373 3.3-12 3.3S6 26.357 6 24.7S11.373 22 18 22s12 1.043 12 2.7"/><path fill="#99aab5" 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.851M26.651 3c-1.73-.597-4.952-1-8.651-1s-6.921.403-8.651 1H8v1c0 1.105 4.477 2 10 2s10-.895 10-2V3z"/><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"/><path fill="#fff" d="M15.478 32.522c-.609-.067-1.026-.59-.934-1.134a1.05 1.05 0 0 1 1.153-.854c1.531.168 3.076.168 4.607 0a1.05 1.05 0 0 1 1.153.854c.091.544-.326 1.067-.934 1.134a23 23 0 0 1-5.045 0"/></svg> </template>
CSS
.icon-low-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%23e1e8ed%22%20d%3D%22M18%200C11.373%200%206%201.343%206%203v29.7h24V3c0-1.657-5.373-3-12-3%22%2F%3E%3Cpath%20fill%3D%22%23d42544%22%20d%3D%22M6%2024.7v8c0%201.657%205.373%203.3%2012%203.3s12-1.643%2012-3.3v-8z%22%2F%3E%3Cpath%20fill%3D%22%23ff475c%22%20d%3D%22M30%2024.7c0%201.657-5.373%203.3-12%203.3S6%2026.357%206%2024.7S11.373%2022%2018%2022s12%201.043%2012%202.7%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%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.851M26.651%203c-1.73-.597-4.952-1-8.651-1s-6.921.403-8.651%201H8v1c0%201.105%204.477%202%2010%202s10-.895%2010-2V3z%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%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.478%2032.522c-.609-.067-1.026-.59-.934-1.134a1.05%201.05%200%200%201%201.153-.854c1.531.168%203.076.168%204.607%200a1.05%201.05%200%200%201%201.153.854c.091.544-.326%201.067-.934%201.134a23%2023%200%200%201-5.045%200%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%23e1e8ed%22%20d%3D%22M18%200C11.373%200%206%201.343%206%203v29.7h24V3c0-1.657-5.373-3-12-3%22%2F%3E%3Cpath%20fill%3D%22%23d42544%22%20d%3D%22M6%2024.7v8c0%201.657%205.373%203.3%2012%203.3s12-1.643%2012-3.3v-8z%22%2F%3E%3Cpath%20fill%3D%22%23ff475c%22%20d%3D%22M30%2024.7c0%201.657-5.373%203.3-12%203.3S6%2026.357%206%2024.7S11.373%2022%2018%2022s12%201.043%2012%202.7%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%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.851M26.651%203c-1.73-.597-4.952-1-8.651-1s-6.921.403-8.651%201H8v1c0%201.105%204.477%202%2010%202s10-.895%2010-2V3z%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%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.478%2032.522c-.609-.067-1.026-.59-.934-1.134a1.05%201.05%200%200%201%201.153-.854c1.531.168%203.076.168%204.607%200a1.05%201.05%200%200%201%201.153.854c.091.544-.326%201.067-.934%201.134a23%2023%200%200%201-5.045%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/low-battery.svg?color=%231a73e8&size=48
