battery from Fluent Emoji by Microsoft Corporation · Default · MIT Free for personal and commercial use.

Name
battery
Set
Fluent Emoji
Style
Default
Viewbox
32×32
License
MIT

The same emoji in other sets

Use the battery emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iQyy0Wx)"><path fill="url(#iAbDTbe)" d="M12.973 2.777a.75.75 0 0 1 .75-.75h4.554a.75.75 0 0 1 .75.75v3.187h-6.054z"/><path fill="url(#iiTTA3c)" d="M12.973 2.777a.75.75 0 0 1 .75-.75h4.554a.75.75 0 0 1 .75.75v3.187h-6.054z"/></g><g filter="url(#i1TifAe)"><path fill="url(#iAw5LcT)" d="M7.977 6.034c0-1.087.881-1.968 1.968-1.968h12.118c1.087 0 1.968.881 1.968 1.968z"/><path fill="url(#i7i167b)" d="M7.977 6.034c0-1.087.881-1.968 1.968-1.968h12.118c1.087 0 1.968.881 1.968 1.968z"/></g><path fill="url(#izVXWTx)" d="M7.977 28.019c0 1.087.881 1.969 1.968 1.969h12.118a1.97 1.97 0 0 0 1.968-1.97z"/><path fill="url(#iyWVfgb)" d="M7.977 28.019c0 1.087.881 1.969 1.968 1.969h12.118a1.97 1.97 0 0 0 1.968-1.97z"/><path fill="url(#i4r7GMd)" d="M7.977 28.019c0 1.087.881 1.969 1.968 1.969h12.118a1.97 1.97 0 0 0 1.968-1.97z"/><path fill="url(#iXMbJkb)" d="M7.977 6.034h16.055v21.984H7.977z"/><path fill="url(#ipSKM3c)" d="M7.977 6.034h16.055v21.984H7.977z"/><path fill="url(#iUGlzLb)" d="M7.977 6.034h16.055v21.984H7.977z"/><path fill="#fff" d="M15.384 8.675a.4.4 0 0 0-.4.4v.843a.05.05 0 0 1-.05.05h-.815a.4.4 0 0 0-.4.4v1.231a.4.4 0 0 0 .4.4h.815a.05.05 0 0 1 .05.05v.843c0 .221.18.4.4.4h1.232a.4.4 0 0 0 .4-.4v-.843a.05.05 0 0 1 .05-.05h.815a.4.4 0 0 0 .4-.4v-1.231a.4.4 0 0 0-.4-.4h-.815a.05.05 0 0 1-.05-.05v-.843a.4.4 0 0 0-.4-.4zm2.497 14.277a.4.4 0 0 1 .4.4v1.232a.4.4 0 0 1-.4.4H14.12a.4.4 0 0 1-.4-.4v-1.232a.4.4 0 0 1 .4-.4z"/><defs><linearGradient id="iAbDTbe" x1="12.813" x2="17.781" y1="3.55" y2="3.55" gradientUnits="userSpaceOnUse"><stop stop-color="#8B8B8C"/><stop offset=".994" stop-color="#D0D0D1"/></linearGradient><linearGradient id="iAw5LcT" x1="19.438" x2="8.531" y1="5.581" y2="5.581" gradientUnits="userSpaceOnUse"><stop stop-color="#CFCDD0"/><stop offset="1" stop-color="#959396"/></linearGradient><linearGradient id="izVXWTx" x1="9.406" x2="22.906" y1="29.581" y2="29.488" gradientUnits="userSpaceOnUse"><stop stop-color="#9A8AAB"/><stop offset="1" stop-color="#C4BBCF"/></linearGradient><linearGradient id="iyWVfgb" x1="16.004" x2="16.004" y1="29.988" y2="28.644" gradientUnits="userSpaceOnUse"><stop offset=".093" stop-color="#9B74BD"/><stop offset="1" stop-color="#A089B8" stop-opacity="0"/></linearGradient><linearGradient id="iXMbJkb" x1="24.031" x2="8.835" y1="25.013" y2="25.013" gradientUnits="userSpaceOnUse"><stop stop-color="#E2F981"/><stop offset="1" stop-color="#91E097"/></linearGradient><linearGradient id="ipSKM3c" x1="24.031" x2="21.889" y1="27.464" y2="27.464" gradientUnits="userSpaceOnUse"><stop stop-color="#D8E78F"/><stop offset="1" stop-color="#D8F786" stop-opacity="0"/></linearGradient><linearGradient id="iUGlzLb" x1="7.977" x2="9.348" y1="26.895" y2="26.895" gradientUnits="userSpaceOnUse"><stop stop-color="#88C992"/><stop offset="1" stop-color="#8FDF97" stop-opacity="0"/></linearGradient><radialGradient id="iiTTA3c" cx="0" cy="0" r="1" gradientTransform="matrix(0 .48438 -2.86899 0 17.469 2.488)" gradientUnits="userSpaceOnUse"><stop offset=".226" stop-color="#DCDBDD"/><stop offset="1" stop-color="#CDCDCE" stop-opacity="0"/></radialGradient><radialGradient id="i7i167b" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.60938 9.71875 0 20.656 6.034)" gradientUnits="userSpaceOnUse"><stop stop-color="#E7E4EA"/><stop offset="1" stop-color="#D5D4D6" stop-opacity="0"/></radialGradient><radialGradient id="i4r7GMd" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.48438 -8.5625 0 20.625 27.519)" gradientUnits="userSpaceOnUse"><stop offset=".4" stop-color="#DAD1E4"/><stop offset="1" stop-color="#CABBDB" stop-opacity="0"/></radialGradient><filter id="iQyy0Wx" width="6.055" height="4.037" x="12.973" y="2.027" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".1"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19346"/></filter><filter id="i1TifAe" width="16.305" height="2.069" x="7.977" y="4.066" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy=".1"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.564706 0 0 0 0 0.560784 0 0 0 0 0.564706 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19346"/></filter></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiBattery(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iQyy0Wx)"><path fill="url(#iAbDTbe)" d="M12.973 2.777a.75.75 0 0 1 .75-.75h4.554a.75.75 0 0 1 .75.75v3.187h-6.054z"/><path fill="url(#iiTTA3c)" d="M12.973 2.777a.75.75 0 0 1 .75-.75h4.554a.75.75 0 0 1 .75.75v3.187h-6.054z"/></g><g filter="url(#i1TifAe)"><path fill="url(#iAw5LcT)" d="M7.977 6.034c0-1.087.881-1.968 1.968-1.968h12.118c1.087 0 1.968.881 1.968 1.968z"/><path fill="url(#i7i167b)" d="M7.977 6.034c0-1.087.881-1.968 1.968-1.968h12.118c1.087 0 1.968.881 1.968 1.968z"/></g><path fill="url(#izVXWTx)" d="M7.977 28.019c0 1.087.881 1.969 1.968 1.969h12.118a1.97 1.97 0 0 0 1.968-1.97z"/><path fill="url(#iyWVfgb)" d="M7.977 28.019c0 1.087.881 1.969 1.968 1.969h12.118a1.97 1.97 0 0 0 1.968-1.97z"/><path fill="url(#i4r7GMd)" d="M7.977 28.019c0 1.087.881 1.969 1.968 1.969h12.118a1.97 1.97 0 0 0 1.968-1.97z"/><path fill="url(#iXMbJkb)" d="M7.977 6.034h16.055v21.984H7.977z"/><path fill="url(#ipSKM3c)" d="M7.977 6.034h16.055v21.984H7.977z"/><path fill="url(#iUGlzLb)" d="M7.977 6.034h16.055v21.984H7.977z"/><path fill="#fff" d="M15.384 8.675a.4.4 0 0 0-.4.4v.843a.05.05 0 0 1-.05.05h-.815a.4.4 0 0 0-.4.4v1.231a.4.4 0 0 0 .4.4h.815a.05.05 0 0 1 .05.05v.843c0 .221.18.4.4.4h1.232a.4.4 0 0 0 .4-.4v-.843a.05.05 0 0 1 .05-.05h.815a.4.4 0 0 0 .4-.4v-1.231a.4.4 0 0 0-.4-.4h-.815a.05.05 0 0 1-.05-.05v-.843a.4.4 0 0 0-.4-.4zm2.497 14.277a.4.4 0 0 1 .4.4v1.232a.4.4 0 0 1-.4.4H14.12a.4.4 0 0 1-.4-.4v-1.232a.4.4 0 0 1 .4-.4z"/><defs><linearGradient id="iAbDTbe" x1="12.813" x2="17.781" y1="3.55" y2="3.55" gradientUnits="userSpaceOnUse"><stop stopColor="#8B8B8C"/><stop offset=".994" stopColor="#D0D0D1"/></linearGradient><linearGradient id="iAw5LcT" x1="19.438" x2="8.531" y1="5.581" y2="5.581" gradientUnits="userSpaceOnUse"><stop stopColor="#CFCDD0"/><stop offset="1" stopColor="#959396"/></linearGradient><linearGradient id="izVXWTx" x1="9.406" x2="22.906" y1="29.581" y2="29.488" gradientUnits="userSpaceOnUse"><stop stopColor="#9A8AAB"/><stop offset="1" stopColor="#C4BBCF"/></linearGradient><linearGradient id="iyWVfgb" x1="16.004" x2="16.004" y1="29.988" y2="28.644" gradientUnits="userSpaceOnUse"><stop offset=".093" stopColor="#9B74BD"/><stop offset="1" stopColor="#A089B8" stopOpacity="0"/></linearGradient><linearGradient id="iXMbJkb" x1="24.031" x2="8.835" y1="25.013" y2="25.013" gradientUnits="userSpaceOnUse"><stop stopColor="#E2F981"/><stop offset="1" stopColor="#91E097"/></linearGradient><linearGradient id="ipSKM3c" x1="24.031" x2="21.889" y1="27.464" y2="27.464" gradientUnits="userSpaceOnUse"><stop stopColor="#D8E78F"/><stop offset="1" stopColor="#D8F786" stopOpacity="0"/></linearGradient><linearGradient id="iUGlzLb" x1="7.977" x2="9.348" y1="26.895" y2="26.895" gradientUnits="userSpaceOnUse"><stop stopColor="#88C992"/><stop offset="1" stopColor="#8FDF97" stopOpacity="0"/></linearGradient><radialGradient id="iiTTA3c" cx="0" cy="0" r="1" gradientTransform="matrix(0 .48438 -2.86899 0 17.469 2.488)" gradientUnits="userSpaceOnUse"><stop offset=".226" stopColor="#DCDBDD"/><stop offset="1" stopColor="#CDCDCE" stopOpacity="0"/></radialGradient><radialGradient id="i7i167b" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.60938 9.71875 0 20.656 6.034)" gradientUnits="userSpaceOnUse"><stop stopColor="#E7E4EA"/><stop offset="1" stopColor="#D5D4D6" stopOpacity="0"/></radialGradient><radialGradient id="i4r7GMd" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.48438 -8.5625 0 20.625 27.519)" gradientUnits="userSpaceOnUse"><stop offset=".4" stopColor="#DAD1E4"/><stop offset="1" stopColor="#CABBDB" stopOpacity="0"/></radialGradient><filter id="iQyy0Wx" width="6.055" height="4.037" x="12.973" y="2.027" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".1"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19346"/></filter><filter id="i1TifAe" width="16.305" height="2.069" x="7.977" y="4.066" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy=".1"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.564706 0 0 0 0 0.560784 0 0 0 0 0.564706 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19346"/></filter></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iQyy0Wx)"><path fill="url(#iAbDTbe)" d="M12.973 2.777a.75.75 0 0 1 .75-.75h4.554a.75.75 0 0 1 .75.75v3.187h-6.054z"/><path fill="url(#iiTTA3c)" d="M12.973 2.777a.75.75 0 0 1 .75-.75h4.554a.75.75 0 0 1 .75.75v3.187h-6.054z"/></g><g filter="url(#i1TifAe)"><path fill="url(#iAw5LcT)" d="M7.977 6.034c0-1.087.881-1.968 1.968-1.968h12.118c1.087 0 1.968.881 1.968 1.968z"/><path fill="url(#i7i167b)" d="M7.977 6.034c0-1.087.881-1.968 1.968-1.968h12.118c1.087 0 1.968.881 1.968 1.968z"/></g><path fill="url(#izVXWTx)" d="M7.977 28.019c0 1.087.881 1.969 1.968 1.969h12.118a1.97 1.97 0 0 0 1.968-1.97z"/><path fill="url(#iyWVfgb)" d="M7.977 28.019c0 1.087.881 1.969 1.968 1.969h12.118a1.97 1.97 0 0 0 1.968-1.97z"/><path fill="url(#i4r7GMd)" d="M7.977 28.019c0 1.087.881 1.969 1.968 1.969h12.118a1.97 1.97 0 0 0 1.968-1.97z"/><path fill="url(#iXMbJkb)" d="M7.977 6.034h16.055v21.984H7.977z"/><path fill="url(#ipSKM3c)" d="M7.977 6.034h16.055v21.984H7.977z"/><path fill="url(#iUGlzLb)" d="M7.977 6.034h16.055v21.984H7.977z"/><path fill="#fff" d="M15.384 8.675a.4.4 0 0 0-.4.4v.843a.05.05 0 0 1-.05.05h-.815a.4.4 0 0 0-.4.4v1.231a.4.4 0 0 0 .4.4h.815a.05.05 0 0 1 .05.05v.843c0 .221.18.4.4.4h1.232a.4.4 0 0 0 .4-.4v-.843a.05.05 0 0 1 .05-.05h.815a.4.4 0 0 0 .4-.4v-1.231a.4.4 0 0 0-.4-.4h-.815a.05.05 0 0 1-.05-.05v-.843a.4.4 0 0 0-.4-.4zm2.497 14.277a.4.4 0 0 1 .4.4v1.232a.4.4 0 0 1-.4.4H14.12a.4.4 0 0 1-.4-.4v-1.232a.4.4 0 0 1 .4-.4z"/><defs><linearGradient id="iAbDTbe" x1="12.813" x2="17.781" y1="3.55" y2="3.55" gradientUnits="userSpaceOnUse"><stop stop-color="#8B8B8C"/><stop offset=".994" stop-color="#D0D0D1"/></linearGradient><linearGradient id="iAw5LcT" x1="19.438" x2="8.531" y1="5.581" y2="5.581" gradientUnits="userSpaceOnUse"><stop stop-color="#CFCDD0"/><stop offset="1" stop-color="#959396"/></linearGradient><linearGradient id="izVXWTx" x1="9.406" x2="22.906" y1="29.581" y2="29.488" gradientUnits="userSpaceOnUse"><stop stop-color="#9A8AAB"/><stop offset="1" stop-color="#C4BBCF"/></linearGradient><linearGradient id="iyWVfgb" x1="16.004" x2="16.004" y1="29.988" y2="28.644" gradientUnits="userSpaceOnUse"><stop offset=".093" stop-color="#9B74BD"/><stop offset="1" stop-color="#A089B8" stop-opacity="0"/></linearGradient><linearGradient id="iXMbJkb" x1="24.031" x2="8.835" y1="25.013" y2="25.013" gradientUnits="userSpaceOnUse"><stop stop-color="#E2F981"/><stop offset="1" stop-color="#91E097"/></linearGradient><linearGradient id="ipSKM3c" x1="24.031" x2="21.889" y1="27.464" y2="27.464" gradientUnits="userSpaceOnUse"><stop stop-color="#D8E78F"/><stop offset="1" stop-color="#D8F786" stop-opacity="0"/></linearGradient><linearGradient id="iUGlzLb" x1="7.977" x2="9.348" y1="26.895" y2="26.895" gradientUnits="userSpaceOnUse"><stop stop-color="#88C992"/><stop offset="1" stop-color="#8FDF97" stop-opacity="0"/></linearGradient><radialGradient id="iiTTA3c" cx="0" cy="0" r="1" gradientTransform="matrix(0 .48438 -2.86899 0 17.469 2.488)" gradientUnits="userSpaceOnUse"><stop offset=".226" stop-color="#DCDBDD"/><stop offset="1" stop-color="#CDCDCE" stop-opacity="0"/></radialGradient><radialGradient id="i7i167b" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.60938 9.71875 0 20.656 6.034)" gradientUnits="userSpaceOnUse"><stop stop-color="#E7E4EA"/><stop offset="1" stop-color="#D5D4D6" stop-opacity="0"/></radialGradient><radialGradient id="i4r7GMd" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.48438 -8.5625 0 20.625 27.519)" gradientUnits="userSpaceOnUse"><stop offset=".4" stop-color="#DAD1E4"/><stop offset="1" stop-color="#CABBDB" stop-opacity="0"/></radialGradient><filter id="iQyy0Wx" width="6.055" height="4.037" x="12.973" y="2.027" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".1"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19346"/></filter><filter id="i1TifAe" width="16.305" height="2.069" x="7.977" y="4.066" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy=".1"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.564706 0 0 0 0 0.560784 0 0 0 0 0.564706 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19346"/></filter></defs></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%22none%22%3E%3Cg%20filter%3D%22url(%23iQyy0Wx)%22%3E%3Cpath%20fill%3D%22url(%23iAbDTbe)%22%20d%3D%22M12.973%202.777a.75.75%200%200%201%20.75-.75h4.554a.75.75%200%200%201%20.75.75v3.187h-6.054z%22%2F%3E%3Cpath%20fill%3D%22url(%23iiTTA3c)%22%20d%3D%22M12.973%202.777a.75.75%200%200%201%20.75-.75h4.554a.75.75%200%200%201%20.75.75v3.187h-6.054z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23i1TifAe)%22%3E%3Cpath%20fill%3D%22url(%23iAw5LcT)%22%20d%3D%22M7.977%206.034c0-1.087.881-1.968%201.968-1.968h12.118c1.087%200%201.968.881%201.968%201.968z%22%2F%3E%3Cpath%20fill%3D%22url(%23i7i167b)%22%20d%3D%22M7.977%206.034c0-1.087.881-1.968%201.968-1.968h12.118c1.087%200%201.968.881%201.968%201.968z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23izVXWTx)%22%20d%3D%22M7.977%2028.019c0%201.087.881%201.969%201.968%201.969h12.118a1.97%201.97%200%200%200%201.968-1.97z%22%2F%3E%3Cpath%20fill%3D%22url(%23iyWVfgb)%22%20d%3D%22M7.977%2028.019c0%201.087.881%201.969%201.968%201.969h12.118a1.97%201.97%200%200%200%201.968-1.97z%22%2F%3E%3Cpath%20fill%3D%22url(%23i4r7GMd)%22%20d%3D%22M7.977%2028.019c0%201.087.881%201.969%201.968%201.969h12.118a1.97%201.97%200%200%200%201.968-1.97z%22%2F%3E%3Cpath%20fill%3D%22url(%23iXMbJkb)%22%20d%3D%22M7.977%206.034h16.055v21.984H7.977z%22%2F%3E%3Cpath%20fill%3D%22url(%23ipSKM3c)%22%20d%3D%22M7.977%206.034h16.055v21.984H7.977z%22%2F%3E%3Cpath%20fill%3D%22url(%23iUGlzLb)%22%20d%3D%22M7.977%206.034h16.055v21.984H7.977z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.384%208.675a.4.4%200%200%200-.4.4v.843a.05.05%200%200%201-.05.05h-.815a.4.4%200%200%200-.4.4v1.231a.4.4%200%200%200%20.4.4h.815a.05.05%200%200%201%20.05.05v.843c0%20.221.18.4.4.4h1.232a.4.4%200%200%200%20.4-.4v-.843a.05.05%200%200%201%20.05-.05h.815a.4.4%200%200%200%20.4-.4v-1.231a.4.4%200%200%200-.4-.4h-.815a.05.05%200%200%201-.05-.05v-.843a.4.4%200%200%200-.4-.4zm2.497%2014.277a.4.4%200%200%201%20.4.4v1.232a.4.4%200%200%201-.4.4H14.12a.4.4%200%200%201-.4-.4v-1.232a.4.4%200%200%201%20.4-.4z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22iAbDTbe%22%20x1%3D%2212.813%22%20x2%3D%2217.781%22%20y1%3D%223.55%22%20y2%3D%223.55%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238B8B8C%22%2F%3E%3Cstop%20offset%3D%22.994%22%20stop-color%3D%22%23D0D0D1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iAw5LcT%22%20x1%3D%2219.438%22%20x2%3D%228.531%22%20y1%3D%225.581%22%20y2%3D%225.581%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23CFCDD0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23959396%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22izVXWTx%22%20x1%3D%229.406%22%20x2%3D%2222.906%22%20y1%3D%2229.581%22%20y2%3D%2229.488%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%239A8AAB%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C4BBCF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iyWVfgb%22%20x1%3D%2216.004%22%20x2%3D%2216.004%22%20y1%3D%2229.988%22%20y2%3D%2228.644%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.093%22%20stop-color%3D%22%239B74BD%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23A089B8%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iXMbJkb%22%20x1%3D%2224.031%22%20x2%3D%228.835%22%20y1%3D%2225.013%22%20y2%3D%2225.013%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E2F981%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2391E097%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ipSKM3c%22%20x1%3D%2224.031%22%20x2%3D%2221.889%22%20y1%3D%2227.464%22%20y2%3D%2227.464%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D8E78F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D8F786%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iUGlzLb%22%20x1%3D%227.977%22%20x2%3D%229.348%22%20y1%3D%2226.895%22%20y2%3D%2226.895%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2388C992%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238FDF97%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22iiTTA3c%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20.48438%20-2.86899%200%2017.469%202.488)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.226%22%20stop-color%3D%22%23DCDBDD%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CDCDCE%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i7i167b%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-1.60938%209.71875%200%2020.656%206.034)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E7E4EA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D5D4D6%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i4r7GMd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%201.48438%20-8.5625%200%2020.625%2027.519)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%23DAD1E4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CABBDB%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22iQyy0Wx%22%20width%3D%226.055%22%20height%3D%224.037%22%20x%3D%2212.973%22%20y%3D%222.027%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.690196%200%200%200%200%200.690196%200%200%200%200%200.690196%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_19346%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22i1TifAe%22%20width%3D%2216.305%22%20height%3D%222.069%22%20x%3D%227.977%22%20y%3D%224.066%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.25%22%20dy%3D%22.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.564706%200%200%200%200%200.560784%200%200%200%200%200.564706%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_19346%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%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%22none%22%3E%3Cg%20filter%3D%22url(%23iQyy0Wx)%22%3E%3Cpath%20fill%3D%22url(%23iAbDTbe)%22%20d%3D%22M12.973%202.777a.75.75%200%200%201%20.75-.75h4.554a.75.75%200%200%201%20.75.75v3.187h-6.054z%22%2F%3E%3Cpath%20fill%3D%22url(%23iiTTA3c)%22%20d%3D%22M12.973%202.777a.75.75%200%200%201%20.75-.75h4.554a.75.75%200%200%201%20.75.75v3.187h-6.054z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23i1TifAe)%22%3E%3Cpath%20fill%3D%22url(%23iAw5LcT)%22%20d%3D%22M7.977%206.034c0-1.087.881-1.968%201.968-1.968h12.118c1.087%200%201.968.881%201.968%201.968z%22%2F%3E%3Cpath%20fill%3D%22url(%23i7i167b)%22%20d%3D%22M7.977%206.034c0-1.087.881-1.968%201.968-1.968h12.118c1.087%200%201.968.881%201.968%201.968z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23izVXWTx)%22%20d%3D%22M7.977%2028.019c0%201.087.881%201.969%201.968%201.969h12.118a1.97%201.97%200%200%200%201.968-1.97z%22%2F%3E%3Cpath%20fill%3D%22url(%23iyWVfgb)%22%20d%3D%22M7.977%2028.019c0%201.087.881%201.969%201.968%201.969h12.118a1.97%201.97%200%200%200%201.968-1.97z%22%2F%3E%3Cpath%20fill%3D%22url(%23i4r7GMd)%22%20d%3D%22M7.977%2028.019c0%201.087.881%201.969%201.968%201.969h12.118a1.97%201.97%200%200%200%201.968-1.97z%22%2F%3E%3Cpath%20fill%3D%22url(%23iXMbJkb)%22%20d%3D%22M7.977%206.034h16.055v21.984H7.977z%22%2F%3E%3Cpath%20fill%3D%22url(%23ipSKM3c)%22%20d%3D%22M7.977%206.034h16.055v21.984H7.977z%22%2F%3E%3Cpath%20fill%3D%22url(%23iUGlzLb)%22%20d%3D%22M7.977%206.034h16.055v21.984H7.977z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.384%208.675a.4.4%200%200%200-.4.4v.843a.05.05%200%200%201-.05.05h-.815a.4.4%200%200%200-.4.4v1.231a.4.4%200%200%200%20.4.4h.815a.05.05%200%200%201%20.05.05v.843c0%20.221.18.4.4.4h1.232a.4.4%200%200%200%20.4-.4v-.843a.05.05%200%200%201%20.05-.05h.815a.4.4%200%200%200%20.4-.4v-1.231a.4.4%200%200%200-.4-.4h-.815a.05.05%200%200%201-.05-.05v-.843a.4.4%200%200%200-.4-.4zm2.497%2014.277a.4.4%200%200%201%20.4.4v1.232a.4.4%200%200%201-.4.4H14.12a.4.4%200%200%201-.4-.4v-1.232a.4.4%200%200%201%20.4-.4z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22iAbDTbe%22%20x1%3D%2212.813%22%20x2%3D%2217.781%22%20y1%3D%223.55%22%20y2%3D%223.55%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238B8B8C%22%2F%3E%3Cstop%20offset%3D%22.994%22%20stop-color%3D%22%23D0D0D1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iAw5LcT%22%20x1%3D%2219.438%22%20x2%3D%228.531%22%20y1%3D%225.581%22%20y2%3D%225.581%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23CFCDD0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23959396%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22izVXWTx%22%20x1%3D%229.406%22%20x2%3D%2222.906%22%20y1%3D%2229.581%22%20y2%3D%2229.488%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%239A8AAB%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C4BBCF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iyWVfgb%22%20x1%3D%2216.004%22%20x2%3D%2216.004%22%20y1%3D%2229.988%22%20y2%3D%2228.644%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.093%22%20stop-color%3D%22%239B74BD%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23A089B8%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iXMbJkb%22%20x1%3D%2224.031%22%20x2%3D%228.835%22%20y1%3D%2225.013%22%20y2%3D%2225.013%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E2F981%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2391E097%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ipSKM3c%22%20x1%3D%2224.031%22%20x2%3D%2221.889%22%20y1%3D%2227.464%22%20y2%3D%2227.464%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D8E78F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D8F786%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iUGlzLb%22%20x1%3D%227.977%22%20x2%3D%229.348%22%20y1%3D%2226.895%22%20y2%3D%2226.895%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2388C992%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238FDF97%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22iiTTA3c%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20.48438%20-2.86899%200%2017.469%202.488)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.226%22%20stop-color%3D%22%23DCDBDD%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CDCDCE%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i7i167b%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-1.60938%209.71875%200%2020.656%206.034)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E7E4EA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D5D4D6%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i4r7GMd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%201.48438%20-8.5625%200%2020.625%2027.519)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%23DAD1E4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CABBDB%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22iQyy0Wx%22%20width%3D%226.055%22%20height%3D%224.037%22%20x%3D%2212.973%22%20y%3D%222.027%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.690196%200%200%200%200%200.690196%200%200%200%200%200.690196%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_19346%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22i1TifAe%22%20width%3D%2216.305%22%20height%3D%222.069%22%20x%3D%227.977%22%20y%3D%224.066%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.25%22%20dy%3D%22.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.564706%200%200%200%200%200.560784%200%200%200%200%200.564706%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_19346%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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