Add icons to this collection by clicking the heart icon.
Finish Line icon - also known as finish, race, signaling, racing, finish line, 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 512 512"
>
<linearGradient
id="e"
x1="74.981"
x2="437.02"
y1="437.019"
y2="74.981"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8d00db" />
<stop offset="1" stop-color="#fc54ff" />
</linearGradient>
<radialGradient
id="f"
cx="-6711.445"
cy="-5879.135"
r="443.584"
gradientTransform="matrix(1 0 0 .776 6967.446 4733.067)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#230be0" stop-opacity=".66" />
<stop offset=".034" stop-color="#3712e3" stop-opacity=".637" />
<stop offset=".121" stop-color="#6521e9" stop-opacity=".58" />
<stop offset=".214" stop-color="#8e2fef" stop-opacity=".519" />
<stop offset=".311" stop-color="#b03af4" stop-opacity=".455" />
<stop offset=".414" stop-color="#cc44f8" stop-opacity=".387" />
<stop offset=".525" stop-color="#e14bfb" stop-opacity=".314" />
<stop offset=".647" stop-color="#f050fd" stop-opacity=".233" />
<stop offset=".789" stop-color="#f953ff" stop-opacity=".139" />
<stop offset="1" stop-color="#fc54ff" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fc54ff" />
<stop offset=".047" stop-color="#fc63ff" />
<stop offset=".214" stop-color="#fd92ff" />
<stop offset=".381" stop-color="#feb9ff" />
<stop offset=".545" stop-color="#fed8ff" />
<stop offset=".705" stop-color="#ffedff" />
<stop offset=".859" stop-color="#fffbff" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="g"
x1="88.929"
x2="152.045"
y1="249.683"
y2="186.567"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-110.249"
x2="-154.181"
y1="244.026"
y2="200.094"
gradientTransform="matrix(-1 0 0 1 255 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="98.688"
x2="146.67"
y1="143.763"
y2="95.78"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-112.637"
x2="-152.844"
y1="141.179"
y2="100.972"
gradientTransform="matrix(-1 0 0 1 255 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#b31de7" />
<stop offset=".344" stop-color="#cd4bef" />
<stop offset="1" stop-color="#fda0ff" />
</linearGradient>
<linearGradient
id="k"
x1="-60.059"
x2="225.687"
y1="420.279"
y2="134.533"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="161.962"
x2="485.735"
y1="499.513"
y2="175.74"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fc54ff" stop-opacity="0" />
<stop offset=".211" stop-color="#f953ff" stop-opacity=".139" />
<stop offset=".353" stop-color="#f050fd" stop-opacity=".233" />
<stop offset=".475" stop-color="#e14bfb" stop-opacity=".314" />
<stop offset=".586" stop-color="#cc44f8" stop-opacity=".387" />
<stop offset=".689" stop-color="#b03af4" stop-opacity=".455" />
<stop offset=".786" stop-color="#8e2fef" stop-opacity=".519" />
<stop offset=".879" stop-color="#6521e9" stop-opacity=".58" />
<stop offset=".966" stop-color="#3712e3" stop-opacity=".637" />
<stop offset="1" stop-color="#230be0" stop-opacity=".66" />
</linearGradient>
<linearGradient
id="m"
x1="405.203"
x2="405.203"
y1="402.744"
y2="311.802"
gradientTransform="matrix(-1 0 0 1 814 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="710.609"
x2="710.609"
y1="402.791"
y2="312.404"
gradientTransform="matrix(-1 0 0 1 814 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fc54ff" />
<stop offset=".087" stop-color="#fd71ff" />
<stop offset=".236" stop-color="#fd9cff" />
<stop offset=".387" stop-color="#fec0ff" />
<stop offset=".539" stop-color="#fedcff" />
<stop offset=".691" stop-color="#ffefff" />
<stop offset=".844" stop-color="#fffbff" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="o"
x1="62.09"
x2="605.038"
y1="512.993"
y2="-29.956"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="11.167"
x2="413.936"
y1="356.128"
y2="-46.641"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="25.945"
x2="440.751"
y1="426.533"
y2="11.727"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="85.548"
x2="381.589"
y1="378.112"
y2="82.072"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<circle cx="256" cy="256" r="256" fill="url(#f)" />
<path
fill="url(#g)"
d="M147.5 213.946c-15.354.108-30.708.239-46.061.392-.057 5.022-.103 10.043-.137 15.065 10.245-.061 20.49-.116 30.735-.166 5.149-5.082 10.305-10.181 15.463-15.291z"
/>
<path
fill="url(#h)"
d="M364.5 213.946c15.354.108 30.708.239 46.061.392.057 5.022.103 10.043.137 15.065-10.245-.061-20.49-.116-30.735-.166a11607.243 11607.243 0 0 1-15.463-15.291z"
/>
<path
fill="url(#i)"
d="M134.451 107.832c-10.045.313-20.091.664-30.136 1.054a3447.36 3447.36 0 0 0-.617 15.065c15.129-.523 30.259-.969 45.388-1.337-4.907-4.952-9.786-9.88-14.635-14.782z"
/>
<path
fill="url(#j)"
d="M377.549 107.832c10.045.313 20.091.664 30.136 1.054.217 5.022.422 10.043.617 15.065a4436.056 4436.056 0 0 0-45.388-1.337c4.907-4.952 9.786-9.88 14.635-14.782z"
/>
<path
fill="url(#k)"
d="M95 409.576c6.667.306 13.333.594 20 .863 2.76.112 4.902-2.059 4.787-4.843a3706.154 3706.154 0 0 1-.405-297.266c.316-8.357-6.106-14.873-14.383-14.508-8.276.363-15.352 7.403-15.753 15.679a2987.378 2987.378 0 0 0-2.935 194.921 7400.977 7400.977 0 0 1 15.607 15.291c-4.999 4.929-9.977 9.833-14.929 14.709a2991.74 2991.74 0 0 0 2.751 69.921c.142 2.762 2.499 5.106 5.26 5.233z"
/>
<path
fill="url(#l)"
d="M392.617 108.33a3705.689 3705.689 0 0 1-.405 297.266c-.115 2.784 2.027 4.955 4.787 4.843 6.667-.268 13.333-.556 20-.863 2.761-.127 5.118-2.474 5.259-5.234a2991.74 2991.74 0 0 0 2.751-69.921c-4.953-4.876-9.93-9.78-14.929-14.709a7649.972 7649.972 0 0 1 15.607-15.291 2988.071 2988.071 0 0 0-2.935-194.921c-.402-8.277-7.477-15.316-15.753-15.679-8.276-.365-14.698 6.152-14.382 14.509z"
/>
<path
fill="url(#m)"
d="M425.385 319.5a2990.406 2990.406 0 0 1-3.126 84.842c-.142 2.762-2.499 5.106-5.259 5.234-6.667.306-13.333.594-20 .863-2.761.112-4.902-2.059-4.787-4.843a3711.723 3711.723 0 0 0 2.254-70.496 8511.852 8511.852 0 0 1 30.918-15.6z"
/>
<path
fill="url(#n)"
d="M117.227 320.056a3706.378 3706.378 0 0 0 2.561 85.54c.115 2.784-2.027 4.955-4.787 4.843-6.667-.268-13.333-.556-20-.863-2.76-.127-5.118-2.474-5.259-5.234a2991.74 2991.74 0 0 1-2.751-69.921 4583.696 4583.696 0 0 0 30.236-14.365z"
/>
<path
fill="url(#o)"
d="M86.312 304.422c.176 10 .402 20 .678 30a6925.73 6925.73 0 0 0 338.02 0c.276-10 .502-20 .678-30a10976.077 10976.077 0 0 1-339.376 0z"
/>
<path
fill="url(#p)"
d="M189.244 106.511c-18.264.312-36.529.753-54.793 1.321a4194.806 4194.806 0 0 0-2.415 121.406c43.777-.21 87.553-.309 131.33-.297-25.162-41.005-50.226-82.012-74.122-122.43z"
/>
<path
fill="url(#q)"
d="M263.366 228.941c38.866.011 77.732.11 116.597.297a4206.986 4206.986 0 0 0-.535-48.054c-39.942-25.046-79.702-50.422-118.663-75.241-23.841-.029-47.681.16-71.522.568 11.241 47.937 37.815 90.344 74.123 122.43z"
/>
<path
fill="url(#r)"
d="M379.428 181.184a4204.462 4204.462 0 0 0-1.879-73.352 3907.38 3907.38 0 0 0-116.783-1.889c27.285 38.716 69.793 66.449 118.662 75.241z"
/>
</svg>
More icons in the same style and category