Switch Icon
Customize
Color
Custom colour
Stroke width 1.5
0.53.0
Transform
Export size
snippet.html
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path fill="none" stroke="currentColor" stroke-dasharray="54" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 7h5c2.76 0 5 2.24 5 5c0 2.76 -2.24 5 -5 5h-10c-2.76 0 -5 -2.24 -5 -5c0 -2.76 2.24 -5 5 -5Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="54;0"/></path><circle cx="17" cy="12" r="3" fill="currentColor" opacity="0"><animate fill="freeze" attributeName="opacity" begin="0.6s" dur="0.2s" to="1"/></circle>
</svg> Details
The same Switch icon in 6 other libraries
Only here"Switch icon" appears in Tabler, Radix, Pixel Art and 3 more — a mix of outlines and filled glyphs, a mix of MIT and Apache 2.0. Compare them below, or add the ones that fit your system to your kit.
More icons from Line MD
Browse all → switch-filled switch-twotone switch-filled-to-switch-off-filled-transition switch-off switch-off-filled switch-off-filled-to-switch-filled-transition switch-off-to-switch-transition switch-off-twotone switch-off-twotone-to-switch-twotone-transition switch-to-switch-off-transition switch-twotone-to-switch-off-twotone-transition cog
This icon is part of the Material Line Icons open-source project. Licensed under MIT.