Add icons to this collection by clicking the heart icon.
Toggle Button icon - also known as interface, button, plus, control, ui, multimedia option, minus, 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="512"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c3ffe8" />
<stop offset=".997" stop-color="#f0fff4" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="421"
y2="91.073"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00b59c" />
<stop offset="1" stop-color="#9cffac" />
</linearGradient>
<path
fill="url(#a)"
d="M97.519 123.783a15.129 15.129 0 0 0 13.901 1.611c15.059-5.83 34.102-5.83 49.16 0a15.029 15.029 0 0 0 13.901-1.611A15.027 15.027 0 0 0 181 111.405V45c0-24.814-20.186-45-45-45S91 20.186 91 45v66.405c0 4.951 2.446 9.58 6.519 12.378zm76.962 144.434a14.93 14.93 0 0 0-13.901-1.611c-15.059 5.83-34.102 5.83-49.16 0a15.052 15.052 0 0 0-13.901 1.611A15.024 15.024 0 0 0 91 280.595V467c0 24.814 20.186 45 45 45s45-20.186 45-45V280.595c0-4.951-2.446-9.58-6.519-12.378zm163.038-24.434c4.058 2.769 9.272 3.354 13.901 1.611 15.059-5.83 34.102-5.83 49.16 0a15.029 15.029 0 0 0 13.901-1.611A15.027 15.027 0 0 0 421 231.405V45c0-24.814-20.186-45-45-45s-45 20.186-45 45v186.405c0 4.951 2.446 9.58 6.519 12.378zm76.962 144.434a15.014 15.014 0 0 0-13.901-1.611c-15.059 5.83-34.102 5.83-49.16 0a15.052 15.052 0 0 0-13.901 1.611A15.027 15.027 0 0 0 331 400.595V467c0 24.814 20.186 45 45 45s45-20.186 45-45v-66.405c0-4.951-2.446-9.58-6.519-12.378zM166 166c0-16.538-13.447-30-30-30s-30 13.462-30 30c-16.553 0-30 13.462-30 30s13.447 30 30 30c0 16.538 13.447 30 30 30s30-13.462 30-30c16.553 0 30-13.462 30-30s-13.447-30-30-30zm240 120h-60c-16.553 0-30 13.462-30 30s13.447 30 30 30h60c16.553 0 30-13.462 30-30s-13.447-30-30-30z"
/>
<path
fill="url(#b)"
d="M171.42 97.416c-22.002-8.525-49.409-8.32-70.269-.205C59.184 111.552 31 151.249 31 196c0 58.956 47.784 105 105 105 56.834 0 105-45.935 105-105 0-44.751-28.184-84.448-69.58-98.584zM166 211h-15v15c0 8.291-6.709 15-15 15s-15-6.709-15-15v-15h-15c-8.291 0-15-6.709-15-15s6.709-15 15-15h15v-15c0-8.291 6.709-15 15-15s15 6.709 15 15v15h15c8.291 0 15 6.709 15 15s-6.709 15-15 15zm245.42 6.416c-22.002-8.525-49.409-8.32-70.269-.205C299.184 231.552 271 271.249 271 316c0 58.956 47.784 105 105 105 56.834 0 105-45.935 105-105 0-44.751-28.184-84.448-69.58-98.584zM406 331h-60c-8.291 0-15-6.709-15-15s6.709-15 15-15h60c8.291 0 15 6.709 15 15s-6.709 15-15 15z"
/>
</svg>
More icons in the same style and category