Add icons to this collection by clicking the heart icon.
Cloth Button icon - also known as clothing, sewing, tailor, DIY, cloth button, tailoring, art and design, handcraft, and fashion design. 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 512 512"
>
<circle cx="256" cy="256.05" r="256" fill="#3586cb" />
<path
fill="#fc715a"
d="M218.44 43.91a115.8 115.8 0 1 0 115.8 115.8 115.8 115.8 0 0 0-115.8-115.8zm8.39 65.09a13.17 13.17 0 1 1-18.63 0 13.17 13.17 0 0 1 18.63 0zm-59.1 40.48a13.17 13.17 0 1 1 0 18.62 13.19 13.19 0 0 1 0-18.62zM210 191.8a13.17 13.17 0 1 1 0 18.63 13.17 13.17 0 0 1 0-18.63zm59.11-21.86a13.17 13.17 0 1 1 0-18.63 13.17 13.17 0 0 1 .04 18.63z"
/>
<path
fill="#f55b4b"
d="M218.44 69a90.67 90.67 0 1 0 90.66 90.67A90.66 90.66 0 0 0 218.44 69zm-32.09 99.1a13.17 13.17 0 1 1 0-18.62 13.17 13.17 0 0 1 0 18.62zM208.2 109a13.17 13.17 0 1 1 0 18.62 13.18 13.18 0 0 1 0-18.62zm20.46 101.43a13.17 13.17 0 1 1 0-18.63 13.19 13.19 0 0 1 0 18.63zm40.49-40.49a13.17 13.17 0 1 1 0-18.63 13.17 13.17 0 0 1 0 18.63z"
/>
<path
fill="#f55b4b"
d="M157.2 159.71a115.86 115.86 0 0 1 88.52-112.57 115.8 115.8 0 1 0 0 225.14 115.9 115.9 0 0 1-88.52-112.57z"
/>
<path
fill="#db1b1b"
d="M157.2 159.71a115.54 115.54 0 0 1 41-88.4 90.68 90.68 0 0 0 0 176.78 115.53 115.53 0 0 1-41-88.38z"
/>
<circle cx="274.31" cy="115.08" r="8.41" fill="#fc715a" />
<circle cx="261.92" cy="102.69" r="5.96" fill="#fc715a" />
<path
fill="#fff"
d="M354 288.55A88.41 88.41 0 1 0 442.38 377 88.4 88.4 0 0 0 354 288.55zm6.41 49.69a10.06 10.06 0 1 1-14.22 0 10.07 10.07 0 0 1 14.2 0zm-45.12 30.91a10 10 0 1 1 0 14.21 10.06 10.06 0 0 1-.02-14.21zm32.3 32.3a10.06 10.06 0 1 1 0 14.22 10.07 10.07 0 0 1-.02-14.22zm45.12-16.68a10.05 10.05 0 1 1 0-14.22 10.06 10.06 0 0 1-.02 14.22z"
/>
<path
fill="#d3d3d3"
d="M354 307.74A69.22 69.22 0 1 0 423.19 377 69.22 69.22 0 0 0 354 307.74zm-24.5 75.62a10 10 0 1 1 0-14.21 10 10 0 0 1-.02 14.21zm16.69-45.12a10.06 10.06 0 1 1 0 14.22 10.07 10.07 0 0 1-.02-14.22zm15.62 77.43a10.06 10.06 0 1 1 0-14.22 10.07 10.07 0 0 1-.02 14.22zm30.9-30.9a10.05 10.05 0 1 1 0-14.22 10.06 10.06 0 0 1-.02 14.22z"
/>
<path
fill="#d3d3d3"
d="M307.23 377a88.47 88.47 0 0 1 67.58-86 88.41 88.41 0 1 0 0 171.87A88.44 88.44 0 0 1 307.23 377z"
/>
<path
fill="#bababa"
d="M307.23 377a88.2 88.2 0 0 1 31.29-67.48 69.23 69.23 0 0 0 0 135A88.24 88.24 0 0 1 307.23 377z"
/>
<circle cx="396.63" cy="342.89" r="6.42" fill="#fff" />
<circle cx="387.18" cy="333.43" r="4.55" fill="#fff" />
<path
fill="#4f4f74"
d="M105.3 309.67A74.5 74.5 0 1 0 205.89 341a74.5 74.5 0 0 0-100.59-31.33zm24.24 34.57a8.47 8.47 0 1 1-10.61 5.57 8.48 8.48 0 0 1 10.61-5.57zM108 385a8.47 8.47 0 1 1 5.57 10.61A8.47 8.47 0 0 1 108 385zm36.76 11.46a8.47 8.47 0 1 1 5.55 10.54 8.47 8.47 0 0 1-5.57-10.57zm27.13-30.13a8.47 8.47 0 1 1-5.57-10.61 8.49 8.49 0 0 1 5.55 10.58z"
/>
<path
fill="#3e436d"
d="M112.81 324a58.33 58.33 0 1 0 78.76 24.53A58.33 58.33 0 0 0 112.81 324zm11.34 66a8.47 8.47 0 1 1-5.56-10.6 8.47 8.47 0 0 1 5.56 10.6zm-5.22-40.2a8.47 8.47 0 1 1 5.57 10.61 8.48 8.48 0 0 1-5.57-10.6zm42 51.66a8.47 8.47 0 1 1-5.57-10.61 8.47 8.47 0 0 1 5.55 10.62zm11-35.17a8.47 8.47 0 1 1-5.57-10.61 8.49 8.49 0 0 1 5.51 10.62z"
/>
<path
fill="#3e436d"
d="M105 394a74.58 74.58 0 0 1 16.76-90.6 74.51 74.51 0 1 0 67.36 128.2A74.55 74.55 0 0 1 105 394z"
/>
<path
fill="#32314b"
d="M105 394a74.29 74.29 0 0 1-3-62.66A58.34 58.34 0 0 0 154.81 432 74.31 74.31 0 0 1 105 394z"
/>
<g fill="#4f4f74">
<circle cx="158.4" cy="333.51" r="5.41" />
<circle cx="147.65" cy="330.16" r="3.83" />
</g>
</svg>
More icons in the same style and category