Add icons to this collection by clicking the heart icon.
Golf icon - also known as ball, game, golf, sports and competition, and sport equipment. Created in a clean flat 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#da6dff" />
<stop offset="1" stop-color="#5f2ade" />
</linearGradient>
<linearGradient
id="d"
x1="21.498"
x2="42.502"
y1="5.81"
y2="42.19"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#da6dff" stop-opacity="0" />
<stop offset=".258" stop-color="#d76cfd" stop-opacity=".181" />
<stop offset=".413" stop-color="#cf67f6" stop-opacity=".289" />
<stop offset=".541" stop-color="#c160ea" stop-opacity=".379" />
<stop offset=".654" stop-color="#ac55d8" stop-opacity=".458" />
<stop offset=".758" stop-color="#9248c2" stop-opacity=".53" />
<stop offset=".854" stop-color="#7237a7" stop-opacity=".598" />
<stop offset=".943" stop-color="#4c2487" stop-opacity=".66" />
<stop offset="1" stop-color="#30156f" stop-opacity=".7" />
</linearGradient>
<linearGradient
id="e"
x1="32"
x2="32"
y1="3"
y2="45"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="32"
x2="32"
y1="45"
y2="3"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#da6dff" stop-opacity="0" />
<stop offset=".258" stop-color="#d76cfd" stop-opacity=".103" />
<stop offset=".413" stop-color="#cf67f6" stop-opacity=".165" />
<stop offset=".541" stop-color="#c160ea" stop-opacity=".216" />
<stop offset=".654" stop-color="#ac55d8" stop-opacity=".262" />
<stop offset=".758" stop-color="#9248c2" stop-opacity=".303" />
<stop offset=".854" stop-color="#7237a7" stop-opacity=".342" />
<stop offset=".943" stop-color="#4c2487" stop-opacity=".377" />
<stop offset="1" stop-color="#30156f" stop-opacity=".4" />
</linearGradient>
<radialGradient
id="g"
cx="32"
cy="24"
r="21"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#af95ef" stop-opacity=".3" />
<stop offset=".177" stop-color="#ab91ec" stop-opacity=".247" />
<stop offset=".36" stop-color="#a084e3" stop-opacity=".192" />
<stop offset=".546" stop-color="#8c70d3" stop-opacity=".136" />
<stop offset=".734" stop-color="#7253bd" stop-opacity=".08" />
<stop offset=".922" stop-color="#4f2ea1" stop-opacity=".023" />
<stop offset="1" stop-color="#3f1c94" stop-opacity="0" />
</radialGradient>
<linearGradient
id="h"
x1="28.846"
x2="37.894"
y1="43.658"
y2="59.329"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="32"
x2="32"
y1="46.468"
y2="61"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="32"
x2="32"
y1="61"
y2="46.468"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="k"
cx="32"
cy="53.734"
r="8.044"
gradientTransform="matrix(1 0 0 .6 0 21.494)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#af95ef" stop-opacity=".2" />
<stop offset=".177" stop-color="#ab91ec" stop-opacity=".165" />
<stop offset=".36" stop-color="#a084e3" stop-opacity=".128" />
<stop offset=".546" stop-color="#8c70d3" stop-opacity=".091" />
<stop offset=".734" stop-color="#7253bd" stop-opacity=".053" />
<stop offset=".922" stop-color="#4f2ea1" stop-opacity=".016" />
<stop offset="1" stop-color="#3f1c94" stop-opacity="0" />
</radialGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#fdff51" />
<stop offset="1" stop-color="#f6d546" />
</linearGradient>
<linearGradient
id="l"
x1="44.586"
x2="47.414"
y1="26.586"
y2="29.414"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="42.586"
x2="45.414"
y1="20.586"
y2="23.414"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="38.586"
x2="41.414"
y1="24.586"
y2="27.414"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="34.586"
x2="37.414"
y1="28.586"
y2="31.414"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="30.586"
x2="33.414"
y1="32.586"
y2="35.414"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="40.586"
x2="43.414"
y1="30.586"
y2="33.414"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="36.586"
x2="39.414"
y1="34.586"
y2="37.414"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<circle cx="32" cy="24" r="21" fill="url(#d)" />
<circle cx="32" cy="24" r="21" fill="url(#e)" />
<circle cx="32" cy="24" r="21" fill="url(#f)" />
<circle cx="32" cy="24" r="21" fill="url(#g)" />
<path
fill="url(#h)"
d="m24.446 46.489 3.632.726c2.589.518 5.255.518 7.845 0l3.632-.726c.884-.177 1.533.815 1.015 1.554l-2.702 3.861A15.857 15.857 0 0 0 35 61h-6c0-3.254-1.001-6.43-2.867-9.096l-2.702-3.861c-.518-.739.13-1.731 1.015-1.554z"
/>
<path
fill="url(#i)"
d="m24.446 46.489 3.632.726c2.589.518 5.255.518 7.845 0l3.632-.726c.884-.177 1.533.815 1.015 1.554l-2.702 3.861A15.857 15.857 0 0 0 35 61h-6c0-3.254-1.001-6.43-2.867-9.096l-2.702-3.861c-.518-.739.13-1.731 1.015-1.554z"
/>
<path
fill="url(#j)"
d="m24.446 46.489 3.632.726c2.589.518 5.255.518 7.845 0l3.632-.726c.884-.177 1.533.815 1.015 1.554l-2.702 3.861A15.857 15.857 0 0 0 35 61h-6c0-3.254-1.001-6.43-2.867-9.096l-2.702-3.861c-.518-.739.13-1.731 1.015-1.554z"
/>
<path
fill="url(#k)"
d="m24.446 46.489 3.632.726c2.589.518 5.255.518 7.845 0l3.632-.726c.884-.177 1.533.815 1.015 1.554l-2.702 3.861A15.857 15.857 0 0 0 35 61h-6c0-3.254-1.001-6.43-2.867-9.096l-2.702-3.861c-.518-.739.13-1.731 1.015-1.554z"
/>
<circle cx="46" cy="28" r="2" fill="url(#l)" />
<circle cx="44" cy="22" r="2" fill="url(#m)" />
<circle cx="40" cy="26" r="2" fill="url(#n)" />
<circle cx="36" cy="30" r="2" fill="url(#o)" />
<circle cx="32" cy="34" r="2" fill="url(#p)" />
<circle cx="42" cy="32" r="2" fill="url(#q)" />
<circle cx="38" cy="36" r="2" fill="url(#r)" />
</svg>
More icons in the same style and category