Add icons to this collection by clicking the heart icon.
Button icon - also known as button, fashion, and sewing. Created in a clean yellow style with a white, yellow, teal, and orange 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M476.867 255c0 136.533-110.933 247.467-247.467 247.467C138.093 502.467 7.533 391.533 7.533 255S138.093 7.533 229.4 7.533c136.533 0 247.467 110.934 247.467 247.467"
transform="translate(1 1)"
fill="#fecc00"
/>
<path
d="M255 434.2c-98.987 0-179.2-80.213-179.2-179.2S156.013 75.8 255 75.8 434.2 156.013 434.2 255 353.987 434.2 255 434.2"
transform="translate(1 1)"
fill="#ffe100"
/>
<path
d="M255 7.533h-12.8C372.76 14.36 476.867 122.733 476.867 255S372.76 495.64 242.2 502.467H255c136.533 0 247.467-110.933 247.467-247.467S391.533 7.533 255 7.533"
transform="translate(1 1)"
fill="#ffa800"
/>
<path
d="M255.853 502.467h12.8C138.093 495.64 33.987 387.267 33.987 255S138.093 14.36 268.653 7.533h-12.8C119.32 7.533 8.387 118.467 8.387 255S119.32 502.467 255.853 502.467"
transform="translate(1 1)"
fill="#fff"
/>
<path
d="M348.867 297.667c-23.893 0-42.667-18.773-42.667-42.667s18.773-42.667 42.667-42.667c23.893 0 42.667 18.773 42.667 42.667s-18.774 42.667-42.667 42.667"
transform="translate(1 1)"
fill="#00da6c"
/>
<path
d="M323.267 297.667c1.707 0-17.067-18.773-17.067-42.667s18.773-42.667 17.067-42.667c23.893 0 42.667 18.773 42.667 42.667s-18.774 42.667-42.667 42.667"
transform="translate(1 1)"
fill="#00da6c"
/>
<path
d="M348.867 212.333c-4.267 0-8.533.853-12.8 2.56 17.067 5.12 29.867 21.333 29.867 40.107s-12.8 34.987-29.867 40.107c4.267 1.707 8.533 2.56 12.8 2.56 23.893 0 42.667-18.773 42.667-42.667s-18.774-42.667-42.667-42.667"
transform="translate(1 1)"
fill="#00ad55"
/>
<path
d="M229.4 391.533c1.707 0-17.067-18.773-17.067-42.667 0-23.893 18.773-42.667 17.067-42.667 23.893 0 42.667 18.773 42.667 42.667 0 23.894-18.774 42.667-42.667 42.667"
transform="translate(1 1)"
fill="#00da6c"
/>
<path
d="M255 306.2c-4.267 0-8.533.853-12.8 2.56 17.067 5.12 29.867 21.333 29.867 40.107 0 18.773-12.8 34.987-29.867 40.107 4.267 1.707 8.533 2.56 12.8 2.56 23.893 0 42.667-18.773 42.667-42.667 0-23.894-18.774-42.667-42.667-42.667"
transform="translate(1 1)"
fill="#00ad55"
/>
<path
d="M135.533 297.667c1.707 0-17.067-18.773-17.067-42.667s18.773-42.667 17.067-42.667c23.893 0 42.667 18.773 42.667 42.667s-18.773 42.667-42.667 42.667"
transform="translate(1 1)"
fill="#00da6c"
/>
<path
d="M161.133 212.333c-4.267 0-8.533.853-12.8 2.56C165.4 220.013 178.2 236.227 178.2 255s-12.8 34.987-29.867 40.107c4.267 1.707 8.533 2.56 12.8 2.56 23.893 0 42.667-18.773 42.667-42.667s-18.773-42.667-42.667-42.667"
transform="translate(1 1)"
fill="#00ad55"
/>
<path
d="M229.4 203.8c1.707 0-17.067-18.773-17.067-42.667s18.773-42.667 17.067-42.667c23.893 0 42.667 18.773 42.667 42.667S253.293 203.8 229.4 203.8"
transform="translate(1 1)"
fill="#00da6c"
/>
<path
d="M255 118.467c-4.267 0-8.533.853-12.8 2.56 17.067 5.12 29.867 21.333 29.867 40.107s-12.8 34.987-29.867 40.107c4.267.853 8.533 2.56 12.8 2.56 23.893 0 42.667-18.773 42.667-42.667S278.893 118.467 255 118.467"
transform="translate(1 1)"
fill="#00ad55"
/>
<path
d="M256 512C115.2 512 0 396.8 0 256S115.2 0 256 0s256 115.2 256 256-115.2 256-256 256zm0-494.933C124.587 17.067 17.067 124.587 17.067 256S124.587 494.933 256 494.933 494.933 387.413 494.933 256 387.413 17.067 256 17.067z"
/>
<path
d="M256 443.733c-103.253 0-187.733-84.48-187.733-187.733S152.747 68.267 256 68.267 443.733 152.747 443.733 256 359.253 443.733 256 443.733zm0-358.4c-93.867 0-170.667 76.8-170.667 170.667S162.133 426.667 256 426.667 426.667 349.867 426.667 256 349.867 85.333 256 85.333z"
/>
<path
d="M256 213.333c-28.16 0-51.2-23.04-51.2-51.2s23.04-51.2 51.2-51.2 51.2 23.04 51.2 51.2-23.04 51.2-51.2 51.2zM256 128c-18.773 0-34.133 15.36-34.133 34.133s15.36 34.133 34.133 34.133 34.133-15.36 34.133-34.133S274.773 128 256 128zM256 401.067c-28.16 0-51.2-23.04-51.2-51.2 0-28.16 23.04-51.2 51.2-51.2s51.2 23.04 51.2 51.2c0 28.16-23.04 51.2-51.2 51.2zm0-85.334c-18.773 0-34.133 15.36-34.133 34.133C221.867 368.64 237.227 384 256 384s34.133-15.36 34.133-34.133c0-18.774-15.36-34.134-34.133-34.134zM349.867 307.2c-28.16 0-51.2-23.04-51.2-51.2s23.04-51.2 51.2-51.2c28.16 0 51.2 23.04 51.2 51.2s-23.04 51.2-51.2 51.2zm0-85.333c-18.773 0-34.133 15.36-34.133 34.133s15.36 34.133 34.133 34.133C368.64 290.133 384 274.773 384 256s-15.36-34.133-34.133-34.133zM162.133 307.2c-28.16 0-51.2-23.04-51.2-51.2s23.04-51.2 51.2-51.2 51.2 23.04 51.2 51.2-23.04 51.2-51.2 51.2zm0-85.333C143.36 221.867 128 237.227 128 256s15.36 34.133 34.133 34.133 34.133-15.36 34.133-34.133-15.359-34.133-34.133-34.133z"
/>
<path
d="M256 358.4c-5.12 0-8.533-3.413-8.533-8.533V162.133c0-5.12 3.413-8.533 8.533-8.533s8.533 3.413 8.533 8.533v187.733c0 5.121-3.413 8.534-8.533 8.534z"
/>
<path
d="M349.867 264.533H162.133c-5.12 0-8.533-3.413-8.533-8.533s3.413-8.533 8.533-8.533h187.733c5.12 0 8.533 3.413 8.533 8.533s-3.412 8.533-8.532 8.533z"
/>
</svg>
More icons in the same style and category