Add icons to this collection by clicking the heart icon.
Button icon - also known as button, fashion, and sewing. Created in a clean circular 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 128 128"
>
<circle cx="64" cy="64" r="64" fill="#a7fcd0" />
<circle cx="64.3" cy="64" r="46.7" fill="#ad5114" />
<circle cx="64.3" cy="64" r="32" fill="#ad5114" />
<circle cx="54.5" cy="55.8" r="5.2" fill="#a7fcd0" />
<path
fill="#993f0d"
d="M64.3 103c-24.5 0-44.5-18.9-46.5-42.8-.1 1.3-.2 2.5-.2 3.8 0 25.8 20.9 46.7 46.7 46.7S111 89.8 111 64c0-1.3-.1-2.6-.2-3.8-2 24-22 42.8-46.5 42.8z"
/>
<path
fill="#993f0d"
d="M64.3 37c16.8 0 30.6 13 31.9 29.5.1-.8.1-1.7.1-2.5 0-17.7-14.3-32-32-32s-32 14.3-32 32c0 .8 0 1.7.1 2.5C33.7 50 47.5 37 64.3 37z"
/>
<circle cx="74.4" cy="55.8" r="5.2" fill="#a7fcd0" />
<circle cx="54.5" cy="74.8" r="5.2" fill="#a7fcd0" />
<circle cx="74.4" cy="74.8" r="5.2" fill="#a7fcd0" />
<path
fill="#663210"
d="M54 62c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10.1c-2.2 0-4.1 1.8-4.1 4.1s1.8 4.1 4.1 4.1c2.2 0 4.1-1.8 4.1-4.1s-1.9-4.1-4.1-4.1zM54 81c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10.1c-2.2 0-4.1 1.8-4.1 4.1s1.8 4.1 4.1 4.1c2.2 0 4.1-1.8 4.1-4.1s-1.9-4.1-4.1-4.1zM75 62c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10.1c-2.2 0-4.1 1.8-4.1 4.1s1.8 4.1 4.1 4.1c2.2 0 4.1-1.8 4.1-4.1s-1.9-4.1-4.1-4.1zM75 81c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10.1c-2.2 0-4.1 1.8-4.1 4.1s1.8 4.1 4.1 4.1c2.2 0 4.1-1.8 4.1-4.1s-1.9-4.1-4.1-4.1z"
/>
<path
fill="#eaeaea"
d="M73.4 78.4c-1 0-2-.4-2.8-1.2L52.7 59.3c-1.6-1.6-1.6-4.1 0-5.7s4.1-1.6 5.7 0l17.9 17.9c1.6 1.6 1.6 4.1 0 5.7-.9.8-1.9 1.2-2.9 1.2z"
/>
<path
fill="#eaeaea"
d="M55.5 78.4c-1 0-2-.4-2.8-1.2-1.6-1.6-1.6-4.1 0-5.7l17.9-17.9c1.6-1.6 4.1-1.6 5.7 0s1.6 4.1 0 5.7l-18 17.9c-.8.8-1.8 1.2-2.8 1.2z"
/>
<path
fill="#663210"
d="M64.5 112C38.3 112 17 90.5 17 64s21.3-48 47.5-48S112 37.5 112 64s-21.3 48-47.5 48zm0-94C39.4 18 19 38.6 19 64s20.4 46 45.5 46S110 89.4 110 64 89.6 18 64.5 18z"
/>
<path
fill="#663210"
d="M64.2 97c-4.1 0-8-.7-11.8-2.2-.5-.2-.8-.8-.6-1.3s.8-.8 1.3-.6c3.5 1.4 7.3 2.1 11.1 2.1C81.2 95 95 81.1 95 64c0-4.2-.8-8.2-2.4-12.1-.2-.5 0-1.1.5-1.3s1.1 0 1.3.5C96.1 55.2 97 59.6 97 64c0 18.2-14.7 33-32.8 33zM36.9 81.9c-.3 0-.7-.2-.9-.5-3.3-5.2-5-11.3-5-17.4 0-18.2 14.9-33 33.2-33 8.3 0 16.2 3 22.3 8.6.4.4.4 1 .1 1.4-.4.4-1 .4-1.4.1-5.7-5.2-13.2-8.1-21-8.1C47 33 33 46.9 33 64c0 5.8 1.6 11.5 4.7 16.4.3.5.2 1.1-.3 1.4-.2.1-.4.1-.5.1z"
/>
<path
fill="#eaeaea"
d="M73.4 78.4c-1 0-2-.4-2.8-1.2L52.7 59.3c-1.6-1.6-1.6-4.1 0-5.7s4.1-1.6 5.7 0l17.9 17.9c1.6 1.6 1.6 4.1 0 5.7-.9.8-1.9 1.2-2.9 1.2z"
/>
<path
fill="#d4d6d6"
d="M76.2 73.5c-.8.8-1.8 1.2-2.8 1.2s-2-.4-2.8-1.2L52.7 55.7c-.3-.3-.5-.6-.7-1-.8 1.5-.6 3.4.7 4.7l17.9 17.9c.8.8 1.8 1.2 2.8 1.2s2-.4 2.8-1.2c1.3-1.3 1.5-3.2.7-4.7-.2.3-.4.7-.7.9z"
/>
<path
fill="#eaeaea"
d="M55.5 78.4c-1 0-2-.4-2.8-1.2-1.6-1.6-1.6-4.1 0-5.7l17.9-17.9c1.6-1.6 4.1-1.6 5.7 0s1.6 4.1 0 5.7l-18 17.9c-.8.8-1.8 1.2-2.8 1.2z"
/>
<path
fill="#d4d6d6"
d="M76.2 55.7 58.3 73.5c-.8.8-1.8 1.2-2.8 1.2s-2-.4-2.8-1.2c-.3-.3-.5-.6-.7-1-.8 1.5-.6 3.4.7 4.7.8.8 1.8 1.2 2.8 1.2s2-.4 2.8-1.2l17.9-17.9c1.3-1.3 1.5-3.2.7-4.7-.2.4-.4.8-.7 1.1z"
/>
<g fill="#fff">
<path
d="M89.5 98.4c-.3 0-.6-.1-.8-.4-.3-.4-.2-1.1.2-1.4C99.2 88.8 105 76.9 105 64c0-16.9-10.5-32.3-26.2-38.3-.5-.2-.8-.8-.6-1.3s.8-.8 1.3-.6C95.9 30.2 107 46.3 107 64c0 13.5-6.1 26-16.9 34.2-.1.1-.4.2-.6.2zM49 26c-.4 0-.8-.2-.9-.6-.2-.5.1-1.1.6-1.3 5-2 10.2-2.9 15.6-2.9.6 0 1 .4 1 1s-.4 1-1 1c-5.1 0-10.2.9-14.9 2.8-.1-.1-.3 0-.4 0zM45 84.3c-.3 0-.5-.1-.7-.3C39 78.7 36 71.6 36 64c0-.6.4-1 1-1s1 .4 1 1c0 7 2.7 13.6 7.7 18.6.4.4.4 1 0 1.4-.2.2-.4.3-.7.3zM64.3 92c-5.7 0-11.1-1.6-15.8-4.6-.5-.3-.6-.9-.3-1.3s.9-.6 1.4-.3c4.3 2.8 9.4 4.3 14.7 4.3.6 0 1 .4 1 1 0 .5-.5.9-1 .9z"
opacity=".5"
/>
<path
d="M57 71.8c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l14.3-14.5c.4-.4 1-.4 1.4 0s.4 1 0 1.4L57.7 71.5c-.2.2-.4.3-.7.3zM59.7 59.8c-.2 0-.5-.1-.7-.2l-4-3.5c-.4-.4-.5-1-.1-1.4s1-.5 1.4-.1l4 3.5c.4.4.5 1 .1 1.4-.1.1-.4.3-.7.3zM72.5 72.2c-.2 0-.5-.1-.7-.3l-2.5-2.2c-.4-.4-.4-1-.1-1.4.4-.4 1-.4 1.4-.1l2.5 2.2c.4.4.4 1 .1 1.4-.2.3-.4.4-.7.4zM46 15c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4zm0-6.1c-1.2 0-2.1 1-2.1 2.1 0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-1 2.1-2.1 0-1.2-.9-2.1-2.1-2.1zM117 50c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4zm0-6.1c-1.2 0-2.1 1-2.1 2.1 0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-1 2.1-2.1 0-1.2-.9-2.1-2.1-2.1zM76.3 119c0-.4-.4-.8-1-.9l-1.9-.3c-.5-.1-1.1-.6-1.1-1.1l-.3-1.9c-.1-.5-.5-1-.9-1s-.8.4-.9 1l-.3 1.9c-.1.5-.6 1.1-1.1 1.1l-1.9.3c-.5.1-1 .5-1 .9s.4.8 1 .9l1.9.3c.5.1 1.1.6 1.1 1.1l.3 1.9c.1.5.5 1 .9 1s.8-.4.8-1l.3-2.1c.1-.5.6-1 1.1-1.1l1.8-.1c.8-.2 1.2-.5 1.2-.9zM13.3 57.5c0-.4-.4-.8-1-.9l-1.9-.3c-.5-.1-1.1-.6-1.1-1.1L9 53.3c-.1-.5-.5-1-.9-1s-.8.4-.9 1l-.3 1.9c-.1.5-.6 1.1-1.1 1.1l-1.9.3c-.5.1-1 .5-1 .9s.4.8 1 .9l1.9.3c.5.1 1.1.6 1.1 1.1l.3 1.9c.1.5.5 1 .9 1s.8-.4.8-1l.3-2.1c.1-.5.6-1 1.1-1.1l1.8-.1c.8-.2 1.2-.5 1.2-.9zM87.2 24.4c0-.4-.4-.8-1-.9l-4.8-.8c-.5-.1-1.1-.6-1.2-1.2l-.8-4.8c-.1-.5-.5-1-.9-1s-.8.4-.9 1l-.8 4.8c-.1.5-.6 1.1-1.2 1.2l-4.8.8c-.5.1-1 .5-1 .9s.4.8 1 .9l4.7.6c.5.1 1.1.6 1.2 1.1l.9 5c.1.5.5 1 .9 1s.8-.4.9-1l.9-5.1c.1-.5.6-1 1.2-1.1l4.7-.6c.6 0 1-.4 1-.8z"
/>
</g>
</svg>
More icons in the same style and category