Add icons to this collection by clicking the heart icon.
Buttons icon - also known as fashion, buttons, clothes, and sewing. Created in a clean lineal color style with a white, silver, black, olive, and teal 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="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-9.582-9.553-25.06-9.553-34.642 0-9.553 9.553-9.553 25.058 0 34.611 9.582 9.553 25.06 9.553 34.642 0C9.553 25.058 9.553 9.553 0 0m-81.133 0c-9.554-9.553-25.06-9.553-34.614 0-9.553 9.553-9.553 25.058 0 34.611 9.554 9.553 25.06 9.553 34.614 0 9.553-9.553 9.553-25.058 0-34.611m0-46.489c9.553-9.581 9.553-25.058 0-34.639-9.554-9.553-25.06-9.553-34.614 0-9.553 9.581-9.553 25.058 0 34.639 9.554 9.553 25.06 9.553 34.614 0m46.491 0c9.582 9.553 25.06 9.553 34.642 0 9.553-9.581 9.553-25.058 0-34.639-9.582-9.553-25.06-9.553-34.642 0-9.553 9.581-9.553 25.058 0 34.639M89.581-23.244c0 55.219-58.682 145.814-147.469 147.458-88.787 1.644-147.468-71.547-147.468-147.458 0-37.9 18.058-82.177 49.241-109.531 31.297-27.468 75.775-37.928 98.227-37.928 44.847 0 37.052-7.965 49.581-4.224 15.875 20.297 38.328 45.185 64.182 51.478C76.881-99.298 89.581-78.463 89.581-23.244"
transform="translate(278.367 350.777)"
fill="#7bacdf"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0 97.739-79.263 176.967-177.008 176.967S-353.987 97.739-353.987 0c0-97.739 79.234-176.996 176.979-176.996 6.123 0 12.161.312 18.087.935 38.213 10.914 33.28 27.978 21.487 44.391-12.529-3.77-25.796-5.783-39.574-5.783-75.917 0-137.462 61.541-137.462 137.453s61.545 137.452 137.462 137.452c75.917 0 137.462-61.54 137.462-137.452 0-34.526-12.7-66.048-33.707-90.199 17.236-34.895 46.747-10.063 49.326 1.304C-8.731-62.759 0-32.4 0 0"
transform="translate(397.487 327.533)"
fill="#c5e3ff"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-6.86-6.86-6.86-17.944 0-24.804 6.832-6.831 17.944-6.831 24.776 0 6.861 6.86 6.861 17.944 0 24.804C17.944 6.831 6.832 6.831 0 0m-61.714.51c-6.832-6.86-6.832-17.944 0-24.803 6.86-6.832 17.944-6.832 24.805 0 6.832 6.859 6.832 17.943 0 24.803-6.861 6.86-17.945 6.86-24.805 0M70.163-11.877c0 48.926-39.688 88.611-88.618 88.611-48.957 0-88.646-39.685-88.646-88.611 0-48.955 39.689-88.64 88.646-88.64 48.93 0 88.618 39.685 88.618 88.64"
transform="translate(370.386 135.967)"
fill="#97d729"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c29.652-33.024 48.164-79.853 48.164-131.783 0-34.98-8.391-67.635-22.962-95.33a116.741 116.741 0 0 0 26.137 9.808c21.007 24.151 33.707 55.673 33.707 90.199C85.046-69.761 49.922-20.608 0 0"
transform="translate(272.896 454.639)"
fill="#3987d0"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0 97.739-79.263 176.967-177.008 176.967-10.12 0-20.071-.85-29.738-2.466 31.581-5.697 59.986-22.706 82.154-47.395C-74.67 106.498-39.546 57.345-39.546 0c0-34.526-12.7-66.048-33.707-90.199 8.873 2.183 18.144 3.317 27.696 3.317 7.4 0 14.628-.681 21.63-2.013C-8.731-62.759 0-32.4 0 0"
transform="translate(397.487 327.533)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c9.582 9.553 25.06 9.553 34.642 0 9.553-9.553 9.553-25.058 0-34.611-9.582-9.553-25.06-9.553-34.642 0C-9.553-25.058-9.553-9.553 0 0Z"
transform="translate(243.725 385.388)"
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 0c9.554 9.553 25.06 9.553 34.614 0 9.553-9.553 9.553-25.058 0-34.611-9.554-9.553-25.06-9.553-34.614 0C-9.553-25.058-9.553-9.553 0 0Z"
transform="translate(162.62 385.388)"
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 0c9.554 9.553 25.06 9.553 34.614 0 9.553-9.581 9.553-25.058 0-34.639-9.554-9.553-25.06-9.553-34.614 0C-9.553-25.058-9.553-9.581 0 0Z"
transform="translate(162.62 304.288)"
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 0c9.582 9.553 25.06 9.553 34.642 0 9.553-9.581 9.553-25.058 0-34.639-9.582-9.553-25.06-9.553-34.642 0C-9.553-25.058-9.553-9.581 0 0Z"
transform="translate(243.725 304.288)"
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 67.526-67.521"
transform="translate(186.716 361.293)"
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 67.526 67.521"
transform="translate(186.716 293.772)"
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.453-20.977 17.803-44.192 17.803-68.599 0-27.382-7.994-53.234-22.197-76.138 26.733 13.691 45.017 41.499 45.017 73.587C40.623-40.876 24.323-14.372 0 0"
transform="translate(393.915 195.24)"
fill="#81b821"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c45.613 0 82.607-36.993 82.607-82.602 0-45.638-36.994-82.63-82.607-82.63-45.641 0-82.635 36.992-82.635 82.63C-82.635-36.993-45.641 0 0 0m116.569-82.602c0 56.977-40.907 104.4-94.939 114.548C14.628 33.279 7.399 33.959 0 33.959c-9.553 0-18.823-1.134-27.696-3.316-25.825-6.293-48.278-21.176-64.181-41.472a116.43 116.43 0 0 1-21.488-44.39 117.906 117.906 0 0 1-3.232-27.383c0-64.403 52.218-116.589 116.597-116.589 64.38 0 116.569 52.186 116.569 116.589"
transform="translate(351.93 206.691)"
fill="#bbec6a"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-19.9 19.644-46.775 32.117-76.286 33.563C-61.403 20.211-49.1 4.96-40-11.707-15.677-26.079.623-52.583.623-82.857c0-32.088-18.284-59.896-45.017-73.587-9.865-15.931-22.707-30.416-37.987-43.002h.397c64.38 0 116.569 52.186 116.569 116.589C34.585-50.457 21.347-21.118 0 0"
transform="translate(433.915 206.946)"
fill="#97d729"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c64.21 0 116.569 52.384 116.569 116.589S64.21 233.15 0 233.15c-64.209 0-116.597-52.356-116.597-116.561C-116.597 52.384-64.209 0 0 0Z"
transform="translate(351.93 7.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 0c5.5 1.162 11.227 1.758 17.094 1.758 45.613 0 82.607-36.993 82.607-82.602 0-45.638-36.994-82.631-82.607-82.631-45.641 0-82.635 36.993-82.635 82.631 0 27.921 13.862 52.611 35.095 67.55"
transform="translate(334.837 204.934)"
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 0c6.832 6.831 17.944 6.831 24.776 0 6.861-6.86 6.861-17.944 0-24.804-6.832-6.831-17.944-6.831-24.776 0C-6.86-17.944-6.86-6.86 0 0Z"
transform="translate(370.386 135.967)"
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 0c6.859 6.86 17.944 6.86 24.805 0 6.832-6.86 6.832-17.943 0-24.803-6.861-6.831-17.946-6.831-24.805 0C-6.832-17.943-6.832-6.86 0 0Z"
transform="translate(308.672 136.477)"
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 0a173.682 173.682 0 0 0-18.115-.936c-97.745 0-176.979 79.257-176.979 176.997 0 97.738 79.234 176.967 176.979 176.967 97.745 0 177.008-79.229 177.008-176.967 0-32.401-8.731-62.788-23.927-88.895"
transform="translate(238.594 151.472)"
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 0c7.569 69.619 66.59 122.429 136.64 122.429 75.917 0 137.462-61.541 137.462-137.452 0-34.527-12.701-66.077-33.736-90.199m-64.152-41.471c-12.53-3.77-25.797-5.783-39.574-5.783-68.859 0-125.868 50.599-135.903 116.646"
transform="translate(83.84 342.556)"
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