Add icons to this collection by clicking the heart icon.
Toggle icon - also known as interface, button, control, off, multimedia, Tools and utensils, ui, multimedia option, web page, toggle button, 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="682.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath197">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path195" />
</clipPath>
</defs>
<g id="g189" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g191">
<g id="g193" clip-path="url(#clipPath197)">
<g id="g199" transform="translate(137.2319,391.4951)">
<path
d="m 0,0 h -52.852 c -41.08,0 -74.38,-33.3 -74.38,-74.38 0,-40.53 33.85,-74.38 74.38,-74.38 h 204.34 c -20.11,18.42 -32.72,44.9 -32.72,74.32 0,27.83 11.28,53.01 29.51,71.25 1.09,1.09 2.2,2.15 3.34,3.19 L 87.966,0"
id="path201"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g203" transform="translate(401.2393,216.2935)">
<path
d="m 0,0 h -44.479 c -55.648,0 -100.76,45.112 -100.76,100.761 0,55.648 45.112,100.76 100.76,100.76 H 0 c 55.648,0 100.761,-45.112 100.761,-100.76 C 100.761,45.112 55.648,0 0,0 Z"
id="path205"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g207" transform="translate(325.4326,357.7114)">
<path
d="M 0,0 V -76.5"
id="path209"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g211" transform="translate(379,357.7114)">
<path
d="M 0,0 V -76.5"
id="path213"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g215" transform="translate(432.5674,357.7114)">
<path
d="M 0,0 V -76.5"
id="path217"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g219" transform="translate(256,317.0552)">
<path
d="M 0,0 C 0,-8.04 0.94,-15.86 2.73,-23.36 H -173.5 c -13.13,0 -23.78,10.64 -23.78,23.77 0,6.56 2.66,12.51 6.97,16.81 4.3,4.3 10.25,6.96 16.81,6.96 H 2.93 C 1.01,16.44 0,8.34 0,0 Z"
id="path221"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g223" transform="translate(152.8643,111.7695)">
<path
d="M 0,0 V 53.343 L 36.065,1.119 C 36.734,0.153 37.45,0.626 37.45,1.801 l -0.5,51.641"
id="path225"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g227" transform="translate(393.9346,164.8179)">
<path
d="M 0,0 H -21.422 V -52.854"
id="path229"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g231" transform="translate(372.5127,138.8916)">
<path
d="M 0,0 H 19.72"
id="path233"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g235" transform="translate(451.0547,164.8179)">
<path
d="M 0,0 H -21.422 V -52.854"
id="path237"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g239" transform="translate(429.6328,138.8916)">
<path
d="M 0,0 H 19.72"
id="path241"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g243" transform="translate(333.9111,152.5903)">
<path
d="m 0,0 c 7.843,-12.437 4.118,-28.876 -8.319,-36.718 -12.437,-7.842 -28.876,-4.117 -36.718,8.32 -7.842,12.437 -4.117,28.876 8.319,36.718 C -24.281,16.162 -7.842,12.437 0,0 Z"
id="path245"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g247" transform="translate(115.3882,138.4907)">
<path
d="m 0,0 c 0,-14.758 -11.964,-26.721 -26.722,-26.721 -14.757,0 -26.721,11.963 -26.721,26.721 0,14.758 11.964,26.722 26.721,26.722 C -11.964,26.722 0,14.758 0,0 Z"
id="path249"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g251" transform="translate(259.6611,182.5972)">
<path
d="M 0,0 -35.165,-88.412"
id="path253"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g255" transform="translate(182.3062,391.4951)">
<path
d="M 0,0 V 0"
id="path257"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category