Add icons to this collection by clicking the heart icon.
Button icon - also known as button, fashion, sewing, craft, tailoring, and handcraft. Created in a clean flat style with a yellow, olive, teal, orange, 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 512 512"
>
<path
fill="#ffea38"
d="M376.5 15C310.056 15 256 69.056 256 135.5S310.056 256 376.5 256 497 201.944 497 135.5 442.944 15 376.5 15zm-30.125 165.625c-8.409 0-14.636-6.873-15-15-.363-8.101 7.154-15 15-15 8.409 0 14.636 6.873 15 15 .363 8.101-7.154 15-15 15zm0-60.25c-8.409 0-14.636-6.873-15-15-.363-8.101 7.154-15 15-15 8.409 0 14.636 6.873 15 15 .363 8.101-7.154 15-15 15zm60.25 60.25c-8.409 0-14.636-6.873-15-15-.363-8.101 7.154-15 15-15 8.409 0 14.636 6.873 15 15 .363 8.101-7.154 15-15 15zm0-60.25c-8.409 0-14.636-6.873-15-15-.363-8.101 7.154-15 15-15 8.409 0 14.636 6.873 15 15 .363 8.101-7.154 15-15 15z"
/>
<path
fill="#ffca6b"
d="M376.5 271C301.785 271 241 210.215 241 135.5S301.785 0 376.5 0 512 60.785 512 135.5 451.215 271 376.5 271zm0-241C318.327 30 271 77.327 271 135.5S318.327 241 376.5 241 482 193.673 482 135.5 434.673 30 376.5 30z"
/>
<path
fill="#ffca6b"
d="M497 135.5C497 69.056 442.944 15 376.5 15v241c66.444 0 120.5-54.056 120.5-120.5zm-90.375-45.125c8.409 0 14.636 6.873 15 15 .363 8.101-7.154 15-15 15-8.409 0-14.636-6.873-15-15-.363-8.101 7.154-15 15-15zm0 60.25c8.409 0 14.636 6.873 15 15 .363 8.101-7.154 15-15 15-8.409 0-14.636-6.873-15-15-.363-8.101 7.154-15 15-15z"
/>
<path
fill="#ffae55"
d="M482 135.5c0 58.173-47.327 105.5-105.5 105.5v30c74.715 0 135.5-60.785 135.5-135.5S451.215 0 376.5 0v30C434.673 30 482 77.327 482 135.5z"
/>
<path
fill="#9deb00"
d="M135.5 256C69.056 256 15 310.056 15 376.5S69.056 497 135.5 497 256 442.944 256 376.5 201.944 256 135.5 256zm-30.125 165.625c-8.409 0-14.636-6.873-15-15-.363-8.101 7.154-15 15-15 8.409 0 14.636 6.873 15 15 .363 8.101-7.154 15-15 15zm0-60.25c-8.409 0-14.636-6.873-15-15-.363-8.101 7.154-15 15-15 8.409 0 14.636 6.873 15 15 .363 8.101-7.154 15-15 15zm60.25 60.25c-8.409 0-14.636-6.873-15-15-.363-8.101 7.154-15 15-15 8.409 0 14.636 6.873 15 15 .363 8.101-7.154 15-15 15zm0-60.25c-8.409 0-14.636-6.873-15-15-.363-8.101 7.154-15 15-15 8.409 0 14.636 6.873 15 15 .363 8.101-7.154 15-15 15z"
/>
<path
fill="#69d505"
d="M135.5 512C60.785 512 0 451.215 0 376.5S60.785 241 135.5 241 271 301.785 271 376.5 210.215 512 135.5 512zm0-241C77.327 271 30 318.327 30 376.5S77.327 482 135.5 482 241 434.673 241 376.5 193.673 271 135.5 271z"
/>
<path
fill="#69d505"
d="M256 376.5c0-66.444-54.056-120.5-120.5-120.5v241c66.444 0 120.5-54.056 120.5-120.5zm-90.375-45.125c8.409 0 14.636 6.873 15 15 .363 8.101-7.154 15-15 15-8.409 0-14.636-6.873-15-15-.363-8.101 7.154-15 15-15zm0 60.25c8.409 0 14.636 6.873 15 15 .363 8.101-7.154 15-15 15-8.409 0-14.636-6.873-15-15-.363-8.101 7.154-15 15-15z"
/>
<path
fill="#00c75e"
d="M241 376.5c0 58.173-47.327 105.5-105.5 105.5v30c74.715 0 135.5-60.785 135.5-135.5S210.215 241 135.5 241v30c58.173 0 105.5 47.327 105.5 105.5z"
/>
</svg>
More icons in the same style and category