Add icons to this collection by clicking the heart icon.
Button icon - also known as button, fashion, cloth, sewing, DIY, clothes button, tailoring, art and design, handcraft, and fashion design. Created in a clean outline 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="512"
height="512"
viewBox="0 0 173.397 173.397"
>
<g fill-rule="evenodd">
<path
d="M86.699 13.501c-40.36 0-73.197 32.837-73.197 73.197S46.34 159.896 86.7 159.896s73.196-32.837 73.196-73.198c0-40.36-32.837-73.197-73.196-73.197zm0 149.737c-20.447 0-39.664-7.961-54.122-22.419C18.122 126.363 10.16 107.143 10.16 86.7c0-20.445 7.962-39.666 22.417-54.122C47.035 18.12 66.252 10.159 86.699 10.159c20.443 0 39.663 7.962 54.121 22.418 14.455 14.456 22.417 33.677 22.417 54.121 0 20.444-7.962 39.665-22.417 54.121-14.458 14.457-33.679 22.42-54.121 22.42z"
/>
<path
d="M86.699 29.876c-31.333 0-56.824 25.49-56.824 56.822 0 31.332 25.491 56.823 56.824 56.823 31.332 0 56.823-25.491 56.823-56.823s-25.49-56.822-56.823-56.822zm0 116.987c-33.175 0-60.166-26.99-60.166-60.165 0-33.174 26.991-60.164 60.166-60.164 33.174 0 60.165 26.99 60.165 60.164 0 33.175-26.991 60.165-60.165 60.165z"
/>
<path
d="M68.884 116.698a12.13 12.13 0 0 1-6.085-1.633c-5.828-3.366-7.833-10.847-4.467-16.677a12.065 12.065 0 0 1 6.02-5.224 1.67 1.67 0 0 1 2.172.928c.345.857-.07 1.83-.926 2.173a8.765 8.765 0 0 0-4.373 3.794c-2.444 4.233-.989 9.667 3.245 12.112 4.237 2.444 9.668.988 12.112-3.246a8.795 8.795 0 0 0 .887-6.728 8.808 8.808 0 0 0-4.132-5.383 8.87 8.87 0 0 0-1.128-.55 1.667 1.667 0 0 1-.923-2.175 1.668 1.668 0 0 1 2.173-.924 12.09 12.09 0 0 1 1.549.754 12.127 12.127 0 0 1 5.689 7.413c.846 3.15.41 6.44-1.219 9.264-2.26 3.912-6.37 6.102-10.594 6.102zM101.345 116.706c-2.116 0-4.206-.555-6.086-1.64a12.125 12.125 0 0 1-5.688-7.414c-.842-3.15-.411-6.44 1.218-9.264a12.088 12.088 0 0 1 6.023-5.224 1.67 1.67 0 1 1 1.243 3.102 8.772 8.772 0 0 0-4.37 3.793 8.813 8.813 0 0 0-.887 6.728 8.811 8.811 0 0 0 4.133 5.384 8.811 8.811 0 0 0 6.73.885 8.805 8.805 0 0 0 5.381-4.13 8.811 8.811 0 0 0 .885-6.729 8.803 8.803 0 0 0-4.13-5.383 9.16 9.16 0 0 0-1.127-.55 1.672 1.672 0 1 1 1.25-3.1c.532.215 1.05.47 1.549.755a12.139 12.139 0 0 1 5.688 7.414c.843 3.149.411 6.44-1.222 9.264a12.121 12.121 0 0 1-7.412 5.688c-1.05.282-2.12.421-3.178.421zM64.975 83.482c-.21 0-.422-.039-.627-.122a12.425 12.425 0 0 1-1.55-.754 12.139 12.139 0 0 1-5.688-7.413 12.143 12.143 0 0 1 1.222-9.265 12.121 12.121 0 0 1 7.412-5.688c3.151-.844 6.44-.41 9.264 1.22 5.832 3.366 7.837 10.847 4.47 16.677a12.095 12.095 0 0 1-6.023 5.225 1.672 1.672 0 0 1-2.172-.93 1.673 1.673 0 0 1 .93-2.172 8.797 8.797 0 0 0 4.372-3.794c2.444-4.234.985-9.667-3.248-12.112a8.806 8.806 0 0 0-6.726-.886 8.813 8.813 0 0 0-5.386 4.131 8.812 8.812 0 0 0-.884 6.729 8.806 8.806 0 0 0 4.129 5.383c.362.208.741.393 1.131.55a1.673 1.673 0 0 1-.626 3.221zM97.432 83.482c-.209 0-.418-.039-.623-.122a12.367 12.367 0 0 1-1.55-.754 12.128 12.128 0 0 1-5.688-7.413c-.842-3.15-.411-6.44 1.218-9.264 3.367-5.83 10.848-7.834 16.68-4.47 5.828 3.367 7.833 10.848 4.466 16.678a12.073 12.073 0 0 1-6.019 5.225 1.671 1.671 0 0 1-1.243-3.102 8.777 8.777 0 0 0 4.37-3.794c2.443-4.234.988-9.667-3.245-12.112-4.234-2.444-9.668-.989-12.112 3.245a8.814 8.814 0 0 0-.888 6.729 8.81 8.81 0 0 0 4.133 5.383c.358.208.738.393 1.127.55a1.672 1.672 0 0 1-.626 3.221z"
/>
<path
d="M101.363 77.19a2.264 2.264 0 0 0-2.26 2.26v17.625a2.264 2.264 0 0 0 2.26 2.259 2.261 2.261 0 0 0 2.26-2.26V79.45a2.262 2.262 0 0 0-2.26-2.26zm0 25.486a5.608 5.608 0 0 1-5.602-5.601V79.45a5.608 5.608 0 0 1 5.602-5.601 5.606 5.606 0 0 1 5.601 5.601v17.625a5.606 5.606 0 0 1-5.601 5.6zM68.905 77.19a2.262 2.262 0 0 0-2.26 2.26v17.625a2.262 2.262 0 0 0 2.26 2.259 2.261 2.261 0 0 0 2.26-2.26V79.45a2.262 2.262 0 0 0-2.26-2.26zm0 25.486a5.608 5.608 0 0 1-5.601-5.601V79.45a5.608 5.608 0 0 1 5.601-5.601 5.608 5.608 0 0 1 5.602 5.601v17.625a5.608 5.608 0 0 1-5.602 5.6z"
/>
<path
fill="#bbdefb"
d="M90.79 65.929c3.366-5.83 10.847-7.834 16.679-4.47 5.828 3.367 7.833 10.848 4.466 16.678a12.058 12.058 0 0 1-4.971 4.747v10.76a12.139 12.139 0 0 1 6.193 7.688c.843 3.15.411 6.44-1.222 9.264a12.121 12.121 0 0 1-7.412 5.688 12.133 12.133 0 0 1-9.264-1.22 12.125 12.125 0 0 1-5.688-7.412c-.842-3.15-.411-6.44 1.218-9.264a12.078 12.078 0 0 1 4.972-4.746V82.88a12.128 12.128 0 0 1-6.19-7.687c-.842-3.15-.411-6.44 1.218-9.264zM75.007 61.46c5.832 3.366 7.837 10.847 4.47 16.677a12.085 12.085 0 0 1-4.971 4.745v10.763a12.127 12.127 0 0 1 6.19 7.688c.846 3.149.41 6.44-1.219 9.263-2.26 3.912-6.37 6.102-10.594 6.102a12.13 12.13 0 0 1-6.085-1.633c-5.828-3.366-7.833-10.847-4.467-16.677a12.05 12.05 0 0 1 4.972-4.748V82.881a12.139 12.139 0 0 1-6.194-7.688 12.143 12.143 0 0 1 1.222-9.265 12.121 12.121 0 0 1 7.412-5.688c3.151-.844 6.44-.41 9.264 1.22zM29.875 86.698c0 31.332 25.491 56.823 56.824 56.823 31.332 0 56.823-25.491 56.823-56.823s-25.49-56.822-56.823-56.822c-31.333 0-56.824 25.49-56.824 56.822z"
/>
<path
fill="#80deea"
d="M71.165 94.648V81.873a1.67 1.67 0 0 1 0-.119V79.45a2.262 2.262 0 0 0-2.26-2.26 2.262 2.262 0 0 0-2.26 2.26v17.625a2.262 2.262 0 0 0 2.26 2.259 2.261 2.261 0 0 0 2.26-2.26v-2.29a1.7 1.7 0 0 1 0-.135z"
/>
<g fill="#e57373">
<path
d="M68.905 73.849a5.61 5.61 0 0 1 5.578 5.082 8.873 8.873 0 0 0 2.102-2.465c2.444-4.234.985-9.667-3.248-12.112a8.806 8.806 0 0 0-6.726-.886 8.813 8.813 0 0 0-5.386 4.131 8.812 8.812 0 0 0-.884 6.729 8.8 8.8 0 0 0 2.987 4.601 5.61 5.61 0 0 1 5.577-5.08zM74.483 97.598a5.61 5.61 0 0 1-5.578 5.078 5.61 5.61 0 0 1-5.578-5.085 8.829 8.829 0 0 0-2.102 2.468c-2.444 4.233-.989 9.667 3.245 12.112 4.237 2.444 9.668.988 12.112-3.246a8.795 8.795 0 0 0 .887-6.728 8.796 8.796 0 0 0-2.986-4.599zM93.686 100.059a8.813 8.813 0 0 0-.888 6.728 8.811 8.811 0 0 0 4.133 5.384 8.811 8.811 0 0 0 6.73.885 8.805 8.805 0 0 0 5.381-4.13 8.811 8.811 0 0 0 .885-6.729 8.798 8.798 0 0 0-2.987-4.6 5.607 5.607 0 0 1-5.577 5.08 5.61 5.61 0 0 1-5.579-5.083 8.837 8.837 0 0 0-2.098 2.465z"
/>
</g>
<path
fill="#80deea"
d="M99.103 94.63c.003.056.003.112 0 .168v2.277a2.264 2.264 0 0 0 2.26 2.259 2.261 2.261 0 0 0 2.26-2.26V79.45a2.262 2.262 0 0 0-2.26-2.26 2.264 2.264 0 0 0-2.26 2.26v2.263c.004.066.004.132 0 .198z"
/>
<path
fill="#e57373"
d="M101.362 73.849a5.607 5.607 0 0 1 5.578 5.085 8.837 8.837 0 0 0 2.102-2.468c2.444-4.234.989-9.667-3.245-12.112-4.233-2.444-9.667-.989-12.111 3.245a8.814 8.814 0 0 0-.888 6.729 8.8 8.8 0 0 0 2.987 4.599 5.61 5.61 0 0 1 5.577-5.078z"
/>
<path
fill="#e57373"
d="M146.864 86.698c0 33.175-26.991 60.165-60.166 60.165-33.174 0-60.165-26.99-60.165-60.165s26.991-60.164 60.165-60.164c33.175 0 60.166 26.99 60.166 60.164zM86.698 13.501c-40.36 0-73.196 32.836-73.196 73.197 0 40.36 32.837 73.198 73.196 73.198 40.36 0 73.197-32.837 73.197-73.198 0-40.36-32.837-73.197-73.197-73.197z"
/>
</g>
</svg>
More icons in the same style and category