Add icons to this collection by clicking the heart icon.
Buttons icon - also known as fashion, clothing, buttons, sewing, tailor, DIY, art and design, handcraft, and fashion design. Created in a clean flat 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 64 64"
>
<g>
<circle cx="19" cy="19" r="17" fill="#ceaeb7" />
<path
fill="#e0bdc7"
d="M19 2A16.99 16.99 0 0 0 6.027 29.973 16.99 16.99 0 0 0 29.973 6.027 16.922 16.922 0 0 0 19 2z"
/>
<circle cx="19" cy="19" r="13" fill="#b7959a" />
<path
fill="#c1a0a7"
d="M20 7a12.985 12.985 0 0 0-9.669 21.669 12.985 12.985 0 0 0 18.338-18.338A12.942 12.942 0 0 0 20 7z"
/>
<circle cx="51" cy="17" r="10" fill="#ddc2b3" />
<path
fill="#f4dac9"
d="M51 7a9.99 9.99 0 0 0-7.547 16.547A9.99 9.99 0 0 0 57.547 9.453 9.95 9.95 0 0 0 51 7z"
/>
<circle cx="51" cy="17" r="6" fill="#ad968c" />
<g fill="#997a80">
<circle cx="19" cy="13" r="2" />
<circle cx="19" cy="25" r="2" />
<circle cx="13" cy="19" r="2" />
<circle cx="25" cy="19" r="2" />
</g>
<circle cx="47" cy="47" r="15" fill="#50718c" />
<path
fill="#5783a0"
d="M47 32a15 15 0 0 0-11.559 24.559 15 15 0 0 0 21.118-21.118A14.938 14.938 0 0 0 47 32z"
/>
<circle cx="47" cy="47" r="11" fill="#415772" />
<path
fill="#49637c"
d="M48 37a10.987 10.987 0 0 0-8.254 18.254 10.987 10.987 0 0 0 15.508-15.508A10.944 10.944 0 0 0 48 37z"
/>
<circle cx="43" cy="47" r="2" fill="#35485b" />
<circle cx="51" cy="47" r="2" fill="#35485b" />
<path
fill="#b5873c"
d="M25 51a3.972 3.972 0 0 0-1.49-3.11 4 4 0 0 0-4.4-4.4 3.991 3.991 0 0 0-6.22 0 4 4 0 0 0-4.4 4.4 3.991 3.991 0 0 0 0 6.22 4 4 0 0 0 4.4 4.4 3.991 3.991 0 0 0 6.22 0 4 4 0 0 0 4.4-4.4A3.972 3.972 0 0 0 25 51zm-5.6 3.67A5 5 0 1 1 21 51a5.017 5.017 0 0 1-1.6 3.67z"
/>
<path
fill="#e5a755"
d="M16.19 46.01A1.21 1.21 0 0 0 16 46a4.975 4.975 0 0 0-2.8.85 4.508 4.508 0 0 0-.6.48l-.04-.02a4.019 4.019 0 0 0-4.07.58 4 4 0 0 1 6.8-3.25 3.917 3.917 0 0 1 .88 1.32zM22.36 57.36A4.011 4.011 0 0 1 15.81 56v-.01A1.21 1.21 0 0 0 16 56a5.017 5.017 0 0 0 3.4-1.33 4.006 4.006 0 0 0 4.11-.56 3.952 3.952 0 0 1-1.15 3.25zM12.89 58.51a4 4 0 0 1-1.93-7.68h.05A.97.97 0 0 0 11 51a5.017 5.017 0 0 0 1.33 3.4 4.006 4.006 0 0 0 .56 4.11zM23.51 47.89a3.96 3.96 0 0 1-1.15 2.4 3.917 3.917 0 0 1-1.32.88l-.05.02A1.21 1.21 0 0 0 21 51a5.017 5.017 0 0 0-1.33-3.4l.02-.04a4.019 4.019 0 0 0-.58-4.07 4 4 0 0 1 4.4 4.4z"
/>
<circle cx="16" cy="51" r="5" fill="#d3d3d3" />
<path
fill="#eaeaea"
d="M16 46a4.979 4.979 0 0 0-3.988 7.988 4.979 4.979 0 0 0 6.976-6.976A4.959 4.959 0 0 0 16 46z"
/>
<path
fill="#c9aea1"
d="M52 12a5.995 5.995 0 0 0-4.71 9.71 5.995 5.995 0 0 0 8.42-8.42A5.974 5.974 0 0 0 52 12z"
/>
<path
fill="#cc9648"
d="M52 11.09V7.05c-.329-.032-.662-.05-1-.05s-.671.018-1 .05v4.04a5.6 5.6 0 0 1 2 0zM50 22.91v4.04c.329.032.662.05 1 .05s.671-.018 1-.05v-4.04a5.6 5.6 0 0 1-2 0z"
/>
</g>
</svg>
More icons in the same style and category