Add icons to this collection by clicking the heart icon.
Switch icon - also known as interface, button, control, multimedia, ui, multimedia option, web page, toggle button, switch, switch on, and toggle. Created in a clean blue style with a white and silver 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="M64.247 8.533h383.505c30.77 0 55.714 24.944 55.714 55.714v383.505c0 30.77-24.944 55.714-55.714 55.714H64.247c-30.77 0-55.714-24.944-55.714-55.714V64.247c0-30.77 24.944-55.714 55.714-55.714z"
fill="#a4c2f7"
/>
<path
d="M89.847 8.533h332.305c30.77 0 55.714 24.944 55.714 55.714v383.505c0 30.77-24.944 55.714-55.714 55.714H89.847c-30.77 0-55.714-24.944-55.714-55.714V64.247c0-30.77 24.944-55.714 55.714-55.714z"
fill="#e3e7f2"
/>
<path
d="M375.467 452.267H136.533c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333h238.933c47.128 0 85.333 38.205 85.333 85.333.001 47.128-38.204 85.333-85.332 85.333z"
fill="#7facfa"
/>
<path
d="M349.867 452.267H136.533c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333h213.333c47.128 0 85.333 38.205 85.333 85.333.001 47.128-38.204 85.333-85.332 85.333z"
fill="#a4c2f7"
/>
<circle cx="136.533" cy="366.933" r="85.333" fill="#fff" />
<ellipse cx="149.333" cy="366.933" rx="72.533" ry="85.333" fill="#e3e7f2" />
<path
d="M136.533 59.733h238.933c47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333H136.533c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333z"
fill="#fff"
/>
<path
d="M162.133 59.733h213.333c47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333H162.133c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333z"
fill="#a4c2f7"
/>
<path
d="M34.133 447.755V64.244c0-30.768 24.943-55.711 55.711-55.711h-25.6c-30.768 0-55.711 24.943-55.711 55.711v383.511a55.71 55.71 0 0 0 55.711 55.712h25.6a55.711 55.711 0 0 1-55.711-55.712z"
fill="#fff"
/>
<circle cx="375.467" cy="145.067" r="85.333" fill="#a4c2f7" />
<ellipse cx="362.667" cy="145.067" rx="72.533" ry="85.333" fill="#e3e7f2" />
<path
d="M447.758 512H64.242C28.778 511.961.039 483.222 0 447.758V64.242C.039 28.778 28.778.039 64.242 0h383.517C483.222.039 511.961 28.778 512 64.242v383.517c-.039 35.463-28.778 64.202-64.242 64.241zM64.242 17.067c-26.041.032-47.143 21.134-47.175 47.175v383.517c.032 26.041 21.134 47.143 47.175 47.175h383.517c26.041-.032 47.143-21.134 47.175-47.175V64.242c-.032-26.041-21.134-47.143-47.175-47.175H64.242z"
fill="#428dff"
/>
<path
d="M375.467 238.933c-51.841 0-93.867-42.026-93.867-93.867S323.626 51.2 375.467 51.2s93.867 42.026 93.867 93.867c-.059 51.817-42.05 93.808-93.867 93.866zm0-170.666c-42.415 0-76.8 34.385-76.8 76.8s34.385 76.8 76.8 76.8 76.8-34.385 76.8-76.8c-.047-42.397-34.404-76.754-76.8-76.8zM136.533 460.8c-51.841 0-93.867-42.026-93.867-93.867s42.026-93.867 93.867-93.867 93.867 42.026 93.867 93.867c-.059 51.817-42.05 93.808-93.867 93.867zm0-170.667c-42.415 0-76.8 34.385-76.8 76.8s34.385 76.8 76.8 76.8 76.8-34.385 76.8-76.8c-.046-42.396-34.403-76.753-76.8-76.8z"
fill="#428dff"
/>
<path
d="M375.467 238.933H136.533c-51.841 0-93.867-42.026-93.867-93.867S84.692 51.2 136.533 51.2h238.933c51.841 0 93.867 42.026 93.867 93.867s-42.025 93.866-93.866 93.866zM136.533 68.267c-42.415 0-76.8 34.385-76.8 76.8s34.385 76.8 76.8 76.8h238.933c42.415 0 76.8-34.385 76.8-76.8s-34.385-76.8-76.8-76.8H136.533zM375.467 460.8H136.533c-51.841 0-93.867-42.026-93.867-93.867s42.026-93.867 93.867-93.867h238.933c51.841 0 93.867 42.026 93.867 93.867S427.308 460.8 375.467 460.8zM136.533 290.133c-42.415 0-76.8 34.385-76.8 76.8s34.385 76.8 76.8 76.8h238.933c42.415 0 76.8-34.385 76.8-76.8s-34.385-76.8-76.8-76.8H136.533z"
fill="#428dff"
/>
</svg>
More icons in the same style and category