Add icons to this collection by clicking the heart icon.
Badge icon - also known as medal, star, badge, favorite, reward, best choice, 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 356 356"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f3f5f7" />
<stop offset="1" stop-color="#c8cdd1" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(82.256) rotate(-31.185 6.636 .597)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fe767b" />
<stop offset="1" stop-color="#d2373c" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(-123.483 233.52 75.143) scale(97.806)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(-40.434 472.97 35.908) scale(102.968)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(-124.61 222.46 95.83) scale(95.145)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="59.632"
x2="295.923"
y1="140.348"
y2="140.348"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#acd7fe" />
<stop offset="1" stop-color="#68adec" />
</linearGradient>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(135.884 0 0 129.931 109.835 140.348)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#c)"
d="m182.514 237.224-76.631-44.243-53.896 93.351a5.555 5.555 0 0 0 4.505 8.325l40.488 2.23 22.175 33.949a5.557 5.557 0 0 0 9.463-.261l53.896-93.351z"
/>
<path
fill="url(#d)"
d="m173.135 237.224 76.631-44.243 53.896 93.351a5.555 5.555 0 0 1-4.505 8.325l-40.488 2.23-22.175 33.949a5.557 5.557 0 0 1-9.463-.261l-53.896-93.351z"
/>
<path
fill="url(#e)"
d="M144.199 215.102 96.98 296.887l22.175 33.949a5.557 5.557 0 0 0 9.463-.261l53.896-93.351z"
/>
<path
fill="url(#f)"
d="m211.45 215.102 47.219 81.785-22.175 33.949a5.557 5.557 0 0 1-9.463-.261l-53.896-93.351z"
/>
<circle cx="177.778" cy="140.348" r="118.145" fill="url(#g)" />
<path
fill="url(#h)"
d="M171.555 79.038a7.123 7.123 0 0 1 12.445 0l18.564 33.301 37.407 7.365a7.125 7.125 0 0 1 3.846 11.836l-25.935 27.945 4.556 37.853a7.125 7.125 0 0 1-10.068 7.315l-34.593-16.03-34.592 16.03a7.125 7.125 0 0 1-10.068-7.315l4.556-37.853-25.935-27.945a7.125 7.125 0 0 1 3.846-11.836l37.407-7.365z"
/>
</g>
</svg>
More icons in the same style and category