Battery icon
fxemoji:battery
The Battery icon (fxemoji:battery) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#DDD" d="M443.174 85.881c0 24.437-82.508 44.248-184.287 44.248S74.6 110.319 74.6 85.881s82.508-44.248 184.287-44.248s184.287 19.811 184.287 44.248"/><path fill="#9AAAB4" d="M443.174 85.881v376.63c0 24.437-82.508 44.248-184.287 44.248S74.6 486.949 74.6 462.512V85.881z"/><path fill="#D5DEE2" d="M443.174 85.881c0 24.437-82.508 44.248-184.287 44.248S74.6 110.319 74.6 85.881s82.508-44.248 184.287-44.248s184.287 19.811 184.287 44.248"/><path fill="#00B89C" d="M443.174 155.585v240.034c0 24.437-82.508 44.248-184.287 44.248S74.6 420.056 74.6 395.618V155.585c0 24.437 82.508 44.248 184.287 44.248s184.287-19.811 184.287-44.248"/><path fill="#9AAAB4" d="M319.141 21.467v56.398c0 7.99-26.977 14.467-60.255 14.467s-60.255-6.477-60.255-14.467V21.467z"/><path fill="#D5DEE2" d="M319.141 21.467c0 7.99-26.977 14.467-60.255 14.467s-60.255-6.477-60.255-14.467S225.609 7 258.887 7s60.254 6.477 60.254 14.467"/><path fill="#E5E4DF" d="M304.387 291.5h-27v27h-37v-27h-27v-37h27v-27h37v27h27zm0 79.785h-91v37h91z"/></svg>
How to use the Battery icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:battery" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:battery" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:battery" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--battery]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:battery"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:battery"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/battery.svg" alt="Battery icon" width="24" height="24">
Battery icon in other icon sets
Battery icon FAQ
Is the Battery icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Battery icon in React?
Install @iconify/react and render <Icon icon="fxemoji:battery" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Battery icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/battery.svg" alt="Battery icon">, or paste the SVG code inline to style it with CSS.
Browse all Firefox OS Emoji icons →
ICONYZ
