Add icons to this collection by clicking the heart icon.
Toggle Button icon - also known as button, control, ui, multimedia option, web page, toggle button, switch, switch on, and toggle. Created in a clean isometric style with a white, gray, and black 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="512"
height="512"
viewBox="0 0 52 52"
>
<g fill="#5094ff">
<path
d="M42.7 32.3c0 1.8-1.3 4-2.8 4.9L18.3 49.6c-.8.5-1.6.5-2.1.1l.1.1-6-3.5c-.5-.3-.8-.9-.8-1.8l-.2-24.8c0-1.8 1.3-4 2.8-4.9L33.7 2.4c.8-.5 1.5-.5 2-.2l5.9 3.5h-.1.1c.5.3.9.9.9 1.8zM41.8 5.7c-.1 0-.1-.1-.2-.1h.1z"
/>
<path d="M41.7 5.7s-.1-.1 0 0c-.1-.1-.1-.1 0 0z" />
<path
d="M41.8 5.7c-.5-.3-1.2-.3-2 .2L18.2 18.3c-1.6.9-2.8 3.1-2.8 4.9V48c0 .9.3 1.5.8 1.8l-6-3.5c-.5-.3-.8-.9-.8-1.8l-.1-24.8c0-1.8 1.3-4 2.8-4.9L33.7 2.4c.8-.5 1.5-.5 2-.2z"
/>
</g>
<path
fill="#57b3fe"
d="M39.7 5.9c1.6-.9 2.8-.2 2.8 1.6l.1 24.8c0 1.8-1.3 4-2.8 4.9L18.3 49.6c-1.6.9-2.8.2-2.8-1.6l-.1-24.8c0-1.8 1.3-4 2.8-4.9z"
/>
<path
fill="#fff"
d="M17.4 23.2c0-1.1.9-2.6 1.8-3.1L38 9.2c1.1-.7 2.5.2 2.5 1.5l.1 21.6c0 1.2-.8 2.6-1.8 3.2L20 46.3c-1.1.7-2.5-.2-2.5-1.5z"
/>
<g fill="#dedffb">
<path
d="M35 15.7c.5-.3 1-.4 1.3-.4-.3-.1-.8.1-1.3.4zM37.2 15.4c-.1 0-.1-.1-.2-.1h.1z"
/>
</g>
<g fill="#dedffb">
<path
d="M38.1 17.4c0 2-1.4 4.3-3 5.3L24 29.1c-.9.5-1.8.5-2.4.1.1 0 .1.1.2.1l-1.6-.9c-.5-.3-.9-1-.9-2 0-2 1.4-4.3 3-5.3l11.1-6.4c.9-.5 1.6-.5 2.2-.2l1.5.9H37s.1 0 .1.1c.7.3 1 .9 1 1.9z"
/>
<path
d="M35 15.7c.5-.3 1-.4 1.3-.4-.3-.1-.8.1-1.3.4zM37.2 15.4s-.1 0-.1-.1c0 .1 0 .1.1.1z"
/>
</g>
<path
fill="#dedffb"
d="M37.2 15.4c-.6-.3-1.3-.3-2.2.2L23.9 22c-1.7 1-3.1 3.3-3.1 5.3 0 1 .3 1.6.9 2l-1.6-.9c-.5-.3-.9-1-.9-2 0-1.9 1.4-4.3 3.1-5.3l11.1-6.4c.9-.5 1.6-.5 2.2-.2z"
/>
<path
fill="#f3f1fc"
d="M35 15.7c1.7-1 3.1-.2 3.1 1.7s-1.4 4.3-3.1 5.3l-11.1 6.4c-1.7 1-3.1.2-3.1-1.8 0-1.9 1.4-4.3 3.1-5.3z"
/>
<path
fill="#dedffb"
d="m37.1 27.7-1.6-.9c-.6-.3-1.3-.3-2.2.2l-11.1 6.4c-1.7 1-3.1 3.3-3 5.3 0 1 .3 1.7.9 2l1.6.9c.6.3 1.3.3 2.2-.2L35 35c1.7-1 3.1-3.4 3-5.3.1-1-.3-1.7-.9-2zM20.9 39.6c0-.3 0-.5.1-.8-.1.3-.1.6-.1.8v.5-.5z"
/>
<path
fill="#f3f1fc"
d="M35 27.9c1.7-1 3.1-.2 3.1 1.7s-1.4 4.3-3.1 5.3l-11.1 6.4c-1.7 1-3.1.2-3.1-1.8 0-1.9 1.4-4.3 3.1-5.3z"
/>
<path
fill="#dedffb"
d="M37.2 27.7c-.6-.3-1.3-.3-2.2.2l-11.1 6.4c-1.7 1-3.1 3.3-3.1 5.3 0 1 .3 1.6.9 2l-1.6-.9c-.5-.3-.9-1-.9-2 0-1.9 1.4-4.3 3.1-5.3L33.4 27c.9-.5 1.6-.5 2.2-.2z"
/>
<path
fill="#f45170"
d="M24.8 24.1c.1.2.2.4.2.7s-.1.6-.2.9-.3.6-.4.8c-.2.2-.4.4-.7.6-.3.1-.5.2-.7.2s-.3-.1-.4-.3-.2-.4-.2-.7.1-.6.2-.9.2-.5.4-.8c.2-.2.4-.4.7-.6.3-.1.5-.2.7-.2.1 0 .3.1.4.3zm-.3 1.5c.1-.2.1-.4.1-.6s0-.4-.1-.5-.2-.2-.3-.2-.3 0-.5.1-.4.3-.5.4l-.3.6c-.1.2-.1.4-.1.6s0 .4.1.5.2.2.3.2.3 0 .5-.1.4-.3.5-.4l.3-.6M27.5 21.8h.1v2.6c0 .1 0 .2-.1.2 0 .1-.1.1-.2.2h-.2l-1.4-1.5v2.5c0 .1-.1.1-.1.1h-.1v-2.6c0-.1 0-.2.1-.2 0-.1.1-.1.2-.2h.2l1.4 1.5V22c0-.2.1-.2.1-.2zM33.4 30.8h.1V31.1c0 .1-.1.1-.1.1l-1.2.7v.9l1.1-.6h.1V32.5c0 .1-.1.1-.1.1l-1.1.6v1.3c0 .1-.1.1-.1.1H32V31.8c0-.1.1-.1.1-.1zM31.1 32.8c.1.2.2.4.2.7s-.1.6-.2.9-.3.5-.4.8c-.2.2-.4.4-.7.6-.3.1-.5.2-.7.2s-.3-.1-.4-.3-.2-.4-.2-.7.1-.6.2-.9.3-.5.4-.8c.2-.2.4-.4.7-.6.3-.1.5-.2.7-.2s.3.1.4.3zm-.3 1.5c.1-.2.1-.4.1-.6s0-.4-.1-.5-.2-.2-.3-.2-.3 0-.5.1-.4.3-.5.4c-.1.2-.3.4-.3.6-.1.2-.1.4-.1.6s0 .4.1.5.2.2.3.2.3 0 .5-.1.4-.3.5-.4c.2-.2.3-.4.3-.6M35.6 29.5h.1V29.8c0 .1-.1.1-.1.1l-1.2.7v.9l1.1-.6h.1v.2c0 .1-.1.1-.1.1l-1.1.6v1.3c0 .1-.1.1-.1.1h-.1V30.4c0-.1.1-.1.1-.1z"
/>
<path
fill="#111d33"
d="M38.1 18.1c0 1.4-1 3.2-2.3 3.9-.7.4-1.3.4-1.7.1l.1.1-1-.6c-.4-.2-.7-.7-.7-1.5 0-1.4 1-3.2 2.3-3.9.6-.4 1.2-.4 1.6-.2l1 .6c.4.3.7.8.7 1.5z"
/>
<path
fill="#111d33"
d="M37.4 16.7c-.4-.2-1-.2-1.6.2-1.3.7-2.3 2.5-2.3 3.9 0 .7.3 1.2.7 1.5l-1-.6c-.4-.2-.7-.7-.7-1.5 0-1.4 1-3.2 2.3-3.9.6-.4 1.2-.4 1.6-.2z"
/>
<path
fill="#4c5c75"
d="M35.8 16.8c1.3-.7 2.3-.1 2.3 1.3s-1 3.2-2.3 3.9-2.3.1-2.3-1.3c.1-1.4 1.1-3.1 2.3-3.9z"
/>
<path
fill="#111d33"
d="M27 37.3c0 1.4-1 3.2-2.3 3.9-.7.4-1.3.4-1.7.1l.1.1-1-.6c-.4-.2-.7-.7-.7-1.5 0-1.4 1-3.2 2.3-3.9.6-.4 1.2-.4 1.6-.2l1 .6h-.1c.6.2.8.7.8 1.5z"
/>
<path
fill="#111d33"
d="M26.4 35.8c-.4-.2-1-.2-1.6.2-1.3.7-2.3 2.5-2.3 3.9 0 .7.3 1.2.7 1.5l-1-.6c-.4-.2-.7-.7-.7-1.5 0-1.4 1-3.2 2.3-3.9.6-.4 1.2-.4 1.6-.2z"
/>
<path
fill="#4c5c75"
d="M24.8 36c1.3-.7 2.3-.1 2.3 1.3s-1 3.2-2.3 3.9-2.3.1-2.3-1.3 1-3.2 2.3-3.9z"
/>
</svg>
More icons in the same style and category