Add icons to this collection by clicking the heart icon.
Button icon - also known as button, fashion, Tools and utensils, thread, sewing, Needlework, sew, miscellaneous, and handcraft. Created in a clean lineal color style with a gray, black, navy, 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M394.667 213.333c-5.292 0-10.462.474-15.57 1.156C359.819 126.694 282.914 64 192 64 86.135 64 0 150.135 0 256s86.135 192 192 192c41.74 0 82.303-13.87 115.555-39.007 21.493 23.88 52.53 39.007 87.112 39.007C459.365 448 512 395.365 512 330.667s-52.635-117.334-117.333-117.334z"
fill="#303c42"
/>
<path
d="M192 426.667c-94.104 0-170.667-76.563-170.667-170.667S97.896 85.333 192 85.333c80.818 0 149.197 55.767 166.298 133.84-43.391 14.193-75.741 52.988-80.376 99.862-20.076 27.314-51.975 43.632-85.922 43.632-5.896 0-10.667 4.771-10.667 10.667S186.104 384 192 384c32.586 0 63.548-12.611 87.007-34.385a116.387 116.387 0 0 0 15.781 42.314C265.207 414.313 229.13 426.667 192 426.667z"
fill="#68b345"
/>
<path
d="M207.035 394.667c-94.104 0-170.667-76.563-170.667-170.667 0-19.563 3.474-38.288 9.56-55.803-15.504 25.692-24.595 55.67-24.595 87.803 0 94.104 76.563 170.667 170.667 170.667 37.13 0 73.207-12.354 102.788-34.738-3.315-5.384-5.954-11.186-8.372-17.091-24.346 12.887-51.566 19.829-79.381 19.829z"
opacity=".1"
fill="#010101"
/>
<circle cx="394.667" cy="330.667" r="96" fill="#fcb316" />
<path
d="M478.628 285.083c.642 4.477 1.372 8.932 1.372 13.583 0 52.938-43.063 96-96 96-36.354 0-67.669-20.547-83.961-50.417 6.669 46.47 46.341 82.417 94.628 82.417 52.938 0 96-43.063 96-96 0-16.583-4.608-31.958-12.039-45.583z"
opacity=".1"
fill="#010101"
/>
<path
d="M202.667 138.667A10.66 10.66 0 0 0 192 128c-70.583 0-128 57.417-128 128a10.66 10.66 0 0 0 10.667 10.667A10.66 10.66 0 0 0 85.334 256c0-58.813 47.854-106.667 106.667-106.667a10.66 10.66 0 0 0 10.666-10.666z"
fill="#303c42"
/>
<circle cx="149.333" cy="213.333" r="21.333" fill="#303c42" />
<circle cx="234.667" cy="213.333" r="21.333" fill="#303c42" />
<circle cx="234.667" cy="298.667" r="21.333" fill="#303c42" />
<circle cx="149.333" cy="298.667" r="21.333" fill="#303c42" />
<circle cx="352" cy="330.667" r="21.333" fill="#303c42" />
<circle cx="437.333" cy="330.667" r="21.333" fill="#303c42" />
<linearGradient
id="a"
x1="-45.858"
x2="-23.573"
y1="638.291"
y2="627.9"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M394.667 213.333c-5.292 0-10.462.474-15.57 1.156C359.819 126.694 282.914 64 192 64 86.135 64 0 150.135 0 256s86.135 192 192 192c41.74 0 82.303-13.87 115.555-39.007 21.493 23.88 52.53 39.007 87.112 39.007C459.365 448 512 395.365 512 330.667s-52.635-117.334-117.333-117.334z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category