Add icons to this collection by clicking the heart icon.
Switch icon - also known as technology, control, power, electrical, electronics, toggle button, switch, and miscellaneous. Created in a clean linear colour style with a white, silver, gray, and teal 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"
>
<path fill="#ddecf5" d="M496 51.22v409.56H16V51.22z" />
<path fill="#b6cad3" d="M464.13 83.1v345.8H47.87V83.1z" />
<path
fill="#b3d1e7"
d="M429.97 144.91v222.18a23.383 23.383 0 0 1-23.38 23.38H105.41a23.383 23.383 0 0 1-23.38-23.38V144.91a23.383 23.383 0 0 1 23.38-23.38h301.18a23.383 23.383 0 0 1 23.38 23.38z"
/>
<path
fill="#6d6d93"
d="M367.37 184.89v142.22a14.967 14.967 0 0 1-14.97 14.97H159.6a14.967 14.967 0 0 1-14.97-14.97V184.89a14.967 14.967 0 0 1 14.97-14.97h192.8a14.967 14.967 0 0 1 14.97 14.97z"
/>
<path fill="#99b7c6" d="M270.87 229.56H338v85.79h-67.13z" />
<path fill="#4ca987" d="M270.87 196.65H338v32.91h-67.13z" />
<path fill="#e87187" d="M174 282.44h67.13v32.91H174z" />
<path fill="#99b7c6" d="M174 196.65h67.13v85.79H174z" />
<path
fill="#8eaabc"
d="M111.032 367.09V144.91a23.383 23.383 0 0 1 23.38-23.38h-30a23.383 23.383 0 0 0-23.38 23.38v222.18a23.383 23.383 0 0 0 23.38 23.38h30a23.383 23.383 0 0 1-23.38-23.38z"
/>
<path
fill="#6d8593"
d="M394.8 166.05a8.78 8.78 0 1 0-8.77-8.78 8.779 8.779 0 0 0 8.77 8.78zM394.8 345.95a8.78 8.78 0 1 0 8.78 8.78 8.777 8.777 0 0 0-8.78-8.78zM117.2 148.49a8.78 8.78 0 1 0 8.77 8.78 8.779 8.779 0 0 0-8.77-8.78zM117.2 345.95a8.78 8.78 0 1 0 8.77 8.78 8.779 8.779 0 0 0-8.77-8.78z"
/>
<g fill="#284268">
<path
d="M159.6 347.084h192.8a21 21 0 0 0 20.972-20.971V183.887a21 21 0 0 0-20.972-20.971H159.6a21 21 0 0 0-20.972 20.971v142.226a21 21 0 0 0 20.972 20.971zm-8.972-163.2a8.982 8.982 0 0 1 8.972-8.971h192.8a8.982 8.982 0 0 1 8.972 8.971v142.229a8.982 8.982 0 0 1-8.972 8.971H159.6a8.982 8.982 0 0 1-8.972-8.971z"
/>
<path
d="M270.866 320.354H338a6 6 0 0 0 6-6V195.646a6 6 0 0 0-6-6h-67.134a6 6 0 0 0-6 6v118.708a6 6 0 0 0 6 6zm6-118.708H332v20.917h-55.134zm0 32.917H332v73.791h-55.134zM174 320.354h67.138a6 6 0 0 0 6-6V195.646a6 6 0 0 0-6-6H174a6 6 0 0 0-6 6v118.708a6 6 0 0 0 6 6zm6-118.708h55.138v73.791H180zm0 85.791h55.138v20.917H180z"
/>
<path
d="M496 44.225H16a6 6 0 0 0-6 6v409.55a6 6 0 0 0 6 6h480a6 6 0 0 0 6-6V50.225a6 6 0 0 0-6-6zm-6 409.55H22V56.225h468z"
/>
<path
d="M406.586 395.472a29.419 29.419 0 0 0 29.387-29.386V143.914a29.419 29.419 0 0 0-29.387-29.386H105.414a29.419 29.419 0 0 0-29.387 29.386v222.172a29.419 29.419 0 0 0 29.387 29.386zM88.027 366.086V143.914a17.406 17.406 0 0 1 17.387-17.386h301.172a17.406 17.406 0 0 1 17.387 17.386v222.172a17.406 17.406 0 0 1-17.387 17.386H105.414a17.406 17.406 0 0 1-17.387-17.386z"
/>
<path
d="M394.8 171.046a14.776 14.776 0 1 0-14.776-14.775 14.792 14.792 0 0 0 14.776 14.775zm0-17.551a2.776 2.776 0 1 1-2.776 2.776 2.779 2.779 0 0 1 2.776-2.771zM394.8 368.505a14.776 14.776 0 1 0-14.776-14.776 14.792 14.792 0 0 0 14.776 14.776zm0-17.551a2.776 2.776 0 1 1-2.776 2.775 2.779 2.779 0 0 1 2.776-2.775zM117.2 171.046a14.776 14.776 0 1 0-14.776-14.775 14.792 14.792 0 0 0 14.776 14.775zm0-17.551a2.776 2.776 0 1 1-2.776 2.776 2.779 2.779 0 0 1 2.776-2.771zM117.2 368.505a14.776 14.776 0 1 0-14.776-14.776 14.792 14.792 0 0 0 14.776 14.776zm0-17.551a2.776 2.776 0 1 1-2.776 2.775 2.779 2.779 0 0 1 2.776-2.775zM112.092 287.972v-69.321a6 6 0 0 0-12 0v69.321a6 6 0 0 0 12 0zM106.092 203.313a6 6 0 0 0 6-6v-6.268a6 6 0 0 0-12 0v6.268a6 6 0 0 0 6 6z"
/>
<path
d="M47.875 433.9h416.25a6 6 0 0 0 6-6V82.1a6 6 0 0 0-6-6H47.875a6 6 0 0 0-6 6v46.4a6 6 0 0 0 12 0V88.1h404.25v333.8H53.875V178.5a6 6 0 0 0-12 0v249.4a6 6 0 0 0 6 6z"
/>
</g>
</svg>
More icons in the same style and category