Add icons to this collection by clicking the heart icon.
Switch icon - also known as technology, interface, power, turn off, ui, electronics, switch, shut down, and switch off. Created in a clean lineal color style with a white 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="M405.333 0H106.667C83.146 0 64 19.135 64 42.667v426.667C64 492.865 83.146 512 106.667 512h298.667c23.52 0 42.666-19.135 42.666-42.667V42.667C448 19.135 428.854 0 405.333 0z"
fill="#303c42"
/>
<path
d="M426.667 469.333c0 11.76-9.563 21.333-21.333 21.333H106.667c-11.771 0-21.333-9.573-21.333-21.333V42.667c0-11.76 9.563-21.333 21.333-21.333h298.667c11.771 0 21.333 9.573 21.333 21.333v426.666z"
fill="#f2f2f2"
/>
<path
d="M320 243.604V138.667A10.66 10.66 0 0 0 309.333 128H202.667A10.66 10.66 0 0 0 192 138.667V352a10.66 10.66 0 0 0 10.667 10.667h96c3.354 0 6.521-1.583 8.542-4.271l32-42.667a10.711 10.711 0 0 0 1.583-9.771L320 243.604z"
fill="#303c42"
/>
<path d="M315.858 298.667h-74.599L219.917 256h81.721z" fill="#e6e6e6" />
<path d="M213.333 320.008v-29.501l8.855 17.701z" fill="#f2f2f2" />
<path d="M213.333 320.008v-29.501l8.855 17.701z" opacity=".7" fill="#fff" />
<path
d="M213.333 149.333h85.333v85.333h-85.333zM293.333 341.333h-69.328l16-21.333h69.323z"
fill="#e6e6e6"
/>
<path d="M293.333 341.333h-69.328l16-21.333h69.323z" opacity=".2" />
<circle cx="256" cy="64" r="21.333" fill="#303c42" />
<linearGradient
id="a"
x1="-34.686"
x2="-26.524"
y1="632.413"
y2="624.25"
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="m320 243.604 20.792 62.354c1.104 3.323.5 6.979-1.583 9.771l-32 42.667a10.695 10.695 0 0 1-8.542 4.271h-96c-2.46 0-4.618-.97-6.422-2.366l130.366 130.366h78.723c11.771 0 21.333-9.573 21.333-21.333V350.271L320 243.604z"
fill="url(#a)"
/>
<circle cx="256" cy="448" r="21.333" fill="#303c42" />
<linearGradient
id="b"
x1="-46.096"
x2="-23.311"
y1="639.796"
y2="629.172"
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="M405.333 0H106.667C83.146 0 64 19.135 64 42.667v426.667C64 492.865 83.146 512 106.667 512h298.667c23.52 0 42.666-19.135 42.666-42.667V42.667C448 19.135 428.854 0 405.333 0z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category