Add icons to this collection by clicking the heart icon.
Success icon - also known as star, award, winner, success, trophy, champion, and sports and competition. 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="16.667"
x2="16.667"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="42.666"
x2="42.666"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="32.001"
x2="32.001"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="45.334"
x2="45.334"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="30.001"
x2="30.001"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="12"
x2="12"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="8"
x2="8"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="56"
x2="56"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="38.667"
x2="38.667"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="25.333"
x2="25.333"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="52"
x2="52"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="45.333"
x2="45.333"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#b)" d="M12 43h9.333a1 1 0 0 0 0-2H12a1 1 0 1 0 0 2z" />
<path
fill="url(#c)"
d="M28.333 50a1 1 0 0 0 1 1H56a1 1 0 1 0 0-2H29.333a1 1 0 0 0-1 1z"
/>
<path fill="url(#b)" d="M8 51h17.333a1 1 0 0 0 0-2H8a1 1 0 1 0 0 2z" />
<path fill="url(#d)" d="M8 57h48a1 1 0 1 0 0-2H8a1 1 0 1 0 0 2z" />
<path
fill="url(#e)"
d="M38.667 31H52a1 1 0 1 0 0-2H38.667a1 1 0 1 0 0 2z"
/>
<path
fill="url(#f)"
d="M25.333 39h9.334a1 1 0 1 0 0-2h-9.334a1 1 0 0 0 0 2z"
/>
<path
fill="url(#g)"
d="M12 51a1 1 0 0 0 1-1v-8a1 1 0 1 0-2 0v8a1 1 0 0 0 1 1z"
/>
<path
fill="url(#h)"
d="M8 57a1 1 0 0 0 1-1v-6a1 1 0 1 0-2 0v6a1 1 0 0 0 1 1z"
/>
<path fill="url(#i)" d="M55 50v6a1 1 0 1 0 2 0v-6a1 1 0 1 0-2 0z" />
<path
fill="url(#j)"
d="M38.667 29a1 1 0 0 0-1 1v20a1 1 0 1 0 2 0V30a1 1 0 0 0-1-1z"
/>
<path
fill="url(#k)"
d="M25.333 51a1 1 0 0 0 1-1V38a1 1 0 0 0-2 0v12a1 1 0 0 0 1 1z"
/>
<path
fill="url(#l)"
d="M52 29a1 1 0 0 0-1 1v16a1 1 0 1 0 2 0V30a1 1 0 0 0-1-1z"
/>
<path
fill="url(#m)"
d="m35.17 15.688 5.324 3.821-2.032 6.178a1 1 0 0 0 1.533 1.125l5.338-3.831 5.338 3.831a.993.993 0 0 0 1.175-.006 1 1 0 0 0 .358-1.119l-2.032-6.178 5.324-3.821a1 1 0 0 0-.583-1.813h-6.595l-2.035-6.188a1 1 0 0 0-1.9.001l-2.035 6.188h-6.595a.999.999 0 0 0-.583 1.812zm7.901.187a1 1 0 0 0 .95-.688l1.312-3.988 1.312 3.988c.135.41.519.688.95.688h4.21l-3.396 2.437c-.354.255-.503.71-.367 1.125l1.304 3.963-3.43-2.461a1 1 0 0 0-1.166 0L41.32 23.4l1.304-3.963a1.002 1.002 0 0 0-.367-1.125l-3.396-2.437z"
/>
</svg>
More icons in the same style and category