Add icons to this collection by clicking the heart icon.
Power icon - also known as interface, power, energy, multimedia, shutdown, multimedia option, power on, power button, start button, and music and multimedia. Created in a clean lineal color style with a white, teal, and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M256 0C114.844 0 0 114.844 0 256s114.844 256 256 256 256-114.844 256-256S397.156 0 256 0z"
fill="#303c42"
/>
<path
d="M256 490.667C126.604 490.667 21.333 385.396 21.333 256S126.604 21.333 256 21.333 490.667 126.604 490.667 256 385.396 490.667 256 490.667z"
fill="#1e88e5"
/>
<path
d="M42.667 277.333c0-129.396 105.271-234.667 234.667-234.667 59.277 0 113.332 22.267 154.682 58.651C388.978 52.406 326.118 21.333 256 21.333 126.604 21.333 21.333 126.604 21.333 256c0 70.118 31.073 132.978 79.984 176.016-36.383-41.351-58.65-95.405-58.65-154.683z"
opacity=".2"
fill="#fff"
/>
<path
d="M256 245.333a10.66 10.66 0 0 0 10.667-10.667v-160A10.66 10.66 0 0 0 256 64a10.66 10.66 0 0 0-10.667 10.667v160A10.66 10.66 0 0 0 256 245.333z"
fill="#303c42"
/>
<path
d="M313.438 118.156c-5.417-2.281-11.688.292-13.948 5.74-2.271 5.438.302 11.677 5.74 13.948C353.083 157.802 384 204.177 384 256c0 70.583-57.417 128-128 128s-128-57.417-128-128c0-51.823 30.917-98.198 78.771-118.156 5.438-2.271 8.01-8.51 5.74-13.948-2.26-5.438-8.521-8-13.948-5.74-55.823 23.282-91.896 77.386-91.896 137.844 0 82.344 66.99 149.333 149.333 149.333S405.333 338.344 405.333 256c0-60.458-36.073-114.562-91.895-137.844z"
fill="#303c42"
/>
<linearGradient
id="a"
x1="-39.045"
x2="-27.031"
y1="638.631"
y2="626.616"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M256 384c70.583 0 128-57.417 128-128 0-51.823-30.917-98.198-78.771-118.156-5.438-2.271-8.01-8.51-5.74-13.948 2.26-5.448 8.531-8.021 13.948-5.74.645.27 1.207.659 1.846.936L264.021 67.83c1.586 1.862 2.645 4.197 2.645 6.836v160a10.66 10.66 0 0 1-10.667 10.667 10.66 10.66 0 0 1-10.667-10.667v-77.948l-32.823-32.823c2.271 5.438-.302 11.677-5.74 13.948C158.917 157.802 128 204.177 128 256c0 70.583 57.417 128 128 128zm131.234-199.346-.632-.421c11.846 21.568 18.73 45.993 18.73 71.767 0 82.344-66.99 149.333-149.333 149.333-40.318 0-76.889-16.129-103.784-42.186L278.59 489.522c108.905-10.457 196.104-95.669 209.944-203.566l-101.3-101.302zm-239.79 173.721 1.409 1.409c-.508-.523-.971-1.087-1.473-1.62l.064.211z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-45.578"
x2="-23.828"
y1="639.555"
y2="629.414"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M256 0C114.844 0 0 114.844 0 256s114.844 256 256 256 256-114.844 256-256S397.156 0 256 0z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category