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 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 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>
<linearGradient
id="b"
x1="256"
x2="256"
y1="466"
y2="46"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#addcff" />
<stop offset=".503" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#eaf6ff" />
</linearGradient>
<path
fill="url(#a)"
d="M60 136c-8.291 0-15 6.709-15 15s6.709 15 15 15h392c33.091 0 60-26.909 60-60s-26.909-60-60-60H60c-8.291 0-15 6.709-15 15s6.709 15 15 15c16.538 0 30 13.462 30 30s-13.462 30-30 30zm392 210H60c-8.291 0-15 6.709-15 15s6.709 15 15 15c16.538 0 30 13.462 30 30s-13.462 30-30 30c-8.291 0-15 6.709-15 15s6.709 15 15 15h392c33.091 0 60-26.909 60-60s-26.909-60-60-60zm0-30c8.291 0 15-6.709 15-15s-6.709-15-15-15c-16.538 0-30-13.462-30-30s13.462-30 30-30c8.291 0 15-6.709 15-15s-6.709-15-15-15H60c-33.091 0-60 26.909-60 60s26.909 60 60 60z"
/>
<path
fill="url(#b)"
d="M60 46C26.909 46 0 72.909 0 106s26.909 60 60 60 60-26.909 60-60-26.909-60-60-60zm0 300c-33.091 0-60 26.909-60 60s26.909 60 60 60 60-26.909 60-60-26.909-60-60-60zm392-150c-33.091 0-60 26.909-60 60s26.909 60 60 60 60-26.909 60-60-26.909-60-60-60z"
/>
</svg>
More icons in the same style and category