Add icons to this collection by clicking the heart icon.
Button icon - also known as button, fashion, Tools and utensils, sewing, art and design, fashion designer, handcraft, and modiste. 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.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath746">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path744" />
</clipPath>
</defs>
<g id="g738" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g740">
<g id="g742" clip-path="url(#clipPath746)">
<g id="g748" transform="translate(502.0005,256)">
<path
d="m 0,0 c 0,135.863 -110.138,246.001 -246,246.001 -135.863,0 -246.001,-110.138 -246.001,-246.001 0,-135.862 110.138,-246 246.001,-246 135.862,0 246,110.138 246,246 m -432.001,0 c 0,102.726 83.275,186.001 186.001,186.001 102.725,0 186,-83.275 186,-186.001 0,-102.726 -83.275,-186.001 -186,-186.001 -102.726,0 -186.001,83.275 -186.001,186.001"
id="path750"
fill="#c58965"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
</g>
<g id="g752" transform="translate(185.9995,296.0005)">
<path
d="m 0,0 c -16.568,0 -30,13.431 -30,30 0,16.568 13.432,30 30,30 16.569,0 30,-13.432 30,-30 0,-0.561 -0.017,-1.117 -0.047,-1.669 L 70,-11.716 110.048,28.331 C 110.018,28.883 110,29.439 110,30 c 0,16.568 13.432,30 30,30 16.569,0 30,-13.432 30,-30 0,-16.569 -13.431,-30 -30,-30 -0.56,0 -1.116,0.017 -1.668,0.047 L 98.285,-40 138.332,-80.048 c 0.552,0.03 1.108,0.048 1.668,0.048 16.569,0 30,-13.432 30,-30 0,-16.569 -13.431,-30 -30,-30 -16.568,0 -30,13.431 -30,30 0,0.559 0.018,1.115 0.048,1.667 L 70,-68.285 29.953,-108.332 C 29.983,-108.884 30,-109.44 30,-110 c 0,-16.569 -13.431,-30 -30,-30 -16.568,0 -30,13.431 -30,30 0,16.568 13.432,30 30,30 0.561,0 1.117,-0.018 1.669,-0.048 L 41.716,-40 1.668,0.047 C 1.116,0.017 0.56,0 0,0 m 70,146 c -102.725,0 -186,-83.275 -186,-186 0,-102.726 83.275,-186.001 186,-186.001 102.726,0 186.001,83.275 186.001,186.001 0,102.725 -83.275,186 -186.001,186"
id="path754"
fill="#dca98a"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
</g>
<g id="g756" transform="translate(187.668,296.0474)">
<path
d="m 0,0 40.047,-40.047 28.285,28.284 -40.047,40.047 -1.669,1.669 C 18.837,37.731 6.11,37.731 -1.669,29.952 -9.447,22.174 -9.447,9.447 -1.669,1.669 Z m -1.668,29.953 z"
id="path758"
fill="#c58965"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
</g>
<g id="g760" transform="translate(284.2842,256)">
<path
d="M 0,0 -28.285,-28.284 11.763,-68.332 13.432,-70 c 7.778,-7.779 20.505,-7.779 28.284,0 7.778,7.778 7.778,20.506 0,28.284 l -1.669,1.669 z m 41.716,-70 z"
id="path762"
fill="#c58965"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
</g>
<g id="g764" transform="translate(255.9995,227.7158)">
<path
d="M 0,0 28.285,28.284 68.332,68.332 70,70 c 7.779,7.779 7.779,20.505 0,28.285 -7.778,7.778 -20.505,7.778 -28.284,-10e-4 L 40.048,96.616 0,56.568 -28.284,28.284 -68.331,-11.763 -70,-13.432 c -7.778,-7.778 -7.779,-20.506 0,-28.284 7.779,-7.779 20.506,-7.779 28.284,0 l 1.669,1.669 z M -70,-41.716 Z M 70,98.285 Z"
id="path766"
fill="#c58965"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
</g>
<g id="g768" transform="translate(112.645,455.9238)">
<path
d="m 0,0 c 40.365,28.995 89.863,46.077 143.355,46.077 135.862,0 246,-110.138 246,-246.001 0,-135.862 -110.138,-246 -246,-246 -135.863,0 -246.001,110.138 -246.001,246 0,53.493 17.081,102.993 46.078,143.355"
id="path770"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g772" transform="translate(356.1768,99.2549)">
<path
d="m 0,0 c -28.915,-18.519 -63.292,-29.256 -100.177,-29.256 -102.725,0 -186.001,83.276 -186.001,186.001 0,102.726 83.276,186.001 186.001,186.001 102.726,0 186.001,-83.275 186.001,-186.001 0,-36.885 -10.737,-71.262 -29.256,-100.177"
id="path774"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g776" transform="translate(187.668,296.0474)">
<path
d="m 0,0 c -0.553,-0.03 -1.108,-0.047 -1.668,-0.047 -16.569,0 -30,13.431 -30,30 0,16.568 13.431,30 30,30 16.568,0 30,-13.432 30,-30 0,-0.56 -0.017,-1.117 -0.047,-1.669"
id="path778"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g780" transform="translate(296.0474,324.3315)">
<path
d="m 0,0 c -0.03,0.552 -0.047,1.108 -0.047,1.668 0,16.569 13.431,30 30,30 16.568,0 30,-13.431 30,-30 0,-16.568 -13.432,-29.999 -30,-29.999 -0.56,0 -1.117,0.017 -1.669,0.047"
id="path782"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g784" transform="translate(215.9526,187.6685)">
<path
d="m 0,0 c 0.03,-0.552 0.047,-1.108 0.047,-1.668 0,-16.569 -13.431,-30 -30,-30 -16.568,0 -30,13.431 -30,30 0,16.568 13.432,30 30,30 0.56,0 1.117,-0.018 1.669,-0.048"
id="path786"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g788" transform="translate(324.3311,215.9526)">
<path
d="m 0,0 c 0.552,0.03 1.109,0.047 1.669,0.047 16.569,0 30,-13.431 30,-30 0,-16.568 -13.431,-30 -30,-30 -16.568,0 -30,13.432 -30,30 0,0.56 0.017,1.116 0.047,1.668"
id="path790"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g792" transform="translate(284.2842,256)">
<path
d="m 0,0 41.716,-41.716 c 7.778,-7.778 7.778,-20.506 0,-28.284 h -10e-4 c -7.778,-7.779 -20.505,-7.779 -28.283,0 l -41.717,41.716 M -56.569,0 -98.285,41.716 c -7.778,7.779 -7.778,20.505 0,28.284 v 0 c 7.779,7.779 20.506,7.778 28.285,0 l 41.715,-41.716"
id="path794"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g796" transform="translate(326,325.9995)">
<path
d="M 0,0 V 0.001 C -7.779,7.779 -20.506,7.779 -28.284,0 L -140,-111.715 c -7.779,-7.779 -7.779,-20.506 -0.001,-28.285 H -140 c 7.778,-7.778 20.505,-7.778 28.284,0 L 0,-28.283 C 7.778,-20.505 7.778,-7.778 0,0 Z"
id="path798"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g800" transform="translate(82.0483,429.9463)">
<path
d="M 0,0 0.005,0.005"
id="path802"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g804" transform="translate(387.52,124.4751)">
<path
d="M 0,0 0.005,0.005"
id="path806"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category