battery emoji
battery from Fluent Emoji High Contrast by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- battery
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
batteryBootstrap IconsbatteryBoxIcons v2batteryBoxIcons v2 SolidbatteryEmoji One (Colored)battery-fillEva IconsbatteryFont Awesome SolidbatteryFeather Iconsbattery-outlineFlowbite IconsbatteryFluent EmojibatteryFluent Emoji FlatbatteryFirefox OS Emojibatterycss.ggbatteryHuge IconsbatteryHumbleiconsbatteryJam IconsbatteryLucidebatteryMajesticonsbatteryMaterial Design Iconsbattery-fillMingCute IconbatteryNoto EmojibatteryOpenMojibatteryPixelarticonsbattery-fillRemix IconbatteryStreamline Emojis
More objects icons from Fluent Emoji High Contrast
Use the battery emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M14.07 25h3.86c.31 0 .57-.26.56-.58v-.85a.57.57 0 0 0-.57-.57h-3.85c-.31 0-.57.26-.57.58v.85c0 .31.25.57.57.57M15 12.5h-.93c-.31 0-.57-.26-.57-.57v-.86c0-.32.26-.57.57-.57H15v-.93c0-.31.26-.57.57-.57h.85c.32 0 .58.26.58.57v.93h.92c.32 0 .57.26.57.57v.85c.01.32-.25.58-.56.58H17v.92c0 .32-.26.58-.57.58h-.86c-.31 0-.57-.26-.57-.57z"/><path d="M11.9 2.74c0-.962.778-1.74 1.74-1.74h4.82c.962 0 1.74.778 1.74 1.74v.25h2.08a2.767 2.767 0 0 1 2.77 2.77v22.48a2.767 2.767 0 0 1-2.77 2.77H9.82a2.767 2.767 0 0 1-2.77-2.77V5.76a2.767 2.767 0 0 1 2.77-2.77h2.08zm2 .26v1.99H9.82a.767.767 0 0 0-.77.77V7h14V5.76a.767.767 0 0 0-.77-.77H18.2V3zM9.05 26h14V8h-14zm0 1v1.24c0 .428.342.77.77.77h12.46c.428 0 .77-.342.77-.77V27z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastBattery(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M14.07 25h3.86c.31 0 .57-.26.56-.58v-.85a.57.57 0 0 0-.57-.57h-3.85c-.31 0-.57.26-.57.58v.85c0 .31.25.57.57.57M15 12.5h-.93c-.31 0-.57-.26-.57-.57v-.86c0-.32.26-.57.57-.57H15v-.93c0-.31.26-.57.57-.57h.85c.32 0 .58.26.58.57v.93h.92c.32 0 .57.26.57.57v.85c.01.32-.25.58-.56.58H17v.92c0 .32-.26.58-.57.58h-.86c-.31 0-.57-.26-.57-.57z"/><path d="M11.9 2.74c0-.962.778-1.74 1.74-1.74h4.82c.962 0 1.74.778 1.74 1.74v.25h2.08a2.767 2.767 0 0 1 2.77 2.77v22.48a2.767 2.767 0 0 1-2.77 2.77H9.82a2.767 2.767 0 0 1-2.77-2.77V5.76a2.767 2.767 0 0 1 2.77-2.77h2.08zm2 .26v1.99H9.82a.767.767 0 0 0-.77.77V7h14V5.76a.767.767 0 0 0-.77-.77H18.2V3zM9.05 26h14V8h-14zm0 1v1.24c0 .428.342.77.77.77h12.46c.428 0 .77-.342.77-.77V27z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M14.07 25h3.86c.31 0 .57-.26.56-.58v-.85a.57.57 0 0 0-.57-.57h-3.85c-.31 0-.57.26-.57.58v.85c0 .31.25.57.57.57M15 12.5h-.93c-.31 0-.57-.26-.57-.57v-.86c0-.32.26-.57.57-.57H15v-.93c0-.31.26-.57.57-.57h.85c.32 0 .58.26.58.57v.93h.92c.32 0 .57.26.57.57v.85c.01.32-.25.58-.56.58H17v.92c0 .32-.26.58-.57.58h-.86c-.31 0-.57-.26-.57-.57z"/><path d="M11.9 2.74c0-.962.778-1.74 1.74-1.74h4.82c.962 0 1.74.778 1.74 1.74v.25h2.08a2.767 2.767 0 0 1 2.77 2.77v22.48a2.767 2.767 0 0 1-2.77 2.77H9.82a2.767 2.767 0 0 1-2.77-2.77V5.76a2.767 2.767 0 0 1 2.77-2.77h2.08zm2 .26v1.99H9.82a.767.767 0 0 0-.77.77V7h14V5.76a.767.767 0 0 0-.77-.77H18.2V3zM9.05 26h14V8h-14zm0 1v1.24c0 .428.342.77.77.77h12.46c.428 0 .77-.342.77-.77V27z"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.07%2025h3.86c.31%200%20.57-.26.56-.58v-.85a.57.57%200%200%200-.57-.57h-3.85c-.31%200-.57.26-.57.58v.85c0%20.31.25.57.57.57M15%2012.5h-.93c-.31%200-.57-.26-.57-.57v-.86c0-.32.26-.57.57-.57H15v-.93c0-.31.26-.57.57-.57h.85c.32%200%20.58.26.58.57v.93h.92c.32%200%20.57.26.57.57v.85c.01.32-.25.58-.56.58H17v.92c0%20.32-.26.58-.57.58h-.86c-.31%200-.57-.26-.57-.57z%22%2F%3E%3Cpath%20d%3D%22M11.9%202.74c0-.962.778-1.74%201.74-1.74h4.82c.962%200%201.74.778%201.74%201.74v.25h2.08a2.767%202.767%200%200%201%202.77%202.77v22.48a2.767%202.767%200%200%201-2.77%202.77H9.82a2.767%202.767%200%200%201-2.77-2.77V5.76a2.767%202.767%200%200%201%202.77-2.77h2.08zm2%20.26v1.99H9.82a.767.767%200%200%200-.77.77V7h14V5.76a.767.767%200%200%200-.77-.77H18.2V3zM9.05%2026h14V8h-14zm0%201v1.24c0%20.428.342.77.77.77h12.46c.428%200%20.77-.342.77-.77V27z%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.07%2025h3.86c.31%200%20.57-.26.56-.58v-.85a.57.57%200%200%200-.57-.57h-3.85c-.31%200-.57.26-.57.58v.85c0%20.31.25.57.57.57M15%2012.5h-.93c-.31%200-.57-.26-.57-.57v-.86c0-.32.26-.57.57-.57H15v-.93c0-.31.26-.57.57-.57h.85c.32%200%20.58.26.58.57v.93h.92c.32%200%20.57.26.57.57v.85c.01.32-.25.58-.56.58H17v.92c0%20.32-.26.58-.57.58h-.86c-.31%200-.57-.26-.57-.57z%22%2F%3E%3Cpath%20d%3D%22M11.9%202.74c0-.962.778-1.74%201.74-1.74h4.82c.962%200%201.74.778%201.74%201.74v.25h2.08a2.767%202.767%200%200%201%202.77%202.77v22.48a2.767%202.767%200%200%201-2.77%202.77H9.82a2.767%202.767%200%200%201-2.77-2.77V5.76a2.767%202.767%200%200%201%202.77-2.77h2.08zm2%20.26v1.99H9.82a.767.767%200%200%200-.77.77V7h14V5.76a.767.767%200%200%200-.77-.77H18.2V3zM9.05%2026h14V8h-14zm0%201v1.24c0%20.428.342.77.77.77h12.46c.428%200%20.77-.342.77-.77V27z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/battery.svg?color=%231a73e8&size=48
