Add icons to this collection by clicking the heart icon.
Toggle Button icon - also known as control, ui, electronics, toggle button, and switch on. Created in a clean gradient 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 128 128"
>
<linearGradient
id="a"
x1="90.09"
x2="38.02"
y1="118.828"
y2="28.639"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0031d4" />
<stop offset=".234" stop-color="#0231d4" />
<stop offset=".37" stop-color="#0b31d5" />
<stop offset=".482" stop-color="#1930d7" />
<stop offset=".58" stop-color="#2d30d9" />
<stop offset=".669" stop-color="#472fdb" />
<stop offset=".752" stop-color="#672ede" />
<stop offset=".83" stop-color="#8d2de2" />
<stop offset=".904" stop-color="#b92ce7" />
<stop offset=".973" stop-color="#e92bec" />
<stop offset="1" stop-color="#ff2aee" />
</linearGradient>
<g fill="url(#a)">
<path
d="M107.625 56.337h-5.875v-4.156a1 1 0 0 0-1-1H81.479a7.003 7.003 0 0 0-6.37-5.972 7.025 7.025 0 0 0-4.313-4.742l5.798-22.307a6.006 6.006 0 0 0-4.296-7.315 5.956 5.956 0 0 0-4.547.629 5.958 5.958 0 0 0-2.771 3.667l-6.335 24.375c-.052.2-.086.403-.118.606a7.02 7.02 0 0 0-5.637 5.086 7.003 7.003 0 0 0-6.368 5.972H27.25a1 1 0 0 0-1 1v4.156h-5.875a1 1 0 0 0-1 1v10.957a1 1 0 0 0 1 1h3.5V90.43c0 3.86 3.14 7 7 7h3.75v18.922a1 1 0 0 0 1 1h5.75a1 1 0 0 0 1-1V97.431h17.75v18.922a1 1 0 0 0 1 1h5.75a1 1 0 0 0 1-1V97.431h17.75v18.922a1 1 0 0 0 1 1h5.75a1 1 0 0 0 1-1V97.431h3.75c3.86 0 7-3.14 7-7V69.294h3.5a1 1 0 0 0 1-1V57.337a1 1 0 0 0-1-1zM66.916 15.644a3.976 3.976 0 0 1 1.848-2.446 3.962 3.962 0 0 1 3.03-.419 4.005 4.005 0 0 1 2.865 4.877l-5.825 22.409c-.154-.01-.303-.041-.459-.041H60.58l.001-.006zm-7.291 26.381h8.75a5.024 5.024 0 0 1 4.645 3.155H54.98a5.026 5.026 0 0 1 4.645-3.155zm-6.184 5.156h21.117a5.009 5.009 0 0 1 4.899 4H48.542c.465-2.28 2.485-4 4.899-4zm-25.191 6h71.5v3.156h-71.5zm12.125 62.172h-3.75V97.431h3.75zm25.5 0h-3.75V97.431h3.75zm25.5 0h-3.75V97.431h3.75zm10.75-24.922c0 2.757-2.243 5-5 5h-66.25c-2.757 0-5-2.243-5-5V69.294h76.25zm4.5-23.137h-85.25v-8.957h85.25z"
/>
<path
d="M61.412 88.161h5.176a1 1 0 0 0 1-1v-12a1 1 0 0 0-1-1h-5.176a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1zm1-12h3.176v10h-3.176zM38.645 88.161h5.176a1 1 0 0 0 1-1v-12a1 1 0 0 0-1-1h-5.176a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1zm1-12h3.176v10h-3.176zM84.182 88.161h5.176a1 1 0 0 0 1-1v-12a1 1 0 0 0-1-1h-5.176a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1zm1-12h3.176v10h-3.176z"
/>
</g>
</svg>
More icons in the same style and category