Add icons to this collection by clicking the heart icon.
Ribbon Badge icon - also known as ribbon, award, badge, first, reward, one, ribbon badge, miscellaneous, sports and competition, and sport and competition. Created in a clean flat gradient style with a navy 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="512"
height="512"
viewBox="0 0 66 66"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fecc2b" />
<stop offset="1" stop-color="#fc9a13" />
</linearGradient>
<linearGradient
id="e"
x1="33"
x2="33"
y1="1"
y2="82.689"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#0bd3e3" />
<stop offset="1" stop-color="#017ccc" />
</linearGradient>
<linearGradient
id="f"
x1="36.629"
x2="44.366"
y1="36.057"
y2="64.814"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#c6def6" />
<stop offset="1" stop-color="#8cc3ea" />
</linearGradient>
<linearGradient
id="g"
x1="11.003"
x2="12.632"
y1="5.608"
y2="5.608"
gradientTransform="rotate(-14.3 197.176 -95.917)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="h"
x1="6.085"
x2="7.713"
y1="5.603"
y2="5.603"
gradientTransform="rotate(-14.3 197.176 -95.917)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="29.096"
x2="21.864"
y1="35.78"
y2="64.064"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="300.967"
x2="302.596"
y1="79.549"
y2="79.549"
gradientTransform="scale(-1 1) rotate(-14.3 14.545 1359.897)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="296.049"
x2="297.677"
y1="79.544"
y2="79.544"
gradientTransform="scale(-1 1) rotate(-14.3 14.545 1359.897)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fe8415" />
<stop offset="1" stop-color="#f7324d" />
</linearGradient>
<linearGradient
id="l"
x1="33.002"
x2="33.002"
y1="10.767"
y2="17.69"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="m"
x1="354.88"
x2="354.88"
y1="-246.465"
y2="-239.542"
gradientTransform="rotate(180 193.941 -97.874)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="403.073"
x2="403.073"
y1="-169.088"
y2="-162.166"
gradientTransform="rotate(150 193.944 -108.766)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="-15.19"
x2="-15.19"
y1="-66.61"
y2="-59.687"
gradientTransform="rotate(-30 153.296 -97.865)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="-7.345"
x2="-7.345"
y1="-198.364"
y2="-191.441"
gradientTransform="rotate(-60 193.947 -108.766)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="395.228"
x2="395.228"
y1="-37.334"
y2="-30.411"
gradientTransform="rotate(120 200.23 -97.877)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="333.457"
x2="333.457"
y1="32.19"
y2="39.112"
gradientTransform="rotate(90 193.941 -108.766)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="54.442"
x2="54.442"
y1="-267.905"
y2="-260.982"
gradientTransform="rotate(-90 183.05 -97.874)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="154.106"
x2="154.106"
y1="-338.122"
y2="-331.199"
gradientTransform="rotate(-120 193.944 -108.764)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="233.777"
x2="233.777"
y1="102.424"
y2="109.347"
gradientTransform="rotate(60 212.81 -97.878)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="123.749"
x2="123.749"
y1="72.507"
y2="79.429"
gradientTransform="rotate(30 193.933 -108.774)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="264.133"
x2="264.133"
y1="-308.204"
y2="-301.282"
gradientTransform="rotate(-150 191.025 -97.876)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="x"
x1="33"
x2="33"
y1="14.013"
y2="47.475"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="33"
x2="33"
y1="18.448"
y2="54.695"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe9045" />
<stop offset="1" stop-color="#ea581f" />
</linearGradient>
<linearGradient
id="z"
x1="33"
x2="33"
y1="23.285"
y2="36.675"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="33" cy="30.7" r="29.7" fill="url(#e)" />
<circle cx="33" cy="30.7" r="25.3" fill="#073c5c" />
<path
fill="url(#f)"
d="M31.6 37.4 36.5 64c.2 1 1.4 1.3 2.1.6l4.3-5.1 6.3 2.5c.9.4 1.9-.5 1.6-1.5l-8.3-25.9z"
/>
<path fill="url(#g)" d="m40.1 35.2 6.6 25.7-1.9-.7-6.2-24.6z" />
<path fill="url(#h)" d="M35.4 36.4 41.7 61l-1.3 1.5-6.6-25.7z" />
<path
fill="url(#i)"
d="M34.4 37.4 29.5 64c-.2 1-1.4 1.3-2.1.6L23 59.4l-6.3 2.5c-.9.4-1.9-.5-1.6-1.5l8.3-25.9z"
/>
<path fill="url(#j)" d="m25.9 35.2-6.6 25.7 1.9-.7 6.2-24.6z" />
<path fill="url(#k)" d="M30.6 36.4 24.3 61l1.3 1.5 6.6-25.7z" />
<path
fill="#fe9045"
d="M51.5 30.8c0 10.2-8.3 18.5-18.5 18.5S14.5 41 14.5 30.8 22.8 12.3 33 12.3s18.5 8.2 18.5 18.5z"
/>
<path
fill="url(#l)"
d="m35.9 11.6-.9 6h-4.1l-.9-6c-.1-.5.3-1 .8-1H35c.6.1 1 .5.9 1z"
/>
<path
fill="url(#m)"
d="m30.1 49.9.9-6h4.1l.9 6c.1.5-.3 1-.8 1H31c-.6-.1-1-.5-.9-1z"
/>
<path
fill="url(#n)"
d="m40 48.8-2.2-5.7 3.6-2.1 3.8 4.8c.3.4.2 1-.2 1.2l-3.7 2.1c-.5.3-1.1.1-1.3-.3z"
/>
<path
fill="url(#o)"
d="m26 12.7 2.2 5.7-3.6 2.1-3.8-4.8c-.3-.4-.2-1 .2-1.2l3.7-2.1c.5-.4 1.1-.2 1.3.3z"
/>
<path
fill="url(#p)"
d="m17.9 18.6 4.8 3.8-2.1 3.6-5.6-2.3c-.5-.2-.7-.7-.4-1.2l2.1-3.7c.2-.4.8-.5 1.2-.2z"
/>
<path
fill="url(#q)"
d="m48.1 42.9-4.8-3.8 2.1-3.6 5.7 2.2c.5.2.7.7.4 1.2l-2.1 3.7c-.3.5-.9.6-1.3.3z"
/>
<path
fill="url(#r)"
d="m52.1 33.7-6-.9v-4.1l6-.9c.5-.1 1 .3 1 .8v4.2c0 .6-.5 1-1 .9z"
/>
<path
fill="url(#s)"
d="m13.9 27.8 6 .9v4.1l-6 .9c-.5.1-1-.3-1-.8v-4.2c0-.6.5-1 1-.9z"
/>
<path
fill="url(#t)"
d="m14.5 37.4 5.7-2.2 2.1 3.6-4.8 3.8c-.4.3-1 .2-1.2-.2l-2.1-3.7c-.4-.5-.2-1.1.3-1.3z"
/>
<path
fill="url(#u)"
d="m50.6 23.4-5.7 2.2-2.1-3.6 4.8-3.8c.4-.3 1-.2 1.2.2l2.1 3.7c.3.6.1 1.1-.3 1.3z"
/>
<path
fill="url(#v)"
d="m44.6 15.3-3.8 4.8-3.5-2.1 2.2-5.7c.2-.5.7-.7 1.2-.4l3.7 2.1c.4.4.6.9.2 1.3z"
/>
<path
fill="url(#w)"
d="m20.4 45.5 3.8-4.8 3.6 2.1-2.2 5.7c-.2.5-.7.7-1.2.4l-3.7-2.1c-.5-.3-.6-.9-.3-1.3z"
/>
<path
fill="url(#x)"
d="M49.7 30.7c0 9.3-7.5 16.7-16.7 16.7-9.3 0-16.7-7.5-16.7-16.7S23.8 14 33 14s16.7 7.5 16.7 16.7z"
/>
<path
fill="url(#y)"
d="M45.3 30.7C45.3 37.5 39.8 43 33 43s-12.3-5.5-12.3-12.3S26.2 18.4 33 18.4s12.3 5.5 12.3 12.3z"
/>
<path
fill="#ea581f"
d="M42.7 23.2c-2.1-1.7-4.7-2.6-7.6-2.6-6.8 0-12.3 5.5-12.3 12.3 0 2.9 1 5.5 2.6 7.6-2.9-2.3-4.8-5.8-4.8-9.7 0-6.8 5.5-12.3 12.3-12.3 4.1-.1 7.6 1.8 9.8 4.7z"
/>
<path
fill="url(#z)"
d="m33.7 23.7 1.8 3.7c.1.2.3.4.6.4l4.1.6c.6.1.9.9.4 1.3l-3 2.9c-.2.2-.3.4-.2.7l.7 4.1c.1.6-.5 1.1-1.1.8l-3.6-1.9c-.2-.1-.5-.1-.7 0L29 38.1c-.6.3-1.2-.2-1.1-.8l.7-4.1c0-.2 0-.5-.2-.7l-3-2.9c-.5-.4-.2-1.2.4-1.3l4.1-.6c.2 0 .5-.2.6-.4l1.8-3.7c.3-.5 1.1-.5 1.4.1z"
/>
</svg>
More icons in the same style and category