Add icons to this collection by clicking the heart icon.
Switch icon - also known as interface, button, control, multimedia, multimedia option, web page, toggle button, switch, switch on, and toggle. Created in a clean lineal 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="100"
height="100"
viewBox="0 0 60 60"
>
<path
d="M14 28h32c7.72 0 14-6.28 14-14S53.72 0 46 0H14C6.28 0 0 6.28 0 14s6.28 14 14 14zm0-26h32c6.617 0 12 5.383 12 12s-5.383 12-12 12H14C7.383 26 2 20.617 2 14S7.383 2 14 2zM51.4 33.086l-.03-.011A13.922 13.922 0 0 0 46 32H14c-1.902 0-3.715.385-5.37 1.075l-.03.011C3.554 35.203 0 40.193 0 46c0 7.72 6.28 14 14 14h32c1.902 0 3.715-.385 5.37-1.075l.029-.011C56.446 56.797 60 51.807 60 46c0-5.807-3.554-10.797-8.6-12.914zm5.483 7.89C57.593 42.507 58 44.205 58 46s-.407 3.493-1.117 5.024A.989.989 0 0 0 56 52c0 .159.045.304.111.437-.42.658-.901 1.271-1.437 1.833A.994.994 0 0 0 54 54a1 1 0 0 0-1 1c0 .219.085.41.204.575A11.924 11.924 0 0 1 46 58a1 1 0 0 0-2 0h-4a1 1 0 0 0-2 0h-4a1 1 0 0 0-2 0h-4a1 1 0 0 0-2 0h-4a1 1 0 0 0-2 0h-4a1 1 0 0 0-2 0c-2.705 0-5.195-.91-7.204-2.425A.977.977 0 0 0 7 55a1 1 0 0 0-1-1 .99.99 0 0 0-.673.27A11.946 11.946 0 0 1 2 46c0-1.795.407-3.493 1.117-5.024A.989.989 0 0 0 4 40a.976.976 0 0 0-.111-.437c.42-.658.901-1.271 1.437-1.833.179.164.412.27.674.27a1 1 0 0 0 1-1 .977.977 0 0 0-.204-.575A11.924 11.924 0 0 1 14 34a1 1 0 0 0 2 0h4a1 1 0 0 0 2 0h4a1 1 0 0 0 2 0h4a1 1 0 0 0 2 0h4a1 1 0 0 0 2 0h4a1 1 0 0 0 2 0c2.705 0 5.195.91 7.204 2.425A.977.977 0 0 0 53 37a1 1 0 0 0 1 1 .99.99 0 0 0 .673-.27 12.091 12.091 0 0 1 1.437 1.833A.988.988 0 0 0 56 40c0 .511.389.916.883.976z"
/>
<path
d="M46 24c5.514 0 10-4.486 10-10S51.514 4 46 4 36 8.486 36 14s4.486 10 10 10zm0-18c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8zM11.22 55.599A.982.982 0 0 0 12 56a.975.975 0 0 0 .466-.13c.501.077 1.011.13 1.534.13a9.946 9.946 0 0 0 3.144-.514A.986.986 0 0 0 18 56a1 1 0 0 0 1-1c0-.112-.03-.214-.063-.315a10.05 10.05 0 0 0 4.348-4.991A.988.988 0 0 0 24 50a1 1 0 0 0 0-2c-.075 0-.141.027-.211.043a10.042 10.042 0 0 0 0-4.086c.07.016.136.043.211.043a1 1 0 0 0 0-2 .992.992 0 0 0-.716.306 10.01 10.01 0 0 0-1.288-2.286c0-.007.004-.013.004-.02a.987.987 0 0 0-.842-.968 10.017 10.017 0 0 0-2.222-1.717A.976.976 0 0 0 19 37a1 1 0 0 0-1-1 .986.986 0 0 0-.856.514A9.946 9.946 0 0 0 14 36c-.523 0-1.033.053-1.534.13A.975.975 0 0 0 12 36a.982.982 0 0 0-.78.401C7.056 37.61 4 41.452 4 46s3.056 8.39 7.22 9.599zM14 38c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8z"
/>
<circle cx="24" cy="37" r="1" />
<circle cx="30" cy="37" r="1" />
<circle cx="36" cy="37" r="1" />
<circle cx="42" cy="37" r="1" />
<circle cx="48" cy="37" r="1" />
<circle cx="3" cy="46" r="1" />
<circle cx="27" cy="40" r="1" />
<circle cx="33" cy="40" r="1" />
<circle cx="27" cy="46" r="1" />
<circle cx="33" cy="46" r="1" />
<circle cx="30" cy="43" r="1" />
<circle cx="36" cy="43" r="1" />
<circle cx="30" cy="49" r="1" />
<circle cx="36" cy="49" r="1" />
<circle cx="39" cy="40" r="1" />
<circle cx="45" cy="40" r="1" />
<circle cx="39" cy="46" r="1" />
<circle cx="45" cy="46" r="1" />
<circle cx="42" cy="43" r="1" />
<circle cx="48" cy="43" r="1" />
<circle cx="42" cy="49" r="1" />
<circle cx="48" cy="49" r="1" />
<circle cx="51" cy="40" r="1" />
<circle cx="51" cy="46" r="1" />
<circle cx="57" cy="46" r="1" />
<circle cx="27" cy="52" r="1" />
<circle cx="33" cy="52" r="1" />
<circle cx="39" cy="52" r="1" />
<circle cx="45" cy="52" r="1" />
<circle cx="51" cy="52" r="1" />
<circle cx="54" cy="43" r="1" />
<circle cx="54" cy="49" r="1" />
<circle cx="24" cy="55" r="1" />
<circle cx="30" cy="55" r="1" />
<circle cx="36" cy="55" r="1" />
<circle cx="42" cy="55" r="1" />
<circle cx="48" cy="55" r="1" />
</svg>
More icons in the same style and category