Add icons to this collection by clicking the heart icon.
Buttons icon - also known as fashion, clothing, buttons, clothes, wear, sew, and art and design. Created in a clean lineal color style with a white, black, and pink 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-5.984 49.041 9.844 100.236 47.486 137.878 64.958 64.957 170.274 64.957 235.231 0s64.957-170.274 0-235.231c-37.758-37.758-89.153-53.568-138.331-47.43"
transform="translate(170.565 315.404)"
fill="#fff3a0"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-10.374 40 .105 84.291 31.438 115.624 47.08 47.079 123.41 47.079 170.489 0 47.079-47.079 47.079-123.41 0-170.489-31.333-31.333-75.623-41.812-115.624-31.438"
transform="translate(218.984 305.287)"
fill="#fff7c0"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-9.635 9.636-9.635 25.258 0 34.893 9.635 9.635 25.257 9.635 34.893 0 9.635-9.635 9.635-25.257 0-34.893C25.257-9.635 9.635-9.635 0 0"
transform="translate(348.598 287.842)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.635 9.636-9.635 25.258 0 34.893 9.635 9.635 25.257 9.635 34.893 0 9.635-9.635 9.635-25.257 0-34.893C25.257-9.635 9.635-9.635 0 0Z"
transform="translate(348.598 287.842)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-9.635 9.635-9.635 25.257 0 34.893 9.636 9.635 25.258 9.635 34.893 0 9.635-9.636 9.635-25.258 0-34.893C25.258-9.635 9.636-9.635 0 0"
transform="translate(287.842 348.598)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.635 9.635-9.635 25.257 0 34.893 9.636 9.635 25.258 9.635 34.893 0 9.635-9.636 9.635-25.258 0-34.893C25.258-9.635 9.636-9.635 0 0Z"
transform="translate(287.842 348.598)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c9.636 9.635 25.258 9.635 34.893 0 9.635-9.635 9.635-25.257 0-34.893-9.635-9.635-25.257-9.635-34.893 0C-9.635-25.257-9.635-9.635 0 0"
transform="translate(287.842 322.735)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c9.636 9.635 25.258 9.635 34.893 0 9.635-9.635 9.635-25.257 0-34.893-9.635-9.635-25.257-9.635-34.893 0C-9.635-25.257-9.635-9.635 0 0Z"
transform="translate(287.842 322.735)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c9.635 9.635 25.257 9.635 34.893 0 9.635-9.636 9.635-25.258 0-34.893-9.636-9.635-25.258-9.635-34.893 0C-9.635-25.258-9.635-9.636 0 0"
transform="translate(348.598 383.491)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c9.635 9.635 25.257 9.635 34.893 0 9.635-9.636 9.635-25.258 0-34.893-9.636-9.635-25.258-9.635-34.893 0C-9.635-25.258-9.635-9.636 0 0Z"
transform="translate(348.598 383.491)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 83.781 67.918 151.7 151.7 151.7 83.781 0 151.699-67.919 151.699-151.7 0-83.781-67.918-151.7-151.699-151.7C67.918-151.7 0-83.781 0 0"
transform="translate(10 161.7)"
fill="#ff7d97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c19.27 61.648 76.818 106.387 144.816 106.387 83.782 0 151.7-67.919 151.7-151.7 0-83.781-67.918-151.7-151.7-151.7-67.967 0-125.495 44.699-144.79 106.304"
transform="translate(16.883 207.013)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(10 161.7)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 57.725 46.795 104.52 104.52 104.52 57.724 0 104.519-46.795 104.519-104.52 0-57.725-46.795-104.52-104.519-104.52C46.795-104.52 0-57.725 0 0"
transform="translate(57.18 161.7)"
fill="#ff9eb1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 57.725 46.795 104.52 104.52 104.52 57.724 0 104.519-46.795 104.519-104.52 0-57.725-46.795-104.52-104.519-104.52C46.795-104.52 0-57.725 0 0Z"
transform="translate(57.18 161.7)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c11.545 0 20.905-9.359 20.905-20.905C20.905-32.45 11.545-41.81 0-41.81c-11.545 0-20.905 9.36-20.905 20.905C-20.905-9.359-11.545 0 0 0"
transform="translate(123.261 182.605)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.545 0 20.905-9.359 20.905-20.905C20.905-32.45 11.545-41.81 0-41.81c-11.545 0-20.905 9.36-20.905 20.905C-20.905-9.359-11.545 0 0 0Z"
transform="translate(123.261 182.605)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c11.545 0 20.905-9.359 20.905-20.905C20.905-32.45 11.545-41.81 0-41.81c-11.545 0-20.905 9.36-20.905 20.905C-20.905-9.359-11.545 0 0 0"
transform="translate(200.138 182.605)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.545 0 20.905-9.359 20.905-20.905C20.905-32.45 11.545-41.81 0-41.81c-11.545 0-20.905 9.36-20.905 20.905C-20.905-9.359-11.545 0 0 0Z"
transform="translate(200.138 182.605)"
fill="none"
stroke="#000"
stroke-width="20"
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