Add icons to this collection by clicking the heart icon.
Button icon - also known as button, fashion, sewing, beauty, dressmaker, art and design, fashion designer, handcraft, and modiste. Created in a clean gradient 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="c"
x1="73.918"
x2="440.779"
y1="73.918"
y2="440.779"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc649" />
<stop offset="1" stop-color="#ffa951" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff4c3b" />
<stop offset="1" stop-color="#c44e46" />
</linearGradient>
<linearGradient
id="d"
x1="83.66"
x2="427.195"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="83.66"
x2="427.196"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#c44e46" />
<stop offset="1" stop-color="#895050" />
</linearGradient>
<linearGradient
id="f"
x1="127.158"
x2="386.402"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="127.158"
x2="386.402"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#d)"
d="m256 84-16.797 20.156v303.688L256 428c94.992 0 172-77.008 172-172S350.992 84 256 84zm40.313 242.547c-16.7 0-30.235-13.535-30.235-30.235s13.535-30.234 30.235-30.234 30.234 13.535 30.234 30.235-13.535 30.234-30.235 30.234zm0-80.625c-16.7 0-30.235-13.535-30.235-30.234s13.535-30.235 30.235-30.235 30.234 13.535 30.234 30.234-13.535 30.235-30.235 30.235zm0 0"
/>
<path
fill="url(#e)"
d="M84 256c0 94.992 77.008 172 172 172V84c-94.992 0-172 77.008-172 172zm131.688 70.547c-16.7 0-30.235-13.535-30.235-30.235s13.535-30.234 30.234-30.234 30.235 13.535 30.235 30.235-13.535 30.234-30.234 30.234zm0-80.625c-16.7 0-30.235-13.535-30.235-30.234s13.535-30.235 30.234-30.235 30.235 13.535 30.235 30.234-13.535 30.235-30.234 30.235zm0 0"
/>
<path
fill="url(#f)"
d="m256 124.313-18.813 20.156V367.53L256 387.687c72.73 0 131.688-58.957 131.688-131.687S328.73 124.312 256 124.312zm40.313 192.156c-11.133 0-20.157-9.024-20.157-20.156s9.024-20.157 20.156-20.157 20.157 9.024 20.157 20.156-9.024 20.157-20.156 20.157zm0-80.625c-11.133 0-20.157-9.024-20.157-20.156s9.024-20.157 20.156-20.157 20.157 9.024 20.157 20.156-9.024 20.157-20.156 20.157zm0 0"
/>
<path
fill="url(#g)"
d="M124.313 256c0 72.73 58.957 131.688 131.687 131.688V124.313c-72.73 0-131.688 58.957-131.688 131.687zm91.374 60.469c-11.132 0-20.156-9.024-20.156-20.156s9.024-20.157 20.156-20.157 20.157 9.024 20.157 20.156-9.024 20.157-20.156 20.157zm0-80.625c-11.132 0-20.156-9.024-20.156-20.156s9.024-20.157 20.156-20.157 20.157 9.024 20.157 20.156-9.024 20.157-20.156 20.157zm0 0"
/>
</svg>
More icons in the same style and category