Add icons to this collection by clicking the heart icon.
Cloth Button icon - also known as fashion, shapes, clothes, circles, beauty, cloth button, and clothing button. Created in a clean outline color style with a white, black, teal, and orange 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"
>
<circle cx="256" cy="256" r="241.5" fill="#fff" />
<path
fill="#292d34"
d="M256 508C117 508 4 395 4 256S117 4 256 4s252 113 252 252-113 252-252 252zm0-483C128.6 25 25 128.6 25 256s103.6 231 231 231 231-103.6 231-231S383.4 25 256 25z"
/>
<path
fill="#2dcb73"
d="M256 456.6c-110.6 0-200.6-90-200.6-200.6S145.4 55.4 256 55.4s200.6 90 200.6 200.6-90 200.6-200.6 200.6z"
/>
<circle cx="256" cy="154.2" r="53.1" fill="#f7c44c" />
<path
fill="#292d34"
d="M256 217.8c-35.1 0-63.6-28.5-63.6-63.6s28.5-63.6 63.6-63.6 63.6 28.5 63.6 63.6-28.5 63.6-63.6 63.6zm0-106.2c-23.5 0-42.6 19.1-42.6 42.6s19.1 42.6 42.6 42.6 42.6-19.1 42.6-42.6-19.1-42.6-42.6-42.6z"
/>
<circle cx="256" cy="357.8" r="53.1" fill="#f7c44c" />
<path
fill="#292d34"
d="M256 421.4c-35.1 0-63.6-28.5-63.6-63.6s28.5-63.6 63.6-63.6 63.6 28.5 63.6 63.6-28.5 63.6-63.6 63.6zm0-106.2c-23.5 0-42.6 19.1-42.6 42.6s19.1 42.6 42.6 42.6 42.6-19.1 42.6-42.6-19.1-42.6-42.6-42.6z"
/>
<circle cx="357.8" cy="256" r="53.1" fill="#fff" />
<path
fill="#292d34"
d="M357.8 319.6c-35.1 0-63.6-28.5-63.6-63.6s28.5-63.6 63.6-63.6 63.6 28.5 63.6 63.6-28.5 63.6-63.6 63.6zm0-106.2c-23.5 0-42.6 19.1-42.6 42.6s19.1 42.6 42.6 42.6 42.6-19.1 42.6-42.6-19.1-42.6-42.6-42.6z"
/>
<circle cx="154.1" cy="256" r="53.1" fill="#fff" />
<path
fill="#292d34"
d="M154.1 319.6c-35.1 0-63.6-28.5-63.6-63.6s28.5-63.6 63.6-63.6 63.6 28.5 63.6 63.6-28.5 63.6-63.6 63.6zm0-106.2c-23.5 0-42.6 19.1-42.6 42.6s19.1 42.6 42.6 42.6 42.6-19.1 42.6-42.6-19.1-42.6-42.6-42.6z"
/>
</svg>
More icons in the same style and category