Add icons to this collection by clicking the heart icon.
Switch icon - also known as interface, button, control, multimedia, multimedia option, web page, toggle button, switch, switch on, activation, and edit tools. Created in a clean lineal color style with a teal, navy, and orange finish, 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M149.333 106.667c40.569 0 77.367 16.315 104.309 42.667h151.691C464.146 149.333 512 197.188 512 256s-47.854 106.667-106.667 106.667H253.642c-26.941 26.352-63.74 42.667-104.309 42.667C67 405.333 0 338.344 0 256s67-149.333 149.333-149.333z"
fill="#303c42"
/>
<path
d="M490.667 256c0-47.052-38.271-85.333-85.333-85.333H271.706c16.939 24.215 26.961 53.605 26.961 85.333s-10.022 61.118-26.961 85.333h133.628c47.062 0 85.333-38.281 85.333-85.333z"
fill="#ff8f00"
/>
<path
d="M298.667 256c0 31.728-10.022 61.118-26.961 85.333h133.628c47.063 0 85.333-38.281 85.333-85.333h-192z"
opacity=".1"
/>
<circle cx="149.333" cy="256" r="128" fill="#1e88e5" />
<circle cx="149.333" cy="256" r="128" fill="#1e88e5" />
<circle cx="149.333" cy="256" r="85.333" fill="#303c42" />
<circle cx="149.333" cy="256" r="64" fill="#01579b" />
<path
d="M123.1 197.767c-3.632 8.026-5.767 16.865-5.767 26.233 0 35.292 28.708 64 64 64 9.368 0 18.206-2.137 26.232-5.768C197.514 304.443 175.257 320 149.333 320c-35.292 0-64-28.708-64-64 0-25.923 15.556-48.182 37.767-58.233z"
opacity=".1"
/>
<linearGradient
id="a"
x1="-35.619"
x2="-28.351"
y1="636.034"
y2="628.771"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M278.055 181.333c12.857 22.029 20.612 47.371 20.612 74.667 0 31.728-10.021 61.118-26.96 85.333h133.626c9.753 0 18.974-1.987 27.71-5.012L278.055 181.333z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-45.398"
x2="-24.666"
y1="638.834"
y2="629.168"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M405.333 149.333H253.642c-26.941-26.352-63.74-42.667-104.309-42.667C67 106.667 0 173.656 0 256s67 149.333 149.333 149.333c40.569 0 77.367-16.315 104.309-42.667h151.691C464.146 362.667 512 314.813 512 256s-47.854-106.667-106.667-106.667z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category