Add icons to this collection by clicking the heart icon.
Battery icon - also known as power, energy, charge, battery, environment, and electronics. Created in a clean blue style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 60 60"
>
<g fill="none" fill-rule="evenodd">
<path
fill="#c4d6f8"
d="M14 1h4a3 3 0 0 1 3 3v2H11V4a3 3 0 0 1 3-3zM15.15 41.24c4.16 5.61 1.8 9.32 5.89 13.76H4a3 3 0 0 1-3-3V20h30v22.84c-5.63-2.83-12.27-2.92-15.21-2.81a.76.76 0 0 0-.64 1.21z"
/>
<path
fill="#a2c1f9"
d="M28 20v21.6c1.028.34 2.03.753 3 1.235V20zM15.778 40.032a39.248 39.248 0 0 0-2.988 0 .76.76 0 0 0-.64 1.21c4.16 5.61 1.8 9.32 5.89 13.76h3c-4.09-4.44-1.73-8.15-5.89-13.76a.759.759 0 0 1 .628-1.21z"
/>
<path fill="#e8edfc" d="M31 9v11H1V9a3 3 0 0 1 3-3h24a3 3 0 0 1 3 3z" />
<path fill="#cad9fc" d="M28 6h-3a3 3 0 0 1 3 3v11h3V9a3 3 0 0 0-3-3z" />
<path
fill="#e8edfc"
d="M35.53 56.77a9.936 9.936 0 0 1-12.13.32A16.352 16.352 0 0 1 21.04 55a11.924 11.924 0 0 1-2.95-6.59 16.331 16.331 0 0 0-2.39-6.38c-.17-.26-.35-.52-.55-.79a.856.856 0 0 1-.11-.24.754.754 0 0 1 .75-.97 39.52 39.52 0 0 1 6.68.31 27.422 27.422 0 0 1 8.53 2.5 18.5 18.5 0 0 1 2.15 1.25 10.658 10.658 0 0 0 .89 11.12c.44.572.939 1.095 1.49 1.56z"
/>
<path
fill="#cad9fc"
d="M34.04 55.21a10.658 10.658 0 0 1-.89-11.12A18.5 18.5 0 0 0 31 42.84a27.422 27.422 0 0 0-8.53-2.5 39.52 39.52 0 0 0-6.68-.31c1.1.042 2.352.132 3.681.31 2.96.364 5.84 1.208 8.529 2.5a18.5 18.5 0 0 1 2.15 1.25 10.658 10.658 0 0 0 .89 11.12c.44.572.939 1.095 1.49 1.56a9.654 9.654 0 0 1-4.8 2.11 9.891 9.891 0 0 0 7.8-2.11 10.044 10.044 0 0 1-1.49-1.56z"
/>
<path
fill="#e8edfc"
d="M58.82 35.63c-5.73 8.46-1.1 13.64-9.88 20.78a10.544 10.544 0 0 1-13.41.36 10.044 10.044 0 0 1-1.49-1.56 10.658 10.658 0 0 1-.89-11.12A12.063 12.063 0 0 1 36.39 40c7.25-5.91 17.53-6.14 21.67-5.96a1.008 1.008 0 0 1 .76 1.59z"
/>
<path
fill="#cad9fc"
d="M58.06 34.04a43.057 43.057 0 0 0-3.275-.009c.089 0 .191.005.275.009a1.008 1.008 0 0 1 .76 1.59c-5.73 8.46-1.1 13.64-9.88 20.78a11.434 11.434 0 0 1-5.625 2.48 11.113 11.113 0 0 0 8.625-2.48c8.78-7.14 4.15-12.32 9.88-20.78a1.008 1.008 0 0 0-.76-1.59z"
/>
<g fill="#e8edfc">
<path
d="m23.73 38.45-1.26 1.89a39.52 39.52 0 0 0-6.68-.31.754.754 0 0 0-.75.97H9.26a1.268 1.268 0 0 1-1.23-1.55l3.41-14.48a1.254 1.254 0 0 1 1.23-.97h5.74a1.257 1.257 0 0 1 1.22 1.55L17.17 36h5.25a1.576 1.576 0 0 1 1.31 2.45zM22.47 40.34l-.09.14M18.09 48.41 16.9 50.2a1.807 1.807 0 0 1-3.21-1.51c0-.01 2-6.66 2-6.66h.01a16.331 16.331 0 0 1 2.39 6.38z"
/>
</g>
<g fill="#fff">
<path
d="M4 55h3a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3H4a3 3 0 0 0-3 3v43a3 3 0 0 0 3 3zM11 4v2h3V4a3 3 0 0 1 3-3h-3a3 3 0 0 0-3 3z"
/>
</g>
<g fill="#428dff">
<circle cx="1" cy="48" r="1" />
<path
d="M19 12h-2v-2a1 1 0 0 0-2 0v2h-2a1 1 0 0 0 0 2h2v2a1 1 0 0 0 2 0v-2h2a1 1 0 0 0 0-2z"
/>
<path
fill-rule="nonzero"
d="M58.1 33.04c-4.209-.191-14.816.042-22.341 6.185a12.954 12.954 0 0 0-2.972 3.458c-.26-.156-.524-.3-.79-.446V9a4 4 0 0 0-4-4H22V4a4 4 0 0 0-4-4h-4a4 4 0 0 0-4 4v1H4a4 4 0 0 0-4 4v35a1 1 0 0 0 2 0V21h28v20.278a28.192 28.192 0 0 0-5.828-1.686l.389-.584A2.577 2.577 0 0 0 22.42 35h-3.987l2.167-9.216A2.256 2.256 0 0 0 18.41 23h-5.74a2.242 2.242 0 0 0-2.2 1.74L7.056 39.228A2.267 2.267 0 0 0 9.26 42h5.2c.048.066.089.131.135.2l-1.864 6.207a2.715 2.715 0 0 0 1.529 3.275c.389.184.813.28 1.243.283a2.635 2.635 0 0 0 2.126-1.085A11.471 11.471 0 0 0 19.015 54H4a2 2 0 0 1-2-2 1 1 0 0 0-2 0 4 4 0 0 0 4 4h16.616c.677.687 1.407 1.32 2.184 1.891A10.875 10.875 0 0 0 29.283 60h.053a11.1 11.1 0 0 0 6.2-1.967 10.715 10.715 0 0 0 4.955 1.888c.438.052.879.078 1.32.078a12.4 12.4 0 0 0 7.755-2.814c5.309-4.318 5.988-8 6.706-11.907a21.293 21.293 0 0 1 3.372-9.085 2.05 2.05 0 0 0 .134-2.07A1.947 1.947 0 0 0 58.1 33.04zM12 4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1h-8zM2 19V9a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v10zm7.058 20.9A.259.259 0 0 1 9 39.68l3.411-14.488A.255.255 0 0 1 12.67 25h5.74c.079 0 .153.037.2.1a.245.245 0 0 1 .047.222L16.2 35.771A1 1 0 0 0 17.17 37h5.25a.576.576 0 0 1 .477.9l-.912 1.373a40.968 40.968 0 0 0-6.222-.239A1.809 1.809 0 0 0 14.2 40H9.26a.252.252 0 0 1-.202-.1zm6.05 9.964a.753.753 0 0 1-.459-.89l1.315-4.378a17.5 17.5 0 0 1 1.064 3.6l-.962 1.448a.726.726 0 0 1-.958.221zM29.326 58h-.043c-1.9.01-3.751-.59-5.283-1.713a15.843 15.843 0 0 1-2.24-1.979l-.023-.024c-1.84-2.011-2.212-3.838-2.651-6.012a17.226 17.226 0 0 0-2.859-7.255c3.215-.09 10.259.164 15.682 3.473a12.351 12.351 0 0 0-.871 5.267c-1.349-.917-2.932-1.9-4.672-2.986l-.8-.495a1.001 1.001 0 0 0-1.058 1.7l.8.5c2.526 1.572 4.717 2.938 6.261 4.139a10.589 10.589 0 0 0 2.4 4.059A9.242 9.242 0 0 1 29.326 58zm24.982-13.084c-.679 3.684-1.264 6.864-6 10.717a10.244 10.244 0 0 1-7.579 2.3 8.629 8.629 0 0 1-5.41-2.76c2.795-3.716 5.433-6.332 12.214-10.975A1 1 0 1 0 46.4 42.55c-6.706 4.59-9.505 7.285-12.3 10.914-2.2-4.034-1.041-9.467 2.917-12.69 6.031-4.922 14.309-5.753 19.011-5.753.749 0 1.408.022 1.952.051a23.258 23.258 0 0 0-3.672 9.844z"
/>
</g>
</g>
</svg>
More icons in the same style and category