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 black, olive, and navy 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="M256 0C114.844 0 0 114.844 0 256s114.844 256 256 256 256-114.844 256-256S397.156 0 256 0zm-53.333 320c-5.885 0-10.667-4.781-10.667-10.667s4.781-10.667 10.667-10.667 10.667 4.781 10.667 10.667S208.552 320 202.667 320zm0-106.667c-5.885 0-10.667-4.781-10.667-10.667S196.781 192 202.667 192s10.667 4.781 10.667 10.667-4.782 10.666-10.667 10.666zM309.333 320c-5.885 0-10.667-4.781-10.667-10.667s4.781-10.667 10.667-10.667S320 303.448 320 309.333 315.219 320 309.333 320zm0-106.667c-5.885 0-10.667-4.781-10.667-10.667S303.448 192 309.333 192 320 196.781 320 202.667s-4.781 10.666-10.667 10.666z"
fill="#303c42"
/>
<path
d="M256 21.333C126.604 21.333 21.333 126.604 21.333 256S126.604 490.667 256 490.667 490.667 385.396 490.667 256 385.396 21.333 256 21.333zm-53.333 320c-17.646 0-32-14.354-32-32s14.354-32 32-32 32 14.354 32 32-14.354 32-32 32zm0-106.666c-17.646 0-32-14.354-32-32s14.354-32 32-32 32 14.354 32 32-14.354 32-32 32zm106.666 106.666c-17.646 0-32-14.354-32-32s14.354-32 32-32 32 14.354 32 32-14.354 32-32 32zm0-106.666c-17.646 0-32-14.354-32-32s14.354-32 32-32 32 14.354 32 32-14.354 32-32 32z"
fill="#bf6b29"
/>
<path
d="M437.333 245.333A10.66 10.66 0 0 0 426.666 256c0 94.104-76.563 170.667-170.667 170.667-5.896 0-10.667 4.771-10.667 10.667S250.104 448 256 448c105.865 0 192-86.135 192-192a10.66 10.66 0 0 0-10.667-10.667zM266.667 74.667A10.66 10.66 0 0 0 256 64C150.135 64 64 150.135 64 256a10.66 10.66 0 0 0 10.667 10.667A10.66 10.66 0 0 0 85.334 256c0-94.104 76.563-170.667 170.667-170.667a10.66 10.66 0 0 0 10.666-10.666z"
fill="#303c42"
/>
<path
d="M256 106.667c-82.474 0-149.333 66.858-149.333 149.333 0 82.474 66.859 149.333 149.333 149.333S405.333 338.474 405.333 256c0-82.475-66.859-149.333-149.333-149.333zm-53.333 234.666c-17.646 0-32-14.354-32-32s14.354-32 32-32 32 14.354 32 32-14.354 32-32 32zm0-106.666c-17.646 0-32-14.354-32-32s14.354-32 32-32 32 14.354 32 32-14.354 32-32 32zm106.666 106.666c-17.646 0-32-14.354-32-32s14.354-32 32-32 32 14.354 32 32-14.354 32-32 32zm0-106.666c-17.646 0-32-14.354-32-32s14.354-32 32-32 32 14.354 32 32-14.354 32-32 32z"
opacity=".1"
fill="#010101"
/>
<linearGradient
id="a"
x1="-45.578"
x2="-23.828"
y1="639.555"
y2="629.414"
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="M256 0C114.844 0 0 114.844 0 256s114.844 256 256 256 256-114.844 256-256S397.156 0 256 0zm-53.333 320c-5.885 0-10.667-4.781-10.667-10.667s4.781-10.667 10.667-10.667 10.667 4.781 10.667 10.667S208.552 320 202.667 320zm0-106.667c-5.885 0-10.667-4.781-10.667-10.667S196.781 192 202.667 192s10.667 4.781 10.667 10.667-4.782 10.666-10.667 10.666zM309.333 320c-5.885 0-10.667-4.781-10.667-10.667s4.781-10.667 10.667-10.667S320 303.448 320 309.333 315.219 320 309.333 320zm0-106.667c-5.885 0-10.667-4.781-10.667-10.667S303.448 192 309.333 192 320 196.781 320 202.667s-4.781 10.666-10.667 10.666z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category