Add icons to this collection by clicking the heart icon.
On Button icon - also known as control, turn on, ui, multimedia option, on button, switch, switch on, slider, and toggle. Created in a clean blue 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 60 28"
>
<g fill="none" fill-rule="nonzero">
<g transform="translate(1 1)">
<path
fill="#a4c2f7"
d="M45 26c7.18 0 13-5.82 13-13S52.18 0 45 0H13C5.82 0 0 5.82 0 13s5.82 13 13 13z"
/>
<path
fill="#7facfa"
d="M45 0h-3c7.18 0 13 5.82 13 13s-5.82 13-13 13h3c7.18 0 13-5.82 13-13S52.18 0 45 0z"
/>
<path
fill="#e8edfc"
d="M45 22H13a9 9 0 0 1 0-18h32a9 9 0 0 0 0 18z"
/>
<circle cx="45" cy="13" r="9" fill="#fff" />
<path
fill="#e8edfc"
d="M45 4a9.045 9.045 0 0 0-1.5.135 8.989 8.989 0 0 1 0 17.73A9 9 0 1 0 45 4z"
/>
</g>
<path
fill="#fff"
d="M14 27h3C9.82 27 4 21.18 4 14S9.82 1 17 1h-3C6.82 1 1 6.82 1 14s5.82 13 13 13z"
/>
<path
fill="#fff"
d="m2.578 5.922 1.631 1.156a12.515 12.515 0 0 0-1.645 3.287A13.344 13.344 0 0 0 2 14H0c.02-1.438.24-2.865.658-4.241a14.493 14.493 0 0 1 1.92-3.837z"
/>
<g fill="#428dff">
<path d="M1.635 11.053a1 1 0 0 1-.01-2h.01a1 1 0 1 1 0 2z" />
<path
d="M46 0H14a14.3 14.3 0 0 0-6.433 1.573 14.051 14.051 0 0 0-4.989 4.349.973.973 0 0 0 .273 1.417c.453.273 1.039.16 1.358-.261a12.049 12.049 0 0 1 4.279-3.729A12.3 12.3 0 0 1 14 2h32c6.627 0 12 5.373 12 12s-5.373 12-12 12H14c-6.626-.004-11.996-5.374-12-12a1 1 0 0 0-2 0c.005 7.73 6.27 13.995 14 14h32c7.732 0 14-6.268 14-14S53.732 0 46 0z"
/>
<path
d="M14 24h32c5.523 0 10-4.477 10-10S51.523 4 46 4H14C8.477 4 4 8.477 4 14s4.477 10 10 10zm40-10a8 8 0 1 1-8-8 8.009 8.009 0 0 1 8 8zM14 6h26.026a9.961 9.961 0 0 0 0 16H14a8 8 0 1 1 0-16z"
/>
<path
d="M17 20h1a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3h-1a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3zm-1-9a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1zM24 20a1 1 0 0 0 1-1v-5.764l3.105 6.211A1 1 0 0 0 30 19V9a1 1 0 0 0-2 0v5.764l-3.1-6.211A1 1 0 0 0 23 9v10a1 1 0 0 0 1 1z"
/>
</g>
</g>
</svg>
More icons in the same style and category