Add icons to this collection by clicking the heart icon.
Button icon - also known as button, fashion, thread, sewing, Needlework, handcraft, and edit tools. Created in a clean enchant style with a white, red, yellow, and purple 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="100"
height="100"
viewBox="0 0 396.066 396.066"
>
<circle cx="197.982" cy="197.982" r="191.147" fill="#ffe600" />
<path
d="M197.973 395.947C88.813 395.947 0 307.133 0 197.973S88.813 0 197.973 0s197.973 88.813 197.973 197.973-88.813 197.974-197.973 197.974zm0-382.294c-101.634 0-184.32 82.686-184.32 184.32s82.686 184.32 184.32 184.32 184.32-82.686 184.32-184.32-82.686-184.32-184.32-184.32z"
fill="#ffe600"
/>
<path
d="M27.307 204.919a6.941 6.941 0 0 1-6.946-6.946c0-97.94 79.674-177.613 177.613-177.613 3.84 0 6.946 3.106 6.946 6.946s-3.106 6.946-6.946 6.946c-90.274 0-163.721 73.446-163.721 163.721a6.941 6.941 0 0 1-6.946 6.946z"
fill="#fff"
/>
<circle cx="197.982" cy="197.982" r="116.053" fill="#fff" />
<path
d="M197.973 320.853c-67.753 0-122.88-55.127-122.88-122.88s55.127-122.88 122.88-122.88 122.88 55.127 122.88 122.88-55.127 122.88-122.88 122.88zm0-232.106c-60.227 0-109.227 49-109.227 109.227s49 109.227 109.227 109.227S307.2 258.2 307.2 197.973s-49-109.226-109.227-109.226z"
fill="#602f75"
/>
<circle cx="157.022" cy="238.942" r="13.653" fill="#00e7ff" />
<path
d="M157.013 259.413c-11.293 0-20.48-9.187-20.48-20.48 0-11.293 9.187-20.48 20.48-20.48s20.48 9.187 20.48 20.48c0 11.293-9.187 20.48-20.48 20.48zm0-27.306c-3.767 0-6.827 3.06-6.827 6.827s3.06 6.827 6.827 6.827 6.827-3.06 6.827-6.827-3.06-6.827-6.827-6.827z"
fill="#602f75"
/>
<circle cx="238.942" cy="238.942" r="13.653" fill="#00e7ff" />
<path
d="M238.933 259.413c-11.293 0-20.48-9.187-20.48-20.48 0-11.293 9.187-20.48 20.48-20.48 11.293 0 20.48 9.187 20.48 20.48 0 11.293-9.187 20.48-20.48 20.48zm0-27.306c-3.767 0-6.827 3.06-6.827 6.827s3.06 6.827 6.827 6.827 6.827-3.06 6.827-6.827-3.06-6.827-6.827-6.827z"
fill="#602f75"
/>
<circle cx="157.022" cy="157.022" r="13.653" fill="#00e7ff" />
<path
d="M157.013 177.493c-11.293 0-20.48-9.187-20.48-20.48s9.187-20.48 20.48-20.48 20.48 9.187 20.48 20.48-9.187 20.48-20.48 20.48zm0-27.306c-3.767 0-6.827 3.06-6.827 6.827s3.06 6.827 6.827 6.827 6.827-3.06 6.827-6.827-3.06-6.827-6.827-6.827z"
fill="#602f75"
/>
<circle cx="238.942" cy="157.022" r="13.653" fill="#fff" />
<path
d="M238.933 177.493c-11.293 0-20.48-9.187-20.48-20.48s9.187-20.48 20.48-20.48c11.293 0 20.48 9.187 20.48 20.48s-9.187 20.48-20.48 20.48zm0-27.306c-3.767 0-6.827 3.06-6.827 6.827s3.06 6.827 6.827 6.827 6.827-3.06 6.827-6.827-3.06-6.827-6.827-6.827z"
fill="#602f75"
/>
<path
d="M389.12 396.066h-13.653c-18.886 0-34.253-15.367-34.253-34.253V184.32c0-11.226-9.134-20.361-20.361-20.361h-81.92c-3.84 0-6.946-3.106-6.946-6.946s3.106-6.946 6.946-6.946h81.92c18.886 0 34.253 15.367 34.253 34.253v177.493c0 11.226 9.134 20.361 20.361 20.361h13.653a6.941 6.941 0 0 1 6.946 6.946 6.941 6.941 0 0 1-6.946 6.946z"
fill="#ea3457"
/>
</svg>
More icons in the same style and category