Add icons to this collection by clicking the heart icon.
Toggle icon - also known as interface, button, control, multimedia, multimedia option, electronics, switch on, activation, switch off, and toggle. Created in a clean lineal color 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="clipPath1616">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path1614" />
</clipPath>
</defs>
<g id="g1608" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g1610">
<g id="g1612" clip-path="url(#clipPath1616)">
<g id="g1618" transform="translate(127.5,376)">
<path
d="m 0,0 c -66.168,0 -120,-53.832 -120,-120 0,-66.168 53.832,-120 120,-120 H 92.96 V 0 Z"
id="path1620"
fill="#28abfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1622" transform="translate(339.4912,376)">
<path
d="m 0,0 h -119.031 c -28.561,-31.869 -45.96,-73.938 -45.96,-120 0,-46.062 17.399,-88.13 45.96,-120 H 0 Z"
id="path1624"
fill="#3b88f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1626" transform="translate(204.5,256)">
<path
d="M 0,0 C 0,82.843 67.157,150 150,150 232.843,150 300,82.843 300,0 300,-82.843 232.843,-150 150,-150 67.157,-150 0,-82.843 0,0"
id="path1628"
fill="#c4f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1630" transform="translate(204.5,256)">
<path
d="M 0,0 C 0,82.843 67.157,150 150,150 232.843,150 300,82.843 300,0 300,-82.843 232.843,-150 150,-150 67.157,-150 0,-82.843 0,0 Z"
id="path1632"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g1634" transform="translate(354.5,376)">
<path
d="m 0,0 v -240 c 66.274,0 120,53.726 120,120 C 120,-53.726 66.274,0 0,0"
id="path1636"
fill="#14cfff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1638" transform="translate(444.5,256)">
<path
d="m 0,0 c 0,66.274 -40.294,120 -90,120 -66.274,0 -120,-53.726 -120,-120 0,-66.274 53.726,-120 120,-120 49.706,0 90,53.726 90,120"
id="path1640"
fill="#8ae7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1642" transform="translate(234.5,256)">
<path
d="M 0,0 C 0,66.274 53.726,120 120,120 186.274,120 240,66.274 240,0 240,-66.274 186.274,-120 120,-120 53.726,-120 0,-66.274 0,0 Z"
id="path1644"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g1646" transform="translate(264.4912,376)">
<path
d="m 0,0 h -136.991 c -27.69,0 -53.215,-9.432 -73.543,-25.244"
id="path1648"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g1650" transform="translate(32.7441,329.5425)">
<path
d="m 0,0 c -15.813,-20.328 -25.244,-45.853 -25.244,-73.542 0,-66.168 53.832,-120 120,-120 h 136.991"
id="path1652"
fill="none"
stroke="#000000"
stroke-width="15"
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