Add icons to this collection by clicking the heart icon.
Buttons icon - also known as fashion, tool, buttons, sewing, craft, DIY, tailoring, and handcraft. 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="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a"><rect width="100%" height="100%" fill="#fff" /></mask>
<g mask="url(#a)">
<g
clip-path="url(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0c1.781-14.629-11.971-26.67-26.962-21.827-5.906 1.907-10.605 6.606-12.514 12.514-4.841 14.99 7.199 28.742 21.828 26.961C-8.426 16.526-1.122 9.223 0 0Z"
transform="translate(371.329 122.124)"
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 0c3.537-12.652 5.428-25.992 5.428-39.773 0-81.411-65.996-147.408-147.407-147.408-81.412 0-147.408 65.997-147.408 147.408 0 81.411 65.996 147.408 147.408 147.408 58.04 0 108.245-33.544 132.287-82.302"
transform="translate(454.654 194.68)"
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-63.193-51.229-114.422-114.423-114.422S-228.846-63.193-228.846 0c0 63.194 51.229 114.423 114.423 114.423S0 63.194 0 0Z"
transform="translate(427.097 154.907)"
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-11.244-9.115-20.359-20.36-20.359-11.244 0-20.36 9.115-20.36 20.359 0 11.244 9.116 20.359 20.36 20.359C-9.115 20.359 0 11.244 0 0Z"
transform="translate(294.584 119.568)"
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-11.244-9.115-20.36-20.36-20.36-11.244 0-20.36 9.116-20.36 20.36s9.116 20.359 20.36 20.359C-9.115 20.359 0 11.244 0 0Z"
transform="translate(294.584 190.247)"
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-11.244-9.115-20.36-20.359-20.36-11.245 0-20.361 9.116-20.361 20.36s9.116 20.359 20.361 20.359C-9.115 20.359 0 11.244 0 0Z"
transform="translate(371.485 190.247)"
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 0c18.139 8.671 38.449 13.526 59.895 13.526 76.788 0 139.037-62.249 139.037-139.037 0-18.591-3.65-36.329-10.27-52.538"
transform="translate(93.64 480.62)"
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 0a140.052 140.052 0 0 0-22.553-1.82c-76.788 0-139.037 62.249-139.037 139.037 0 46.264 22.597 87.251 57.355 112.525"
transform="translate(176.088 217.892)"
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-10.606-8.598-19.204-19.204-19.204S-38.407-10.606-38.407 0c0 10.605 8.597 19.203 19.203 19.203S0 10.605 0 0Z"
transform="translate(136.471 321.776)"
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-10.606-8.598-19.204-19.203-19.204-10.607 0-19.204 8.598-19.204 19.204 0 10.605 8.597 19.203 19.204 19.203C-8.598 19.203 0 10.605 0 0Z"
transform="translate(209.006 321.776)"
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-10.606-8.598-19.204-19.204-19.204S-38.407-10.606-38.407 0c0 10.605 8.597 19.203 19.203 19.203S0 10.605 0 0Z"
transform="translate(136.471 388.441)"
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-10.606-8.598-19.204-19.203-19.204-10.607 0-19.204 8.598-19.204 19.204 0 10.605 8.597 19.203 19.204 19.203C-8.598 19.203 0 10.605 0 0Z"
transform="translate(209.006 388.441)"
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-56.509-45.811-102.319-102.319-102.319-56.51 0-102.32 45.81-102.32 102.319 0 56.51 45.81 102.319 102.32 102.319C-45.811 102.319 0 56.51 0 0Z"
transform="translate(497.503 402.18)"
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-9.333-7.565-16.898-16.898-16.898-9.333 0-16.9 7.565-16.9 16.898 0 9.333 7.567 16.898 16.9 16.898C-7.565 16.898 0 9.333 0 0Z"
transform="translate(380.168 402.18)"
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-9.333-7.565-16.898-16.898-16.898-9.333 0-16.899 7.565-16.899 16.898 0 9.333 7.566 16.898 16.899 16.898C-7.565 16.898 0 9.333 0 0Z"
transform="translate(443.996 402.18)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</svg>
More icons in the same style and category