Add icons to this collection by clicking the heart icon.
Toggle Button icon - also known as interface, button, control, multimedia, ui, multimedia option, toggle button, switch, and switch on. Created in a clean flat style with a white, silver, gray, red, and pink 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 50 50"
>
<path
fill="#6c728c"
d="M48.997 9.027v31.94c0 1.56-1.26 2.83-2.82 2.83H3.827c-1.56 0-2.83-1.27-2.83-2.83V9.027c0-1.56 1.27-2.82 2.83-2.82h42.35c1.56 0 2.82 1.26 2.82 2.82z"
/>
<path
fill="#626681"
d="M49.003 9.025v31.947a2.826 2.826 0 0 1-2.822 2.821H3.823c-.783 0-1.483-.319-1.998-.823A2.862 2.862 0 0 1 1 40.972a4.002 4.002 0 0 1 3.996-4.007H9.95c6.91 0 13.172-2.8 17.703-7.332a24.96 24.96 0 0 0 7.322-17.117c.01-.195.01-.391.01-.587a5.727 5.727 0 0 1 5.727-5.726h5.468a2.826 2.826 0 0 1 2.822 2.822z"
/>
<path
fill="#424960"
d="M32.951 35.14h-15.9a6.563 6.563 0 0 1-6.563-6.562v-.804a6.563 6.563 0 0 1 6.563-6.563h15.9a6.563 6.563 0 0 1 6.563 6.563v.804a6.563 6.563 0 0 1-6.563 6.563z"
/>
<path
fill="#d5d3d4"
d="M48.997 9.027v3.48h-48v-3.48c0-1.56 1.27-2.82 2.83-2.82h42.35c1.56 0 2.82 1.26 2.82 2.82z"
/>
<g fill="#4d5471">
<path
d="M16.317 9.877a1.586 1.586 0 1 1-3.169-.011 1.586 1.586 0 0 1 3.169.01zM7.397 9.877c0 .87-.71 1.58-1.59 1.58a1.586 1.586 0 1 1 0-3.17c.88 0 1.59.71 1.59 1.59zM11.857 9.877a1.586 1.586 0 1 1-3.171-.011 1.586 1.586 0 0 1 3.17.01z"
/>
</g>
<path
fill="#c4c4c4"
d="M49.003 9.025v3.491H34.976c.01-.195.01-.391.01-.587a5.727 5.727 0 0 1 5.727-5.726h5.468a2.826 2.826 0 0 1 2.822 2.822z"
/>
<path
fill="#fc4a32"
d="M6.867 9.637a1.586 1.586 0 1 1-3.17 0 1.585 1.585 0 1 1 3.17 0z"
/>
<path
fill="#f7cc6d"
d="M11.337 9.637c0 .88-.72 1.59-1.59 1.59-.88 0-1.59-.71-1.59-1.59s.71-1.59 1.59-1.59c.87 0 1.59.71 1.59 1.59z"
/>
<path
fill="#58b44f"
d="M15.797 9.637c0 .88-.71 1.59-1.59 1.59s-1.59-.71-1.59-1.59.71-1.59 1.59-1.59 1.59.71 1.59 1.59z"
/>
<path
fill="#6c728c"
d="M4.798 26.1a1.36 1.36 0 0 1-1.36-1.36v-5.535a1.36 1.36 0 1 1 2.72 0v5.536a1.36 1.36 0 0 1-1.36 1.36z"
/>
<path
fill="#e7e7e7"
d="M28.829 10.492h-5.536a1.36 1.36 0 0 1 0-2.72h5.536a1.36 1.36 0 0 1 0 2.72z"
/>
<path
fill="#6c728c"
d="M44.389 38.086c-.887 0-1.605-.72-1.605-1.606v-6.538a1.606 1.606 0 1 1 3.21 0v6.538c0 .887-.718 1.606-1.605 1.606z"
/>
<path
fill="#4d5471"
d="M32.792 33.961H17.21a5.785 5.785 0 0 1 0-11.57h15.582a5.785 5.785 0 0 1 0 11.57z"
/>
<path
fill="#626681"
d="M38.577 28.177c0 1.59-.65 3.04-1.69 4.09a5.791 5.791 0 0 1-4.09 1.69h-15.59a5.783 5.783 0 0 1-4.09-9.87c1.05-1.05 2.5-1.7 4.09-1.7h15.59c3.19 0 5.78 2.59 5.78 5.79z"
/>
<path
fill="#4d5471"
d="M38.579 28.07a5.781 5.781 0 0 1-5.787 5.889H17.207c-.158 0-.311-.006-.47-.017-2.432-.198-2.206-3.875.238-3.875h5.352a4.877 4.877 0 0 0 4.876-4.877v-.005a2.793 2.793 0 0 1 2.794-2.795H32.6c2.738 0 5.142 1.844 5.804 4.384.107.419.17.849.175 1.296z"
/>
<path
fill="#424960"
d="M19.552 25.807c-.398-.233-.865-.35-1.39-.35-.523 0-.991.117-1.39.35a2.426 2.426 0 0 0-.936.974c-.215.404-.329.872-.339 1.4.01.518.124.986.339 1.39.219.412.533.74.935.974.4.233.868.35 1.392.35.524 0 .99-.117 1.389-.35.399-.234.713-.563.934-.977.217-.407.332-.874.342-1.397a3.048 3.048 0 0 0-.342-1.387 2.45 2.45 0 0 0-.934-.977zm.093 2.369c0 .307-.06.584-.18.824a1.317 1.317 0 0 1-.506.55c-.22.135-.489.203-.796.203-.316 0-.578-.066-.8-.202a1.325 1.325 0 0 1-.502-.551c-.12-.24-.18-.517-.18-.824s.06-.584.18-.824c.117-.234.282-.415.503-.55.221-.137.483-.203.799-.203.307 0 .575.068.796.203.223.136.388.316.505.55.12.24.18.517.18.824zM26.627 25.665a.6.6 0 0 0-.84.003.588.588 0 0 0-.169.417v2.76l-2.105-3.04a.737.737 0 0 0-.599-.315h-.088a.707.707 0 0 0-.516.219.723.723 0 0 0-.208.512v4.053c0 .161.06.306.17.416a.606.606 0 0 0 .835.005.57.57 0 0 0 .178-.421v-2.768l2.118 3.058c.065.088.15.16.25.214a.713.713 0 0 0 .337.084h.08a.724.724 0 0 0 .515-.21.705.705 0 0 0 .217-.514v-4.053a.582.582 0 0 0-.175-.42zM38.579 28.07a5.781 5.781 0 0 1-4.44 5.73l-3.26-2.014 3.429-7.354 4.096 2.342c.107.419.17.849.175 1.296z"
/>
<circle cx="32.736" cy="28.176" r="4.059" fill="#6c728c" />
<circle cx="32.737" cy="28.177" r="4.06" fill="#58b44f" />
<path
fill="#4b9b43"
d="M34.504 26.142a3.89 3.89 0 0 1-3.89 3.89c-.667 0-.981.84-.468 1.266.84.7 1.965 1.066 3.177.896 1.765-.248 3.199-1.693 3.435-3.46a4.043 4.043 0 0 0-.874-3.116c-.46-.563-1.38-.202-1.38.524z"
/>
<path
fill="#63c558"
d="M30.067 28.92a.744.744 0 0 1-.744-.744 3.417 3.417 0 0 1 3.413-3.413.744.744 0 1 1 0 1.488 1.927 1.927 0 0 0-1.925 1.925.744.744 0 0 1-.744.744z"
/>
<path
fill="#d5d3d4"
d="M19.027 25.532c-.398-.233-.865-.351-1.389-.351s-.992.118-1.391.35a2.426 2.426 0 0 0-.936.974c-.215.404-.328.872-.338 1.401.01.518.123.986.338 1.39.219.412.533.74.936.974.399.233.867.35 1.391.35s.991-.118 1.389-.35c.4-.234.714-.563.935-.977.217-.407.332-.874.342-1.397a3.048 3.048 0 0 0-.342-1.388 2.45 2.45 0 0 0-.935-.976zm.093 2.369c0 .307-.06.584-.18.824a1.317 1.317 0 0 1-.506.55c-.22.135-.488.203-.796.203-.316 0-.577-.066-.799-.203a1.325 1.325 0 0 1-.502-.55c-.12-.24-.181-.517-.181-.824s.06-.584.18-.824c.118-.235.282-.415.503-.551.222-.136.483-.202.8-.202.307 0 .575.068.795.203.223.136.389.316.506.55.12.24.18.517.18.824zM26.103 25.39a.6.6 0 0 0-.841.003.588.588 0 0 0-.168.417v2.76l-2.106-3.04a.737.737 0 0 0-.598-.315h-.088a.707.707 0 0 0-.516.218.723.723 0 0 0-.208.513v4.052c0 .162.06.307.17.417a.606.606 0 0 0 .834.005.57.57 0 0 0 .179-.422v-2.767l2.117 3.058c.066.088.15.16.25.214a.713.713 0 0 0 .337.084h.081a.724.724 0 0 0 .514-.21.705.705 0 0 0 .217-.515V25.81a.582.582 0 0 0-.174-.42z"
/>
</svg>
More icons in the same style and category