Add icons to this collection by clicking the heart icon.
Electric icon - also known as technology, electric, power, energy, electrical, electricity, plug, charging, and electronics. Created in a clean lineal color style with a white, gray, black, yellow, 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 0c0-137.242-111.257-248.5-248.5-248.5C-385.742-248.5-497-137.242-497 0c0 137.243 111.258 248.5 248.5 248.5C-111.257 248.5 0 137.243 0 0"
transform="translate(504.499 255.999)"
fill="#295d76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.688 0-7.352-.097-11-.255C121.137-6.013 226.5-114.944 226.5-248.5S121.137-490.986-11-496.744c3.648-.159 7.312-.256 11-.256 137.243 0 248.5 111.258 248.5 248.5C248.5-111.257 137.243 0 0 0"
transform="translate(255.999 504.499)"
fill="#1f4658"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-118.944-96.424-215.367-215.368-215.367-118.944 0-215.367 96.423-215.367 215.367 0 118.944 96.423 215.368 215.367 215.368C-96.424 215.368 0 118.944 0 0"
transform="translate(471.367 255.999)"
fill="#e6f1fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.688 0-7.355-.094-11-.277 113.833-5.727 204.368-99.835 204.368-215.091 0-115.255-90.535-209.363-204.368-215.091 3.645-.183 7.312-.277 11-.277 118.944 0 215.368 96.424 215.368 215.368C215.368-96.424 118.944 0 0 0"
transform="translate(255.999 471.367)"
fill="#cee4f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a218.337 218.337 0 0 1 33.133 0v80.842H0Z"
transform="translate(239.433 41.26)"
fill="#feda43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c1.807-.045 3.616-.076 5.434-.076 5.574 0 11.098.213 16.566.629v80.842H0Z"
transform="translate(250.565 40.707)"
fill="#fdb53e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-35.434a6 6 0 0 1 6-6h37.701a6 6 0 0 1 6 6V0a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6"
transform="translate(231.15 148.333)"
fill="#537d91"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22a6 6 0 0 0 6-6v-35.435a6 6 0 0 0-6-6H0a6 6 0 0 1 6 6V-6a6 6 0 0 1-6 6"
transform="translate(274.85 154.334)"
fill="#45738a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 9.149-7.417 16.566-16.566 16.566-9.15 0-16.567-7.417-16.567-16.566v-87.832H-.001Z"
transform="translate(222.867 421.665)"
fill="#537d91"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.228 0-8.073-1.597-11.001-4.203 3.408-3.034 5.566-7.442 5.566-12.363l-.002-87.833h22.002l.002 87.833C16.567-7.417 9.149 0 0 0"
transform="translate(206.3 438.231)"
fill="#45738a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 9.149-7.417 16.566-16.566 16.566-9.15 0-16.567-7.417-16.567-16.566v-87.832H-.001Z"
transform="translate(322.266 421.665)"
fill="#537d91"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.228 0-8.073-1.597-11.001-4.203 3.408-3.034 5.566-7.442 5.566-12.363l-.002-87.833h22.002l.001 87.833C16.566-7.417 9.149 0 0 0"
transform="translate(305.7 438.231)"
fill="#45738a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-87.832c0-45.748-37.086-82.834-82.834-82.834-45.747 0-82.833 37.086-82.833 82.834v87.83z"
transform="translate(338.833 310.7)"
fill="#295d76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-87.831c0-42.016-31.29-76.701-71.834-82.085a83.521 83.521 0 0 1 11-.749c45.748 0 82.834 37.086 82.834 82.834V.001Z"
transform="translate(316.833 310.698)"
fill="#1f4658"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-186.802a6 6 0 0 0-6 6v21.136a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6"
transform="translate(349.4 305.697)"
fill="#feda43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22a6 6 0 0 0 6-6v-21.134a6 6 0 0 0-6-6H0a6 6 0 0 1 6 6V-6a6 6 0 0 1-6 6"
transform="translate(349.4 338.832)"
fill="#fdb53e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-24.59-39.345c-2.498-3.996.375-9.179 5.088-9.179h16.308a6 6 0 0 0 6-6v-23.71c0-6.481 8.85-8.36 11.482-2.438l17.901 40.277c1.763 3.968-1.14 8.437-5.482 8.437l-9.619.001a6 6 0 0 0-6 6V-3.18C11.088 2.849 3.195 5.112 0 0"
transform="translate(253.194 271.39)"
fill="#feda43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 9.149-7.417 16.566-16.566 16.566-9.15 0-16.567-7.417-16.567-16.566v-82.832H-.001Z"
transform="translate(222.867 421.665)"
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 0h33.132"
transform="translate(189.734 405.099)"
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 0c0 9.149-7.417 16.566-16.566 16.566-9.15 0-16.567-7.417-16.567-16.566v-82.832H-.001Z"
transform="translate(322.266 421.665)"
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 0h33.132"
transform="translate(289.133 405.099)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M355.4 305.697H156.598v33.136H355.4Z"
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 0v-82.83c0-45.748 37.086-82.834 82.833-82.834 45.748 0 82.834 37.086 82.834 82.834V.002"
transform="translate(173.166 305.697)"
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 0v-34.791h49.701V0"
transform="translate(231.15 141.69)"
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 0c44.41 41.505 104.059 66.91 169.641 66.91 137.243 0 248.5-111.257 248.5-248.5 0-137.242-111.257-248.5-248.5-248.5s-248.5 111.258-248.5 248.5c0 60.091 21.329 115.199 56.828 158.169"
transform="translate(86.358 437.589)"
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 0c0-118.944-96.424-215.367-215.368-215.367-118.944 0-215.367 96.423-215.367 215.367 0 118.944 96.423 215.368 215.367 215.368C-96.424 215.368 0 118.944 0 0Z"
transform="translate(471.367 255.999)"
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 0v-64.197"
transform="translate(239.433 106.9)"
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 0v-64.197"
transform="translate(272.565 106.9)"
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 0-41.415-66.266h33.133v-57.983l33.133 74.55L0-49.698Z"
transform="translate(264.282 289.132)"
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