Add icons to this collection by clicking the heart icon.
Switch icon - also known as control, on off, ui, electronics, switch, switch on, miscellaneous, toggle, and boolean. Created in a clean lineal gradient style, 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="-26"
x2="517.786"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient id="b" x2="517.786" y1="56" y2="56" href="#a" />
<linearGradient id="c" x2="517.786" y1="456" y2="456" href="#a" />
<linearGradient id="d" x2="517.786" y1="336" y2="336" href="#a" />
<path
fill="url(#a)"
d="M504 16H8a8 8 0 0 0-8 8v464a8 8 0 0 0 8 8h496a8 8 0 0 0 8-8V24a8 8 0 0 0-8-8zm-8 464H16V32h480z"
/>
<circle cx="40" cy="56" r="8" fill="url(#b)" />
<circle cx="472" cy="56" r="8" fill="url(#b)" />
<circle cx="40" cy="456" r="8" fill="url(#c)" />
<circle cx="472" cy="456" r="8" fill="url(#c)" />
<g fill="url(#a)">
<path
d="M356 64H156a28.031 28.031 0 0 0-28 28v328a28.031 28.031 0 0 0 28 28h200a28.031 28.031 0 0 0 28-28V92a28.031 28.031 0 0 0-28-28zm12 356a12.01 12.01 0 0 1-12 12H156a12.01 12.01 0 0 1-12-12V92a12.01 12.01 0 0 1 12-12h200a12.01 12.01 0 0 1 12 12z"
/>
<path
d="M344 96H168a8 8 0 0 0-8 8v304a8 8 0 0 0 8 8h176a8 8 0 0 0 8-8V104a8 8 0 0 0-8-8zm-8 304H176V264h160zm0-152H176V112h160zM472 320a8 8 0 0 0 8-8V200a8 8 0 0 0-16 0v112a8 8 0 0 0 8 8zM440 280a8 8 0 0 0 8-8v-32a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8zM40 320a8 8 0 0 0 8-8V200a8 8 0 0 0-16 0v112a8 8 0 0 0 8 8zM72 280a8 8 0 0 0 8-8v-32a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8z"
/>
</g>
<path
fill="url(#d)"
d="M256 296a24.028 24.028 0 0 0-24 24v32a24 24 0 0 0 48 0v-32a24.028 24.028 0 0 0-24-24zm8 56a8 8 0 0 1-16 0v-32a8 8 0 0 1 16 0z"
/>
</svg>
More icons in the same style and category