Add icons to this collection by clicking the heart icon.
Button icon - also known as button, fashion, clothes, studs, and rivet. Created in a clean lineal color style with a white, silver, gray, 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="512"
height="512"
viewBox="0 0 64 64"
>
<path
fill="#cf9e76"
d="M32 42v6c0 4.97-6.72 9-15 9S2 52.97 2 48v-6c.08 4.98 6.77 9 15 9s14.92-4.02 15-9z"
/>
<path
fill="#d3a06c"
d="M20 33h-6c-6.85.84-12 4.51-12 8.91V42c.08 4.98 6.77 9 15 9s14.92-4.02 15-9v-.09c0-4.4-5.15-8.07-12-8.91z"
/>
<path
fill="#ccd1d9"
d="M20 37c1.79.56 3 1.59 3 2.78 0 1.78-2.69 3.22-6 3.22s-6-1.44-6-3.22c0-1.19 1.21-2.22 3-2.78v.68c0 .43 1 1.32 3 1.32s3-.89 3-1.32z"
/>
<path
fill="#e6e9ed"
d="M20 37v.68c0 .43-1 1.32-3 1.32s-3-.89-3-1.32v-8.32c.83.43 1.87.64 3 .64s2.17-.21 3-.64V33z"
/>
<path
fill="#ff826e"
d="M20 29.36c-.83.43-1.87.64-3 .64s-2.17-.21-3-.64c-1.21-.62-2-1.73-2-3.36 0-2.76 5-8 5-8s5 5.24 5 8c0 1.63-.79 2.74-2 3.36z"
/>
<path
fill="#fcd770"
d="M62 28v6c0 4.97-6.72 9-15 9s-15-4.03-15-9v-6c.08 4.98 6.77 9 15 9s14.92-4.02 15-9z"
/>
<path
fill="#ffeaa7"
d="M50 19h-6c-6.85.84-12 4.51-12 8.91V28c.08 4.98 6.77 9 15 9s14.92-4.02 15-9v-.09c0-4.4-5.15-8.07-12-8.91z"
/>
<path
fill="#ccd1d9"
d="M50 23c1.79.56 3 1.59 3 2.78 0 1.78-2.69 3.22-6 3.22s-6-1.44-6-3.22c0-1.19 1.21-2.22 3-2.78v.68c0 .43 1 1.32 3 1.32s3-.89 3-1.32z"
/>
<path
fill="#e6e9ed"
d="M50 23v.68c0 .43-1 1.32-3 1.32s-3-.89-3-1.32v-8.32c.83.43 1.87.64 3 .64s2.17-.21 3-.64V19z"
/>
<path
fill="#5cd6b3"
d="M50 15.36c-.83.43-1.87.64-3 .64s-2.17-.21-3-.64c-1.21-.62-2-1.73-2-3.36 0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.79 2.74-2 3.36z"
/>
<path
d="M63 27.909c0-4.704-4.893-8.638-12-9.768v-2.256c1.26-.872 2-2.205 2-3.884 0-3.309-2.691-6-6-6s-6 2.691-6 6c0 1.679.74 3.012 2 3.884v2.256c-7.107 1.13-12 5.065-12 9.768 0 .031.007.06.007.091H31v6c0 5.607 7.028 10 16 10s16-4.393 16-10v-6h-.007c0-.031.007-.06.007-.091zm-19.777-3.507C43.721 25.259 45.066 26 47 26s3.279-.741 3.777-1.598c.755.406 1.223.91 1.223 1.383C52 26.71 50.098 28 47 28s-5-1.29-5-2.215c0-.473.468-.977 1.223-1.383zM47 8c2.206 0 4 1.794 4 4 0 2.708-2.797 3-4 3s-4-.292-4-3c0-2.206 1.794-4 4-4zm0 9c.726 0 1.385-.098 2-.247v6.712c-.205.176-.835.535-2 .535s-1.795-.359-2-.535v-6.712A8.403 8.403 0 0 0 47 17zm-4 3.161v2.141c-1.889.767-3 2.034-3 3.484C40 28.188 43.009 30 47 30s7-1.812 7-4.215c0-1.45-1.111-2.717-3-3.484V20.16c5.857 1.022 10 4.179 10 7.749C61 32.295 54.589 36 47 36s-14-3.705-14-8.091c0-3.57 4.143-6.726 10-7.748zM61 34c0 4.337-6.411 8-14 8s-14-3.663-14-8v-1.142C35.705 35.948 40.9 38 47 38s11.295-2.052 14-5.142z"
/>
<path
d="M36 25h2v2h-2zM56 25h2v2h-2zM46 32h2v2h-2zM21 32.141v-2.256c1.26-.872 2-2.205 2-3.884 0-3.073-4.736-8.125-5.277-8.69L17 16.552l-.723.758C15.736 17.875 11 22.927 11 26c0 1.679.74 3.012 2 3.884v2.256c-7.107 1.13-12 5.065-12 9.768 0 .032.007.061.007.092H1v6c0 5.607 7.028 10 16 10s16-4.393 16-10v-6h-.007c0-.031.007-.06.007-.091 0-4.704-4.893-8.638-12-9.768zm-7.777 6.261C13.721 39.259 15.066 40 17 40s3.279-.741 3.777-1.598c.755.406 1.223.91 1.223 1.383C22 40.71 20.098 42 17 42s-5-1.29-5-2.215c0-.473.468-.977 1.223-1.383zM17 19.479c1.778 2.009 4 5.015 4 6.521 0 2.708-2.797 3-4 3s-4-.292-4-3c0-1.504 2.222-4.511 4-6.521zM17 31c.726 0 1.385-.098 2-.247v6.712c-.205.176-.835.535-2 .535s-1.795-.359-2-.535v-6.712A8.403 8.403 0 0 0 17 31zm-4 3.161v2.141c-1.889.767-3 2.034-3 3.484C10 42.188 13.009 44 17 44s7-1.812 7-4.215c0-1.45-1.111-2.717-3-3.484V34.16c5.857 1.022 10 4.179 10 7.749C31 46.295 24.589 50 17 50S3 46.295 3 41.909c0-3.57 4.143-6.726 10-7.748zM31 48c0 4.337-6.411 8-14 8S3 52.337 3 48v-1.142C5.705 49.948 10.9 52 17 52s11.295-2.052 14-5.142z"
/>
<path d="M6 39h2v2H6zM26 39h2v2h-2zM16 46h2v2h-2z" />
</svg>
More icons in the same style and category