Add icons to this collection by clicking the heart icon.
Buttons icon - also known as fashion, buttons, sewing, craft, tailoring, and handcraft. Created in a clean lineal color 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="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-11.237 0-20.346 9.109-20.346 20.346 0 11.236 9.109 20.345 20.346 20.345s20.346-9.109 20.346-20.345C20.346 9.109 11.237 0 0 0m-61.037 61.037c-11.237 0-20.346 9.109-20.346 20.346 0 11.236 9.109 20.345 20.346 20.345s20.346-9.109 20.346-20.345c0-11.237-9.109-20.346-20.346-20.346m0-122.074c-11.237 0-20.346 9.109-20.346 20.346 0 11.236 9.109 20.345 20.346 20.345s20.346-9.109 20.346-20.345c0-11.237-9.109-20.346-20.346-20.346M-122.074 0c-11.237 0-20.346 9.109-20.346 20.346 0 11.236 9.109 20.345 20.346 20.345s20.346-9.109 20.346-20.345C-101.728 9.109-110.837 0-122.074 0m61.037 180.346c-88.366 0-160-71.635-160-160 0-88.366 71.634-160 160-160 88.365 0 160 71.634 160 160 0 88.365-71.635 160-160 160"
transform="translate(228.537 147.154)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 81.948 61.611 149.496 141.037 158.876A161.5 161.5 0 0 1 122.074 160c-88.365 0-160-71.634-160-160s71.635-160 160-160a161.5 161.5 0 0 1 18.963 1.124C61.611-149.496 0-81.948 0 0"
transform="translate(45.426 167.5)"
fill="#60b8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.237 0-20.346 9.109-20.346 20.346 0 11.236 9.109 20.345 20.346 20.345s20.346-9.109 20.346-20.345C20.346 9.109 11.237 0 0 0m-61.037 61.037c-11.237 0-20.346 9.109-20.346 20.346 0 11.236 9.109 20.345 20.346 20.345s20.346-9.109 20.346-20.345c0-11.237-9.109-20.346-20.346-20.346m0-122.074c-11.237 0-20.346 9.109-20.346 20.346 0 11.236 9.109 20.345 20.346 20.345s20.346-9.109 20.346-20.345c0-11.237-9.109-20.346-20.346-20.346M-122.074 0c-11.237 0-20.346 9.109-20.346 20.346 0 11.236 9.109 20.345 20.346 20.345s20.346-9.109 20.346-20.345C-101.728 9.109-110.837 0-122.074 0m61.037 180.346c-88.366 0-160-71.635-160-160 0-88.366 71.634-160 160-160 88.365 0 160 71.634 160 160 0 88.365-71.635 160-160 160"
transform="translate(405.502 324.119)"
fill="#0ed2b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 81.948 61.611 149.496 141.037 158.876A161.5 161.5 0 0 1 122.074 160c-88.365 0-160-71.634-160-160s71.635-160 160-160a161.5 161.5 0 0 1 18.963 1.124C61.611-149.496 0-81.948 0 0"
transform="translate(222.39 344.464)"
fill="#06c19d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-88.366-71.634-160-160-160S-320-88.366-320 0s71.634 160 160 160S0 88.366 0 0Z"
transform="translate(504.5 344.5)"
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 0c-6.83 60.88-58.62 108.36-121.3 108.36-67.31 0-122.07-54.76-122.07-122.07s54.76-122.07 122.07-122.07c60 0 110.02 43.51 120.18 100.63"
transform="translate(465.8 358.21)"
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.237-9.109-20.346-20.346-20.346-11.236 0-20.345 9.109-20.345 20.346s9.109 20.346 20.345 20.346C-9.109 20.346 0 11.237 0 0Z"
transform="translate(303.809 344.5)"
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 0c11.237 0 20.346-9.109 20.346-20.346 0-11.236-9.109-20.345-20.346-20.345s-20.346 9.109-20.346 20.345C-20.346-9.109-11.237 0 0 0Z"
transform="translate(344.5 303.809)"
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.237 9.109 20.346 20.346 20.346 11.236 0 20.345-9.109 20.345-20.346s-9.109-20.346-20.345-20.346C9.109-20.346 0-11.237 0 0Z"
transform="translate(385.191 344.5)"
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 0c-11.237 0-20.346 9.109-20.346 20.346 0 11.236 9.109 20.345 20.346 20.345s20.346-9.109 20.346-20.345C20.346 9.109 11.237 0 0 0Z"
transform="translate(344.5 385.191)"
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 0-26.818 26.818"
transform="translate(258.201 430.77)"
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 0 26.818 26.818"
transform="translate(430.84 430.77)"
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 0 26.818-26.818"
transform="translate(430.84 258.13)"
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 0-26.717-26.717"
transform="translate(258.201 258.13)"
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 0c13.8 3.87 28.35 5.95 43.39 5.95 6.09 0 12.09-.34 18-1"
transform="translate(124.11 321.55)"
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 0c.66-5.91 1-11.91 1-18 0-88.37-71.63-160-160-160s-160 71.63-160 160c0 60.85 33.97 113.77 83.98 140.82"
transform="translate(326.5 185.5)"
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 0c2.1-8.96 3.21-18.3 3.21-27.9 0-67.31-54.76-122.07-122.07-122.07S-240.93-95.21-240.93-27.9s54.76 122.07 122.07 122.07c9.6 0 18.94-1.11 27.9-3.21"
transform="translate(286.36 195.4)"
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.237-9.109-20.346-20.346-20.346-11.236 0-20.345 9.109-20.345 20.346s9.109 20.346 20.345 20.346C-9.109 20.346 0 11.237 0 0Z"
transform="translate(126.809 167.5)"
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 0c11.237 0 20.346-9.109 20.346-20.346 0-11.236-9.109-20.345-20.346-20.345s-20.346 9.109-20.346 20.345C-20.346-9.109-11.237 0 0 0Z"
transform="translate(167.5 126.809)"
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.237 9.109 20.346 20.346 20.346 11.236 0 20.345-9.109 20.345-20.346s-9.109-20.346-20.345-20.346C9.109-20.346 0-11.237 0 0Z"
transform="translate(208.191 167.5)"
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 0c-11.237 0-20.346 9.109-20.346 20.346 0 11.236 9.109 20.345 20.346 20.345s20.346-9.109 20.346-20.345C20.346 9.109 11.237 0 0 0Z"
transform="translate(167.5 208.191)"
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 0-26.818 26.818"
transform="translate(81.201 253.77)"
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 0 26.818-26.818"
transform="translate(253.84 81.13)"
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 0-26.717-26.717"
transform="translate(81.201 81.13)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category