Add icons to this collection by clicking the heart icon.
Switch icon - also known as computer, light, lamp, button, electric, electrical, electricity, push, electronics, switch, switch on, switch off, and light switch. Created in a clean lineal color style with a white, gray, blue, orange, and pink 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="378.974"
x2="130.974"
y1="16.81"
y2="640.81"
gradientUnits="userSpaceOnUse"
>
<stop offset=".002" stop-color="#ffc599" />
<stop offset=".992" stop-color="#ffe8dc" stop-opacity="0" />
</linearGradient>
<path
fill="url(#a)"
d="M465.257 164.114c-14.861-17.312-24.645-38.356-29.218-60.708-3.878-18.954-12.095-35.401-24.961-48.267-58.773-58.773-192.264-20.572-298.161 85.325s-144.098 239.387-85.325 298.16c27.937 27.937 72.757 33.955 123.469 21.212 29.453-7.401 60.532-4.287 88.29 8.03 23.202 10.295 48.799 16.173 75.724 16.566 105.676 1.543 193.748-82.552 196.839-188.195 1.479-50.505-16.354-96.822-46.657-132.123z"
/>
<path
fill="#00c"
d="M472.217 159.851h-98.349a5 5 0 0 0-5 5v45.104H91c-5.523 0-10 4.477-10 10V350.64H39.783a5 5 0 0 0-5 5v74.419a5 5 0 0 0 5 5h98.348a5 5 0 0 0 5-5v-45.104H421c5.523 0 10-4.477 10-10V244.271h41.217a5 5 0 0 0 5-5v-74.419a5 5 0 0 0-5-5.001z"
opacity=".1"
/>
<path fill="#fff" d="M256 357.956H81v-165c0-5.523 4.477-10 10-10h165z" />
<g fill="#6c6cff">
<path
d="M161.167 266.313h14.667a5 5 0 0 1 5 5v38.988a5 5 0 0 1-5 5h-14.667a5 5 0 0 1-5-5v-38.988a5 5 0 0 1 5-5zM156.327 230.61v14.667a5 5 0 0 1-5 5h-38.988a5 5 0 0 1-5-5V230.61a5 5 0 0 1 5-5h38.988a5 5 0 0 1 5 5zM229.661 230.61v14.667a5 5 0 0 1-5 5h-38.988a5 5 0 0 1-5-5V230.61a5 5 0 0 1 5-5h38.988a5 5 0 0 1 5 5z"
/>
</g>
<g fill="#d9d9ff">
<circle cx="104.358" cy="206.314" r="7.443" />
<circle cx="232.642" cy="334.598" r="7.443" />
</g>
<g fill="#6c6cff">
<path
d="M133.5 287.869H129a5 5 0 0 1-5-5v-12.173a5 5 0 0 1 5-5h4.5a5 5 0 0 1 5 5v12.173a5 5 0 0 1-5 5zM208 287.869h-4.5a5 5 0 0 1-5-5v-12.173a5 5 0 0 1 5-5h4.5a5 5 0 0 1 5 5v12.173a5 5 0 0 1-5 5z"
/>
</g>
<path fill="#fff" d="M431 182.956v165c0 5.523-4.477 10-10 10H256v-175z" />
<path
fill="#fff3ee"
d="M431 182.956v54.17h-57.13c-2.76 0-5-2.24-5-5v-49.17z"
/>
<path
fill="#ffab66"
d="M343.5 206.786c-35.16 0-63.67 28.51-63.67 63.67s28.51 63.67 63.67 63.67 63.67-28.51 63.67-63.67-28.51-63.67-63.67-63.67zm0 108.92c-24.99 0-45.25-20.26-45.25-45.25s20.26-45.25 45.25-45.25 45.25 20.26 45.25 45.25-20.26 45.25-45.25 45.25z"
/>
<path
fill="#ff9d33"
d="M397.75 237.126h-23.64a44.152 44.152 0 0 0-5.15-4.08c-.06-.3-.09-.61-.09-.92v-20.07c12 5.21 22.08 14.02 28.88 25.07z"
/>
<circle cx="343.5" cy="270.456" r="18.847" fill="#ff6c6c" />
<g fill="#d9d9ff">
<circle cx="279.358" cy="206.314" r="7.443" />
<circle cx="407.642" cy="334.598" r="7.443" />
</g>
<path
fill="#ffc599"
d="M368.868 212.271v-74.419a5 5 0 0 1 5-5h98.348a5 5 0 0 1 5 5v74.419a5 5 0 0 1-5 5h-98.348a5 5 0 0 1-5-5z"
/>
<path
fill="#ff7300"
d="M407.164 159.241h31.758c8.738 0 15.824 7.08 15.824 15.818s-7.086 15.824-15.824 15.824h-31.758c-8.745 0-15.824-7.086-15.824-15.824 0-4.369 1.768-8.325 4.634-11.184a15.759 15.759 0 0 1 11.19-4.634z"
/>
<circle cx="407.161" cy="175.061" r="15.823" fill="#fff" />
<path
fill="#6c6cff"
d="M34.783 403.06v-74.419a5 5 0 0 1 5-5h98.348a5 5 0 0 1 5 5v74.419a5 5 0 0 1-5 5H39.783a5 5 0 0 1-5-5z"
/>
<g fill="#00c">
<path
d="M472.217 127.852h-98.349c-5.514 0-10 4.486-10 10v40.104H91c-8.271 0-15 6.729-15 15v125.685H39.783c-5.514 0-10 4.486-10 10v74.42c0 5.514 4.486 10 10 10h98.349c5.514 0 10-4.486 10-10v-40.104H421c8.271 0 15-6.729 15-15v-96.685c0-2.762-2.238-5-5-5s-5 2.238-5 5v96.685c0 2.757-2.243 5-5 5H261v-165h102.868v24.314c0 5.514 4.486 10 10 10h98.349c5.514 0 10-4.486 10-10v-74.419c0-5.514-4.487-10-10-10zM138.132 318.641H115a5 5 0 1 0 0 10h23.131v74.42H39.783v-74.42H81a5 5 0 0 0 5-5V192.956c0-2.757 2.243-5 5-5h160v165H148.132v-24.315c0-5.514-4.486-10-10-10zm334.085-106.37-98.349.007v-74.426h98.349zM280.433 141.771a5.001 5.001 0 0 0 2.598-9.276 52.123 52.123 0 0 0-27.031-7.55 52.108 52.108 0 0 0-27.031 7.55 5.001 5.001 0 0 0 5.186 8.551A42.108 42.108 0 0 1 256 134.945a42.095 42.095 0 0 1 21.844 6.101c.811.49 1.705.725 2.589.725z"
/>
<path
d="M256 145.103a25.05 25.05 0 0 0-12.99 3.629 5 5 0 0 0 5.186 8.551c4.701-2.852 10.907-2.851 15.607 0a4.996 4.996 0 0 0 6.868-1.682 5 5 0 0 0-1.683-6.868 25.017 25.017 0 0 0-12.988-3.63zM218.577 124.687c.883 0 1.778-.234 2.588-.726A67.155 67.155 0 0 1 256 114.232a67.155 67.155 0 0 1 34.836 9.729 5 5 0 1 0 5.185-8.551A77.154 77.154 0 0 0 256 104.232a77.146 77.146 0 0 0-40.021 11.178 5 5 0 0 0 2.598 9.277z"
/>
</g>
<g opacity=".1">
<path
fill="#00c"
d="M280.433 168.771a4.972 4.972 0 0 1-2.588-.726c-6.579-3.991-14.132-6.1-21.845-6.1s-15.266 2.109-21.845 6.1a5 5 0 0 1-5.186-8.55c8.143-4.939 17.49-7.55 27.031-7.55s18.889 2.611 27.031 7.55a5 5 0 0 1-2.598 9.276zM266.392 185.007a4.972 4.972 0 0 1-2.588-.726c-4.698-2.85-10.908-2.85-15.606 0a5 5 0 1 1-5.186-8.55c3.914-2.374 8.405-3.628 12.99-3.628s9.076 1.255 12.99 3.628a5 5 0 0 1-2.6 9.276zM293.423 151.686a4.972 4.972 0 0 1-2.588-.726c-10.491-6.364-22.537-9.729-34.835-9.729s-24.344 3.364-34.835 9.729a5 5 0 0 1-5.186-8.55c12.055-7.313 25.895-11.179 40.021-11.179s27.966 3.866 40.021 11.179a5 5 0 0 1-2.598 9.276z"
/>
</g>
<path
fill="#ffc599"
d="m97.503 343.825-6.987 16.768h10.976c1.114 0 1.703 1.319.959 2.149l-20.98 27.597c-1.307 1.72-3.983.106-3.071-1.853l9.746-20.936h-11.93a1.288 1.288 0 0 1-1.189-1.784l9.555-22.932c.2-.48.669-.793 1.189-.793h10.543c.919 0 1.543.935 1.189 1.784z"
/>
<path
fill="#ff9d33"
d="M88.958 104.524a4.984 4.984 0 0 1-3.536-1.465L74.129 91.768a4.998 4.998 0 0 1 0-7.07l11.292-11.293a5 5 0 0 1 7.072 0l11.292 11.293a4.998 4.998 0 0 1 0 7.07L92.493 103.06a4.984 4.984 0 0 1-3.535 1.464zm-4.222-16.292 4.221 4.221 4.221-4.221-4.221-4.222z"
/>
<path
fill="#6c6cff"
d="M143.132 138.415a4.984 4.984 0 0 1-3.536-1.465l-11.292-11.292a4.998 4.998 0 0 1 0-7.07l11.292-11.293a5 5 0 0 1 7.072 0l11.292 11.293a4.998 4.998 0 0 1 0 7.07l-11.292 11.292a4.984 4.984 0 0 1-3.536 1.465zm-4.221-16.292 4.221 4.221 4.221-4.221-4.221-4.222z"
/>
<path
fill="#ff6c6c"
d="M198.5 439.275a4.997 4.997 0 0 1-3.536-1.465l-11.292-11.293a4.998 4.998 0 0 1 0-7.07l11.292-11.292a5 5 0 0 1 7.071 0l11.292 11.292a4.998 4.998 0 0 1 0 7.07l-11.292 11.293a4.993 4.993 0 0 1-3.535 1.465zm-4.221-16.293 4.221 4.222 4.221-4.222-4.221-4.221z"
/>
<path
fill="#6c6cff"
d="M391.34 434.607c-7.292 0-13.225-5.933-13.225-13.225s5.933-13.225 13.225-13.225 13.225 5.933 13.225 13.225-5.933 13.225-13.225 13.225zm0-16.449c-1.778 0-3.225 1.446-3.225 3.225s1.446 3.225 3.225 3.225 3.225-1.446 3.225-3.225-1.447-3.225-3.225-3.225zM343.5 113.348c-7.292 0-13.225-5.933-13.225-13.225s5.933-13.225 13.225-13.225 13.225 5.933 13.225 13.225-5.933 13.225-13.225 13.225zm0-16.45c-1.778 0-3.225 1.446-3.225 3.225s1.446 3.225 3.225 3.225 3.225-1.446 3.225-3.225-1.447-3.225-3.225-3.225z"
/>
</svg>
More icons in the same style and category