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 469.333 469.333"
>
<path
d="M426.667 0h-384C19.135 0 0 19.135 0 42.667v384c0 23.531 19.135 42.667 42.667 42.667h384c23.531 0 42.667-19.135 42.667-42.667v-384C469.333 19.135 450.198 0 426.667 0z"
fill="#303c42"
/>
<path
d="M448 426.667c0 11.76-9.573 21.333-21.333 21.333h-384c-11.76 0-21.333-9.573-21.333-21.333v-384c0-11.76 9.573-21.333 21.333-21.333h384c11.76 0 21.333 9.573 21.333 21.333v384z"
fill="#f2f2f2"
/>
<path
d="M384 117.333a10.66 10.66 0 0 0-10.667-10.667H96a10.66 10.66 0 0 0-10.667 10.667V352A10.66 10.66 0 0 0 96 362.667h277.334A10.66 10.66 0 0 0 384.001 352V117.333z"
fill="#303c42"
/>
<linearGradient
id="a"
x1="-56.536"
x2="-46.331"
y1="613.65"
y2="603.443"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M380.943 109.885c1.882 1.923 3.057 4.542 3.057 7.448V352a10.66 10.66 0 0 1-10.667 10.667H96a10.634 10.634 0 0 1-7.544-3.122L176.911 448h249.755c11.76 0 21.333-9.573 21.333-21.333V176.943l-67.056-67.058z"
fill="url(#a)"
/>
<path
d="M245.333 128h117.333v42.667H245.333zM106.667 128H224v149.333H106.667z"
fill="#e6e6e6"
/>
<path d="M106.667 266.667H224v10.667H106.667z" opacity=".2" fill="#fff" />
<path d="M106.667 128H224v10.667H106.667z" opacity=".1" />
<path d="M245.333 160h117.333v10.667H245.333z" opacity=".2" fill="#fff" />
<path d="M245.333 128h117.333v10.667H245.333z" opacity=".1" />
<path
d="M106.667 298.667H224v42.667H106.667zM245.333 192h117.333v149.333H245.333z"
fill="#e6e6e6"
/>
<path
d="M106.667 298.667H224v10.667H106.667zM245.333 192h117.333v10.667H245.333z"
opacity=".1"
/>
<circle cx="64" cy="64" r="21.333" fill="#303c42" />
<circle cx="405.333" cy="64" r="21.333" fill="#303c42" />
<circle cx="64" cy="405.333" r="21.333" fill="#303c42" />
<circle cx="405.333" cy="405.333" r="21.333" fill="#303c42" />
<linearGradient
id="b"
x1="-68.689"
x2="-43.384"
y1="619.051"
y2="607.251"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M426.667 0h-384C19.135 0 0 19.135 0 42.667v384c0 23.531 19.135 42.667 42.667 42.667h384c23.531 0 42.667-19.135 42.667-42.667v-384C469.333 19.135 450.198 0 426.667 0z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category