Add icons to this collection by clicking the heart icon.
Button icon - also known as button, fashion, shapes, circle, buttons, clothes, circles, circle shapes, clothes button, and clothing button. Created in a clean lineal style with a black 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-94.5 0-171.381 76.881-171.381 171.381S-94.5 342.763 0 342.763s171.381-76.882 171.381-171.382S94.5 0 0 0Z"
transform="translate(178.881 160.736)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-74.041-60.021-134.062-134.062-134.062-74.041 0-134.062 60.021-134.062 134.062 0 74.041 60.021 134.062 134.062 134.062C-60.021 134.062 0 74.041 0 0Z"
transform="translate(312.943 332.118)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="320,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c-10.526 0-19.06 8.534-19.06 19.06 0 10.526 8.534 19.06 19.06 19.06 10.527 0 19.06-8.534 19.06-19.06C19.06 8.534 10.527 0 0 0Z"
transform="translate(220.52 354.126)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="400,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c-10.527 0-19.06 8.534-19.06 19.06 0 10.526 8.533 19.06 19.06 19.06 10.526 0 19.06-8.534 19.06-19.06C19.06 8.534 10.526 0 0 0Z"
transform="translate(137.242 354.126)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="400,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c-10.526 0-19.06 8.533-19.06 19.06 0 10.526 8.534 19.06 19.06 19.06 10.527 0 19.06-8.534 19.06-19.06C19.06 8.533 10.527 0 0 0Z"
transform="translate(220.52 271.99)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="400,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c-10.527 0-19.06 8.533-19.06 19.06 0 10.526 8.533 19.06 19.06 19.06 10.526 0 19.06-8.534 19.06-19.06C19.06 8.533 10.526 0 0 0Z"
transform="translate(137.242 271.99)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="400,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c-48.955-44.049-124.35-40.072-168.399 8.883-44.049 48.955-40.072 124.35 8.883 168.399 48.955 44.049 124.349 40.072 168.399-8.883C52.932 119.444 48.955 44.049 0 0Z"
transform="translate(465.016 39.102)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="560,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c-11.329 0-20.512 9.183-20.512 20.512 0 11.328 9.183 20.511 20.512 20.511 11.328 0 20.512-9.183 20.512-20.511C20.512 9.183 11.328 0 0 0Z"
transform="translate(427.3 107.232)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="400,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c-11.329 0-20.512 9.183-20.512 20.512 0 11.328 9.183 20.511 20.512 20.511 11.328 0 20.511-9.183 20.511-20.511C20.511 9.183 11.328 0 0 0Z"
transform="translate(343.214 107.232)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="400,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category