Add icons to this collection by clicking the heart icon.
Toggle Button icon - also known as control, ui, multimedia option, toggle button, switch, switch on, rss button, nintendo switch, control console, and seo and web. Created in a clean flat 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 66 66"
>
<path
fill="#e9e9ed"
d="M62.04 1H3.96C2.33 1 1 2.33 1 3.96v58.08C1 63.67 2.33 65 3.96 65h58.08A2.96 2.96 0 0 0 65 62.04V3.96C65 2.33 63.67 1 62.04 1z"
/>
<path
fill="#4484c5"
d="M53.16 11.36H12.84a2.96 2.96 0 0 0-2.96 2.96v10.36a2.96 2.96 0 0 0 2.96 2.96h40.31a2.96 2.96 0 0 0 2.96-2.96V14.32a2.951 2.951 0 0 0-2.95-2.96z"
/>
<path
fill="#f8b517"
d="M53.16 38.35H12.84a2.96 2.96 0 0 0-2.96 2.96v10.36a2.96 2.96 0 0 0 2.96 2.96h40.31a2.96 2.96 0 0 0 2.96-2.96V41.31a2.951 2.951 0 0 0-2.95-2.96z"
/>
<path
fill="#646b79"
d="M41.14 29.13c-2.45 0-4.44-1.99-4.44-4.44V14.32c0-2.45 1.99-4.44 4.44-4.44h13.5c2.45 0 4.44 1.99 4.44 4.44v10.36c0 2.45-1.99 4.44-4.44 4.44h-13.5z"
/>
<g fill="#7c8189">
<circle cx="41.65" cy="15.8" r="1.17" />
<circle cx="45.81" cy="15.8" r="1.17" />
<circle cx="49.97" cy="15.8" r="1.17" />
<circle cx="54.13" cy="15.8" r="1.17" />
<circle cx="41.65" cy="19.5" r="1.17" />
<circle cx="45.81" cy="19.5" r="1.17" />
<circle cx="49.97" cy="19.5" r="1.17" />
<circle cx="54.13" cy="19.5" r="1.17" />
<circle cx="41.65" cy="23.21" r="1.17" />
<circle cx="45.81" cy="23.21" r="1.17" />
<circle cx="49.97" cy="23.21" r="1.17" />
<circle cx="54.13" cy="23.21" r="1.17" />
</g>
<path
fill="#646b79"
d="M11.36 56.11c-2.45 0-4.44-1.99-4.44-4.44V41.31c0-2.45 1.99-4.44 4.44-4.44h13.5c2.45 0 4.44 1.99 4.44 4.44v10.36c0 2.45-1.99 4.44-4.44 4.44z"
/>
<g fill="#7c8189">
<circle cx="11.87" cy="42.79" r="1.17" />
<circle cx="16.03" cy="42.79" r="1.17" />
<circle cx="20.19" cy="42.79" r="1.17" />
<circle cx="24.35" cy="42.79" r="1.17" />
<circle cx="11.87" cy="46.49" r="1.17" />
<circle cx="16.03" cy="46.49" r="1.17" />
<circle cx="20.19" cy="46.49" r="1.17" />
<circle cx="24.35" cy="46.49" r="1.17" />
<circle cx="11.87" cy="50.2" r="1.17" />
<circle cx="16.03" cy="50.2" r="1.17" />
<circle cx="20.19" cy="50.2" r="1.17" />
<circle cx="24.35" cy="50.2" r="1.17" />
</g>
<path
fill="#fcfcfd"
d="M62.04 1H3.96C2.33 1 1 2.33 1 3.96v1.48a2.96 2.96 0 0 1 2.96-2.96h58.08A2.96 2.96 0 0 1 65 5.44V3.96C65 2.33 63.67 1 62.04 1z"
opacity=".45"
/>
<g fill="#393d47">
<path
d="M37.86 11.36h-1.48c-.71.79-1.16 1.82-1.16 2.96v10.36c0 1.14.44 2.17 1.16 2.96h1.48c-.71-.79-1.16-1.82-1.16-2.96V14.32c0-1.14.45-2.17 1.16-2.96zM29.62 38.35h-1.48c.71.79 1.16 1.82 1.16 2.96v10.36c0 1.14-.44 2.17-1.16 2.96h1.48c.71-.79 1.16-1.82 1.16-2.96V41.31c0-1.14-.45-2.17-1.16-2.96z"
opacity=".1"
/>
</g>
</svg>
More icons in the same style and category