Add icons to this collection by clicking the heart icon.
Medal icon - also known as medal, award, game, winner, sport, champion, and sports and competition. 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="#fdff51" />
<stop offset="1" stop-color="#f6d546" />
</linearGradient>
<linearGradient
id="g"
x1="18.858"
x2="43.954"
y1="1.767"
y2="16.255"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fdff51" stop-opacity="0" />
<stop offset=".473" stop-color="#fcfd50" stop-opacity=".378" />
<stop offset=".643" stop-color="#f8f64e" stop-opacity=".515" />
<stop offset=".764" stop-color="#f0eb4b" stop-opacity=".612" />
<stop offset=".863" stop-color="#e6da46" stop-opacity=".69" />
<stop offset=".946" stop-color="#d9c440" stop-opacity=".757" />
<stop offset="1" stop-color="#cdb13a" stop-opacity=".8" />
</linearGradient>
<linearGradient
id="h"
x1="18.858"
x2="43.954"
y1="1.767"
y2="16.255"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="43.954"
x2="18.858"
y1="16.255"
y2="1.767"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdff51" stop-opacity="0" />
<stop offset=".203" stop-color="#f7f64e" stop-opacity=".162" />
<stop offset=".534" stop-color="#e9de47" stop-opacity=".427" />
<stop offset=".949" stop-color="#d0b63c" stop-opacity=".759" />
<stop offset="1" stop-color="#cdb13a" stop-opacity=".8" />
</linearGradient>
<linearGradient
id="j"
x1="37.032"
x2="43.012"
y1="14.724"
y2="25.082"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="40.41"
x2="40.41"
y1="7.91"
y2="29"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdff51" stop-opacity="0" />
<stop offset=".177" stop-color="#fafb50" stop-opacity=".177" />
<stop offset=".361" stop-color="#f3ee4c" stop-opacity=".361" />
<stop offset=".547" stop-color="#e6da46" stop-opacity=".547" />
<stop offset=".735" stop-color="#d4bd3d" stop-opacity=".735" />
<stop offset=".8" stop-color="#cdb13a" stop-opacity=".8" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#da6dff" />
<stop offset="1" stop-color="#5f2ade" />
</linearGradient>
<linearGradient
id="l"
x1="38.877"
x2="43.183"
y1="15.931"
y2="23.389"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#da6dff" stop-opacity="0" />
<stop offset=".114" stop-color="#d168f7" stop-opacity=".046" />
<stop offset=".301" stop-color="#b95ce3" stop-opacity=".12" />
<stop offset=".536" stop-color="#9147c1" stop-opacity=".215" />
<stop offset=".809" stop-color="#5b2b93" stop-opacity=".324" />
<stop offset="1" stop-color="#30156f" stop-opacity=".4" />
</linearGradient>
<linearGradient
id="m"
x1="41.16"
x2="41.16"
y1="9.35"
y2="29"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#af95ef" stop-opacity=".5" />
<stop offset=".315" stop-color="#b88df2" stop-opacity=".343" />
<stop offset=".826" stop-color="#d076fb" stop-opacity=".087" />
<stop offset="1" stop-color="#da6dff" stop-opacity="0" />
</linearGradient>
<linearGradient
id="n"
x1="41.16"
x2="41.16"
y1="9.35"
y2="29"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="o"
x1="24.545"
x2="39.275"
y1="2.74"
y2="17.47"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="17.225"
x2="46.685"
y1="11.06"
y2="11.06"
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>
<linearGradient
id="q"
x1="17.225"
x2="46.685"
y1="11.06"
y2="11.06"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="r"
x1="17.281"
x2="28.973"
y1="23.293"
y2="16.543"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="23.515"
x2="23.515"
y1="7.94"
y2="29"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="12.425"
x2="33.635"
y1="19.105"
y2="19.105"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="u"
x1="23.03"
x2="23.03"
y1="9.21"
y2="29"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="23.03"
x2="23.03"
y1="9.21"
y2="29"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="w"
x1="27.911"
x2="35.925"
y1="28.31"
y2="42.19"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="x"
x1="31.985"
x2="31.985"
y1="41"
y2="29"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#da6dff" stop-opacity="0" />
<stop offset=".148" stop-color="#d66bfb" stop-opacity=".074" />
<stop offset=".302" stop-color="#c964f1" stop-opacity=".151" />
<stop offset=".459" stop-color="#b55adf" stop-opacity=".229" />
<stop offset=".617" stop-color="#984bc7" stop-opacity=".308" />
<stop offset=".776" stop-color="#7237a7" stop-opacity=".388" />
<stop offset=".934" stop-color="#452081" stop-opacity=".467" />
<stop offset="1" stop-color="#30156f" stop-opacity=".5" />
</linearGradient>
<linearGradient
id="y"
x1="25.984"
x2="37.986"
y1="38.606"
y2="59.394"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#fdff51" stop-opacity="0" />
<stop offset=".222" stop-color="#fafb50" stop-opacity=".222" />
<stop offset=".451" stop-color="#f3ee4c" stop-opacity=".451" />
<stop offset=".684" stop-color="#e6da46" stop-opacity=".684" />
<stop offset=".919" stop-color="#d4bd3d" stop-opacity=".919" />
<stop offset="1" stop-color="#cdb13a" />
</linearGradient>
<linearGradient
id="z"
x1="31.985"
x2="31.985"
y1="37"
y2="61"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="A"
x1="31.985"
x2="31.985"
y1="61"
y2="37"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdff51" stop-opacity="0" />
<stop offset=".473" stop-color="#fcfd50" stop-opacity=".236" />
<stop offset=".643" stop-color="#f8f64e" stop-opacity=".322" />
<stop offset=".764" stop-color="#f0eb4b" stop-opacity=".382" />
<stop offset=".863" stop-color="#e6da46" stop-opacity=".431" />
<stop offset=".946" stop-color="#d9c440" stop-opacity=".473" />
<stop offset="1" stop-color="#cdb13a" stop-opacity=".5" />
</linearGradient>
<linearGradient
id="B"
x1="27.984"
x2="35.986"
y1="42.071"
y2="55.929"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="C"
x1="31.985"
x2="31.985"
y1="41"
y2="57"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#da6dff" stop-opacity="0" />
<stop offset=".258" stop-color="#d76cfd" stop-opacity=".155" />
<stop offset=".413" stop-color="#cf67f6" stop-opacity=".248" />
<stop offset=".541" stop-color="#c160ea" stop-opacity=".325" />
<stop offset=".654" stop-color="#ac55d8" stop-opacity=".393" />
<stop offset=".758" stop-color="#9248c2" stop-opacity=".455" />
<stop offset=".854" stop-color="#7237a7" stop-opacity=".512" />
<stop offset=".943" stop-color="#4c2487" stop-opacity=".566" />
<stop offset="1" stop-color="#30156f" stop-opacity=".6" />
</linearGradient>
<linearGradient
id="D"
x1="31.985"
x2="31.985"
y1="57"
y2="41"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#da6dff" stop-opacity="0" />
<stop offset=".258" stop-color="#d76cfd" stop-opacity=".052" />
<stop offset=".413" stop-color="#cf67f6" stop-opacity=".083" />
<stop offset=".541" stop-color="#c160ea" stop-opacity=".108" />
<stop offset=".654" stop-color="#ac55d8" stop-opacity=".131" />
<stop offset=".758" stop-color="#9248c2" stop-opacity=".152" />
<stop offset=".854" stop-color="#7237a7" stop-opacity=".171" />
<stop offset=".943" stop-color="#4c2487" stop-opacity=".189" />
<stop offset="1" stop-color="#30156f" stop-opacity=".2" />
</linearGradient>
<linearGradient
id="E"
x1="27.338"
x2="36.081"
y1="46.209"
y2="51.257"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="F"
x1="31.985"
x2="31.985"
y1="43"
y2="53"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<path fill="url(#g)" d="m48.685 8.06-6 6h-21.46l-6-6z" />
<path fill="url(#h)" d="m48.685 8.06-6 6h-21.46l-6-6z" />
<path fill="url(#i)" d="m48.685 8.06-6 6h-21.46l-6-6z" />
<path
fill="url(#j)"
d="M53.075 12.15 36.225 29h-8.48l21.09-21.09 1.44 1.44 1.42 1.42z"
/>
<path
fill="url(#k)"
d="M53.075 12.15 36.225 29h-8.48l21.09-21.09 1.44 1.44 1.42 1.42z"
/>
<path fill="url(#l)" d="M51.695 10.77 33.465 29h-2.84l19.65-19.65z" />
<path fill="url(#m)" d="M51.695 10.77 33.465 29h-2.84l19.65-19.65z" />
<path fill="url(#n)" d="M51.695 10.77 33.465 29h-2.84l19.65-19.65z" />
<path fill="url(#o)" d="m46.685 10.06-2 2h-25.64l-1.82-2z" />
<path fill="url(#p)" d="m46.685 10.06-2 2h-25.64l-1.82-2z" />
<path fill="url(#q)" d="m46.685 10.06-2 2h-25.64l-1.82-2z" />
<path
fill="url(#r)"
d="M36.165 29h-8.48l-16.82-16.82 1.56-1.56 1.42-1.41 1.26-1.27z"
/>
<path
fill="url(#s)"
d="M36.165 29h-8.48l-16.82-16.82 1.56-1.56 1.42-1.41 1.26-1.27z"
/>
<path fill="url(#t)" d="M33.635 29h-2.83l-18.38-18.38 1.42-1.41z" />
<path fill="url(#u)" d="M33.635 29h-2.83l-18.38-18.38 1.42-1.41z" />
<path fill="url(#v)" d="M33.635 29h-2.83l-18.38-18.38 1.42-1.41z" />
<path
fill="url(#w)"
d="M25.985 30v11h12V30a1 1 0 0 0-1-1h-10a1 1 0 0 0-1 1z"
/>
<path
fill="url(#x)"
d="M25.985 30v11h12V30a1 1 0 0 0-1-1h-10a1 1 0 0 0-1 1z"
/>
<circle cx="31.985" cy="49" r="12" fill="url(#y)" />
<circle cx="31.985" cy="49" r="12" fill="url(#z)" />
<circle cx="31.985" cy="49" r="12" fill="url(#A)" />
<circle cx="31.985" cy="49" r="8" fill="url(#B)" />
<circle cx="31.985" cy="49" r="8" fill="url(#C)" />
<circle cx="31.985" cy="49" r="8" fill="url(#D)" />
<path
fill="url(#E)"
d="m31.985 43 1.545 3.292 3.455.528-2.5 2.562.59 3.618-3.09-1.708L28.895 53l.59-3.618-2.5-2.562 3.455-.528z"
/>
<path
fill="url(#F)"
d="m31.985 43 1.545 3.292 3.455.528-2.5 2.562.59 3.618-3.09-1.708L28.895 53l.59-3.618-2.5-2.562 3.455-.528z"
/>
</svg>
More icons in the same style and category