Add icons to this collection by clicking the heart icon.
Toggle Button icon - also known as button, control, ui, multimedia option, toggle button, and switch. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="466"
y2="46"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5558ff" />
<stop offset="1" stop-color="#00c0ff" />
</linearGradient>
<path
fill="url(#a)"
d="M452 196H60c-33.084 0-60 26.916-60 60s26.916 60 60 60h392c33.084 0 60-26.916 60-60s-26.916-60-60-60zm-51.928 90H60c-16.542 0-30-13.458-30-30s13.458-30 30-30h340.072c-5.123 8.833-8.072 19.075-8.072 30s2.949 21.167 8.072 30zM452 286c-16.542 0-30-13.458-30-30s13.458-30 30-30 30 13.458 30 30-13.458 30-30 30zm0 60H60c-33.084 0-60 26.916-60 60s26.916 60 60 60h392c33.084 0 60-26.916 60-60s-26.916-60-60-60zM60 436c-16.542 0-30-13.458-30-30s13.458-30 30-30 30 13.458 30 30-13.458 30-30 30zm392 0H111.928c5.123-8.833 8.072-19.075 8.072-30s-2.949-21.167-8.072-30H452c16.542 0 30 13.458 30 30s-13.458 30-30 30zM60 166h392c33.084 0 60-26.916 60-60s-26.916-60-60-60H60C26.916 46 0 72.916 0 106s26.916 60 60 60zm51.928-90H452c16.542 0 30 13.458 30 30s-13.458 30-30 30H111.928c5.123-8.833 8.072-19.075 8.072-30s-2.949-21.167-8.072-30zM60 76c16.542 0 30 13.458 30 30s-13.458 30-30 30-30-13.458-30-30 13.458-30 30-30z"
/>
</svg>
More icons in the same style and category