Add icons to this collection by clicking the heart icon.
Switch icon - also known as button, turn off, turn on, electronics, and switch. Created in a clean flat 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.001 512.001"
>
<path
fill="#7bacdf"
d="M.001 48.214v415.572C.001 490.414 21.587 512 48.215 512h415.572c26.628 0 48.214-21.586 48.214-48.214V48.214C512.001 21.586 490.415 0 463.787 0H48.215C21.587 0 .001 21.586.001 48.214z"
/>
<path
fill="#5f99d7"
d="M78.541 512.001H48.213c-26.62 0-48.212-21.582-48.212-48.212V48.214C.001 21.584 21.594.001 48.213.001h30.328c-26.63 0-48.212 21.582-48.212 48.213v415.575c0 26.63 21.582 48.212 48.212 48.212z"
/>
<path
fill="#e8edf2"
d="M428.927 161.852V387.41c0 22.932-18.585 41.516-41.516 41.516h-131.41V110.034h131.41c22.931 0 41.516 28.886 41.516 51.818z"
/>
<path
fill="#d9e7ec"
d="M428.927 124.59v37.262c0-22.932-18.585-41.516-41.516-41.516h-131.41V83.074h131.41c22.931 0 41.516 18.584 41.516 41.516z"
/>
<path
fill="#f5f8f9"
d="M83.074 350.148V124.59c0-22.932 18.585-41.516 41.516-41.516H256v318.892H124.59c-22.931 0-41.516-28.886-41.516-51.818z"
/>
<path
fill="#e8edf2"
d="M151.973 401.966h-27.382c-22.932 0-41.516-28.886-41.516-51.818V124.59c0-22.932 18.585-41.516 41.516-41.516h27.382c-22.932 0-41.516 18.584-41.516 41.516v225.558c0 22.932 18.584 51.818 41.516 51.818z"
/>
<path
fill="#d9e7ec"
d="M83.074 387.41v-37.262c0 22.932 18.585 41.516 41.516 41.516H256v37.262H124.59c-22.931 0-41.516-18.584-41.516-41.516z"
/>
<g fill="#e8edf2">
<circle cx="455.712" cy="455.711" r="23.523" />
<circle cx="56.289" cy="455.711" r="23.523" />
<circle cx="56.289" cy="56.289" r="23.523" />
<circle cx="455.712" cy="56.289" r="23.523" />
</g>
<g fill="#d9e7ec">
<path
d="M465.927 476.912a23.445 23.445 0 0 1-10.219 2.328c-12.991 0-23.519-10.539-23.519-23.529s10.528-23.519 23.519-23.519c3.657 0 7.129.835 10.219 2.328-7.881 3.791-13.31 11.857-13.31 21.191s5.429 17.4 13.31 21.201zM66.505 476.912a23.445 23.445 0 0 1-10.219 2.328c-12.991 0-23.519-10.539-23.519-23.529s10.528-23.519 23.519-23.519c3.657 0 7.129.835 10.219 2.328-7.881 3.791-13.31 11.857-13.31 21.191s5.429 17.4 13.31 21.201zM66.505 77.49a23.43 23.43 0 0 1-10.219 2.328c-12.991 0-23.519-10.539-23.519-23.53 0-12.99 10.528-23.519 23.519-23.519 3.657 0 7.129.835 10.219 2.328-7.881 3.791-13.31 11.858-13.31 21.191 0 9.335 5.429 17.401 13.31 21.202zM465.927 77.49a23.43 23.43 0 0 1-10.219 2.328c-12.991 0-23.519-10.539-23.519-23.53 0-12.99 10.528-23.519 23.519-23.519 3.657 0 7.129.835 10.219 2.328-7.881 3.791-13.31 11.858-13.31 21.191 0 9.335 5.429 17.401 13.31 21.202z"
/>
</g>
<path
fill="#7bacdf"
d="M169.538 367.86c-16.661 0-30.215-13.554-30.215-30.215 0-16.66 13.554-30.215 30.215-30.215 16.66 0 30.215 13.554 30.215 30.215s-13.555 30.215-30.215 30.215zm0-44.977c-8.14 0-14.763 6.622-14.763 14.762s6.622 14.762 14.763 14.762c8.14 0 14.762-6.622 14.762-14.762s-6.622-14.762-14.762-14.762z"
/>
<path
fill="#fe646f"
d="M169.538 168.296a7.726 7.726 0 0 1-7.726-7.726v-44.977a7.726 7.726 0 1 1 15.452 0v44.977a7.726 7.726 0 0 1-7.726 7.726z"
/>
<path
fill="#7bacdf"
d="M342.463 407.419c-16.66 0-30.215-13.554-30.215-30.215s13.554-30.215 30.215-30.215 30.215 13.554 30.215 30.215-13.554 30.215-30.215 30.215zm0-44.977c-8.14 0-14.762 6.622-14.762 14.762s6.622 14.762 14.762 14.762 14.763-6.622 14.763-14.762-6.622-14.762-14.763-14.762z"
/>
<path
fill="#fe646f"
d="M342.463 207.855a7.726 7.726 0 0 1-7.726-7.726v-44.977a7.726 7.726 0 1 1 15.452 0v44.977a7.725 7.725 0 0 1-7.726 7.726z"
/>
</svg>
More icons in the same style and category