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 color style with a black, 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="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-10.521 0-19.06 8.53-19.06 19.06 0 10.52 8.539 19.06 19.06 19.06 10.53 0 19.06-8.54 19.06-19.06C19.06 8.53 10.53 0 0 0m-19.06-63.08c0 10.53 8.539 19.06 19.06 19.06 10.53 0 19.06-8.53 19.06-19.06S10.53-82.14 0-82.14c-10.521 0-19.06 8.53-19.06 19.06M83.28 0C72.75 0 64.22 8.53 64.22 19.06c0 10.52 8.53 19.06 19.06 19.06s19.06-8.54 19.06-19.06C102.34 8.53 93.81 0 83.28 0M64.22-63.08c0 10.53 8.53 19.06 19.06 19.06s19.06-8.53 19.06-19.06-8.53-19.06-19.06-19.06-19.06 8.53-19.06 19.06M41.64 149.37c-94.5 0-171.38-76.88-171.38-171.38s76.88-171.38 171.38-171.38 171.38 76.88 171.38 171.38-76.88 171.38-171.38 171.38"
transform="translate(137.24 354.13)"
fill="#ffdd81"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.53 0-19.06 8.53-19.06 19.06 0 10.52 8.53 19.06 19.06 19.06s19.06-8.54 19.06-19.06C19.06 8.53 10.53 0 0 0m0-82.14c-10.53 0-19.06 8.53-19.06 19.06S-10.53-44.02 0-44.02s19.06-8.53 19.06-19.06S10.53-82.14 0-82.14M-83.28 0c-10.52 0-19.06 8.53-19.06 19.06 0 10.52 8.54 19.06 19.06 19.06 10.53 0 19.06-8.54 19.06-19.06C-64.22 8.53-72.75 0-83.28 0m0-82.14c-10.52 0-19.06 8.53-19.06 19.06s8.54 19.06 19.06 19.06c10.53 0 19.06-8.53 19.06-19.06s-8.53-19.06-19.06-19.06m41.64 194.19c-74.04 0-134.06-60.02-134.06-134.06 0-74.04 60.02-134.06 134.06-134.06 74.04 0 134.06 60.02 134.06 134.06 0 74.04-60.02 134.06-134.06 134.06"
transform="translate(220.52 354.13)"
fill="#fdc202"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.33 0-20.51 9.19-20.51 20.51 0 11.33 9.18 20.52 20.51 20.52 11.33 0 20.51-9.19 20.51-20.52C20.51 9.19 11.33 0 0 0m-84.09 0c-11.32 0-20.51 9.19-20.51 20.51 0 11.33 9.19 20.52 20.51 20.52 11.33 0 20.52-9.19 20.52-20.52C-63.57 9.19-72.76 0-84.09 0M46.6 100.27c-44.05 48.96-119.45 52.93-168.4 8.88-48.96-44.04-52.93-119.44-8.88-168.39 44.05-48.96 119.44-52.94 168.4-8.89 48.95 44.05 52.93 119.45 8.88 168.4"
transform="translate(427.3 107.23)"
fill="#f291b9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 68.11 50.79 124.35 116.56 132.92-5.73.75-11.57 1.14-17.5 1.14C25.02 134.06-35 74.04-35 0c0-74.04 60.02-134.06 134.06-134.06 5.93 0 11.77.39 17.5 1.14C50.79-124.35 0-68.11 0 0"
transform="translate(79.82 332.12)"
fill="#f0a70a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-44.05 48.95-40.08 124.35 8.88 168.39 18.1 16.29 39.82 26.02 62.23 29.32-33.92 5.01-69.75-4.59-97.23-29.32C-75.08 124.35-79.05 48.95-35 0-7.24-30.86 32.97-43.85 71.17-38.2 44.67-34.29 19.32-21.47 0 0"
transform="translate(331.62 47.99)"
fill="#ef75a7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<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