Add icons to this collection by clicking the heart icon.
Push Button icon - also known as control, finger, management, push button, red button, and hands and gestures. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="d"
x1="74.98"
x2="437.019"
y1="437.02"
y2="74.981"
gradientUnits="userSpaceOnUse"
>
<stop offset=".1" stop-color="#ff1a5e" />
<stop offset="1" stop-color="#ffc5a3" />
</linearGradient>
<radialGradient
id="e"
cx="-8552.009"
cy="-10780.713"
r="332.192"
gradientTransform="matrix(1 0 0 1.242 8803.445 13557.266)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff1a5e" />
<stop offset=".106" stop-color="#ff4079" stop-opacity=".894" />
<stop offset=".283" stop-color="#ff7aa1" stop-opacity=".717" />
<stop offset=".454" stop-color="#ffa9c3" stop-opacity=".546" />
<stop offset=".615" stop-color="#ffcfdd" stop-opacity=".385" />
<stop offset=".765" stop-color="#ffe9f0" stop-opacity=".235" />
<stop offset=".897" stop-color="#fff9fb" stop-opacity=".103" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff195e" />
<stop offset=".101" stop-color="#ff2464" />
<stop offset=".278" stop-color="#ff4075" />
<stop offset=".507" stop-color="#ff6e90" />
<stop offset=".779" stop-color="#ffadb5" />
<stop offset="1" stop-color="#ffe6d6" />
</linearGradient>
<linearGradient
id="f"
x1="-376.219"
x2="388.843"
y1="785.905"
y2="20.843"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffb5d3" />
<stop offset=".418" stop-color="#ffdbea" />
<stop offset=".784" stop-color="#fff5f9" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="g"
x1="180.273"
x2="392.733"
y1="281.16"
y2="68.7"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="178.611"
x2="279.352"
y1="225.526"
y2="124.785"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb5d3" />
<stop offset=".223" stop-color="#ffc8de" />
<stop offset=".734" stop-color="#fff0f6" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#ff195e" />
<stop offset=".2" stop-color="#ff2460" />
<stop offset=".547" stop-color="#ff4066" />
<stop offset=".996" stop-color="#ff6e70" />
<stop offset="1" stop-color="#ff6e70" />
</linearGradient>
<linearGradient
id="i"
x1="203.485"
x2="398.946"
y1="418.61"
y2="226.32"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="147.716"
x2="451.128"
y1="486.758"
y2="183.346"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="193.994"
x2="344.121"
y1="447.899"
y2="297.772"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="256.723"
x2="406.439"
y1="509.587"
y2="359.871"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="214.142"
x2="380.773"
y1="442.998"
y2="276.367"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="200.517"
x2="420.199"
y1="600.522"
y2="380.84"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="180.916"
x2="387.018"
y1="498.137"
y2="292.035"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="-57.369"
x2="354.432"
y1="388.371"
y2="-23.43"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<path
fill="url(#f)"
d="M256 24.819c-31.403-.018-61.34 7.578-88.868 20.721a9962.939 9962.939 0 0 0-1.829 173.73c-.06 50.094 41.515 91.923 92.229 92.036 50.714-.152 92.3-41.976 92.238-92.021a9614.18 9614.18 0 0 0-1.865-172.259C319.551 32.98 288.563 24.799 256 24.819z"
/>
<path
fill="url(#g)"
d="M302.301 146.657a3818.032 3818.032 0 0 0-89.541-.036c-10.248 11.079-16.594 25.817-16.645 41.937-.033 10.198-.055 20.395-.067 30.592-.034 33.717 27.579 61.373 61.488 61.407 33.91-.048 61.526-27.702 61.49-61.397-.013-10.192-.036-20.384-.07-30.575-.054-16.111-6.404-30.847-16.655-41.928z"
/>
<path
fill="url(#h)"
d="M302.301 146.657c-11.237-12.134-27.139-19.845-44.774-19.85-17.635-.013-33.536 7.685-44.767 19.814 13.214 7.276 28.498 11.444 44.772 11.448 16.275.006 31.557-4.153 44.769-11.412z"
/>
<path
fill="url(#i)"
d="M194.766 326.199a3858.944 3858.944 0 0 1-30.617-.604c-8.458-.192-15.241 6.384-15.135 14.728.25 20.161.573 40.322.97 60.483a2044.715 2044.715 0 0 0 212.032 0c.099-5.041.194-10.081.284-15.121-55.321-17.546-111.281-38.212-167.534-59.486z"
/>
<path
fill="url(#j)"
d="M194.766 326.199c29.21 39.005 74.241 62.563 121.977 61.167 15.186-.407 30.371-.968 45.557-1.681a7784.053 7784.053 0 0 0-14.449-60.09 3884.932 3884.932 0 0 1-153.085.604z"
/>
<path
fill="url(#k)"
d="M347.851 325.595a3881.08 3881.08 0 0 1-153.085.604c29.21 39.005 74.241 62.563 121.977 61.167a1892.073 1892.073 0 0 0 45.273 13.44c.397-20.161.72-40.322.97-60.483.107-8.342-6.677-14.921-15.135-14.728z"
/>
<path
fill="url(#l)"
d="M362.3 385.685c-10.124.475-20.248.884-30.371 1.223-.225 17.786-.49 35.572-.795 53.358 15.027-.691 30.053-1.59 45.08-2.696.349-12.535.665-25.072.948-37.607.191-8.299-6.471-14.663-14.862-14.278z"
/>
<path
fill="url(#m)"
d="M331.929 386.908a2264.206 2264.206 0 0 1-182.228-1.223c-8.391-.385-15.053 5.979-14.861 14.279.283 12.535.6 25.072.948 37.607a1635.234 1635.234 0 0 0 210.373 1.935c.262-12.657.499-25.313.711-37.97.144-8.382-6.553-14.901-14.943-14.628z"
/>
<path
fill="url(#n)"
d="M376.419 430.049c-10.035.709-20.07 1.331-30.105 1.863-.101 5.063-.205 10.126-.314 15.188 10-.574 20-1.243 30-2.008 4.14-.319 7.604-3.953 7.727-8.092.123-4.138-3.151-7.244-7.308-6.951z"
/>
<path
fill="url(#o)"
d="M353.673 439.074c.095-4.182-3.202-7.381-7.359-7.162a1704.85 1704.85 0 0 1-210.732-1.863c-4.158-.291-7.431 2.812-7.308 6.951.123 4.137 3.586 7.772 7.727 8.092 70 5.355 140 6.024 210 2.008 4.14-.238 7.577-3.842 7.672-8.026z"
/>
<path
fill="url(#p)"
d="M212.063 73.46c-.034 4.233 3.335 7.597 7.526 7.526a2179.76 2179.76 0 0 1 75.856.052c4.191.075 7.56-3.28 7.522-7.512-.037-4.231-3.455-7.744-7.631-7.828a1972.716 1972.716 0 0 0-75.646-.058c-4.177.078-7.592 3.586-7.627 7.82z"
/>
</svg>
More icons in the same style and category