Add icons to this collection by clicking the heart icon.
Battery icon - also known as technology, battery, battery status, battery level, electronics, and full battery. Created in a clean lineal color style with a white, silver, gray, black, teal, and orange finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-132.533v32.311a6 6 0 0 0 6 6H-6a6 6 0 0 0 6-6z"
transform="translate(297.417 466.19)"
fill="#cce6ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-21.744a6.212 6.212 0 0 0 6.213-6.213v-32.098H6.213v32.098A6.213 6.213 0 0 1 0 0"
transform="translate(291.204 504.5)"
fill="#a6d6eb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v397.6c0 9.15-7.418 16.567-16.568 16.567H-198.8c-9.15 0-16.567-7.417-16.567-16.567V16.568c0-9.15 7.417-16.567 16.567-16.567z"
transform="translate(338.834 57.2)"
fill="#e8f8fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-21.743c9.149 0 16.567-7.417 16.567-16.567v-397.6h21.744v397.6C16.568-7.417 9.15 0 0 0"
transform="translate(322.266 471.366)"
fill="#c2e2ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-136.674a6.213 6.213 0 0 0-6.213 6.213v53.842a6.213 6.213 0 0 0 6.213 6.212H0a6.213 6.213 0 0 0 6.213-6.212V6.213A6.213 6.213 0 0 0 0 0"
transform="translate(299.487 90.333)"
fill="#60d882"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-136.674a6.213 6.213 0 0 0-6.213 6.213v53.842a6.213 6.213 0 0 0 6.213 6.212H0a6.213 6.213 0 0 0 6.213-6.212V6.213A6.212 6.212 0 0 0 0 0"
transform="translate(299.487 184.21)"
fill="#60d882"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-136.674a6.213 6.213 0 0 0-6.213 6.213v53.841a6.213 6.213 0 0 0 6.213 6.213H0a6.213 6.213 0 0 0 6.213-6.213V6.213A6.212 6.212 0 0 0 0 0"
transform="translate(299.487 278.089)"
fill="#60d882"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-136.674a6.213 6.213 0 0 0-6.213 6.212v53.842a6.213 6.213 0 0 0 6.213 6.213H0a6.213 6.213 0 0 0 6.213-6.213V6.212A6.212 6.212 0 0 0 0 0"
transform="translate(299.487 371.967)"
fill="#60d882"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-21.744a6.212 6.212 0 0 0 6.213-6.213v-53.842a6.213 6.213 0 0 0-6.213-6.212H0a6.213 6.213 0 0 1 6.213 6.212v53.842A6.213 6.213 0 0 1 0 0"
transform="translate(299.487 438.233)"
fill="#37c47a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-21.744a6.212 6.212 0 0 0 6.213-6.213v-53.841a6.213 6.213 0 0 0-6.213-6.213H0a6.213 6.213 0 0 1 6.213 6.213v53.841A6.213 6.213 0 0 1 0 0"
transform="translate(299.487 344.356)"
fill="#37c47a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-21.744a6.212 6.212 0 0 0 6.213-6.212v-53.842a6.213 6.213 0 0 0-6.213-6.213H0a6.213 6.213 0 0 1 6.213 6.213v53.842A6.213 6.213 0 0 1 0 0"
transform="translate(299.487 250.477)"
fill="#37c47a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-21.744a6.212 6.212 0 0 0 6.213-6.212v-53.842a6.213 6.213 0 0 0-6.213-6.213H0a6.213 6.213 0 0 1 6.213 6.213v53.842A6.213 6.213 0 0 1 0 0"
transform="translate(299.487 156.6)"
fill="#37c47a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-89.161c-6.157 0-10.162 6.48-7.409 11.987l44.581 89.162c3.052 6.105 11.764 6.105 14.817 0L7.409 11.987C10.163 6.48 6.158 0 0 0"
transform="translate(380.24 7.5)"
fill="#ffcd38"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-44.581 89.162c-3.053 6.105-11.765 6.105-14.817 0l-3.463-6.927L-21.744 0c2.754-5.507-1.251-11.987-7.408-11.987h21.743C-1.251-11.987 2.754-5.507 0 0"
transform="translate(387.648 19.487)"
fill="#ffac00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M297.417 471.366H164.884V504.5h132.533z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v132.531c0 9.151 7.417 16.568 16.567 16.568h182.232c9.15 0 16.568-7.417 16.568-16.568v-342.193"
transform="translate(123.467 322.268)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-162.215c-9.15 0-16.567 7.417-16.567 16.567v217.437"
transform="translate(302.249 57.2)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M305.7 90.333H156.6V156.6h149.1zM305.7 184.211H156.6v66.267h149.1zM305.7 278.089H156.6v66.267h149.1zM305.7 371.967H156.6v66.267h149.1z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-89.161c-6.157 0-10.162 6.48-7.409 11.987l44.581 89.162c3.052 6.105 11.764 6.105 14.817 0L7.409 11.987C10.163 6.48 6.158 0 0 0Z"
transform="translate(380.24 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v16.566"
transform="translate(335.66 53.059)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v4.142"
transform="translate(335.66 28.208)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category