Add icons to this collection by clicking the heart icon.
Ring Toss icon - also known as game, fairground, amusement park, miscellaneous, and ring toss. Created in a clean flat 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 128 128"
>
<linearGradient id="a">
<stop offset=".04" stop-color="#ec8f4b" />
<stop offset=".809" stop-color="#e47e3e" />
</linearGradient>
<linearGradient
id="f"
x1="43.148"
x2="43.815"
y1="-17.765"
y2="-43.765"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="89.118"
x2="89.785"
y1="-16.587"
y2="-42.587"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffd980" />
<stop offset="1" stop-color="#ffba6a" />
</linearGradient>
<linearGradient
id="h"
x1="106.183"
x2="96.183"
y1="-30.673"
y2="-2.673"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#cd464e" />
<stop offset="1" stop-color="#b82e37" />
</linearGradient>
<linearGradient
id="i"
x1="9.494"
x2="6.161"
y1="121.581"
y2="141.248"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="50.373"
x2="40.373"
y1="-50.605"
y2="-22.605"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#e18074" />
<stop offset=".308" stop-color="#de7c72" />
<stop offset=".628" stop-color="#d56f6b" />
<stop offset=".952" stop-color="#c65b60" />
<stop offset="1" stop-color="#c3575e" />
</linearGradient>
<linearGradient
id="k"
x1="-288.946"
x2="255.715"
y1="71.788"
y2="58.981"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="l"
x1="-392.736"
x2="416.687"
y1="61.37"
y2="42.336"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5098c2" />
<stop offset="1" stop-color="#1980b4" />
</linearGradient>
<linearGradient
id="m"
x1="-242.946"
x2="301.715"
y1="71.788"
y2="58.981"
gradientUnits="userSpaceOnUse"
>
<stop offset=".12" stop-color="#8fb9e1" />
<stop offset="1" stop-color="#65a4d2" />
</linearGradient>
<linearGradient
id="n"
x1="98.925"
x2="95.592"
y1="136.739"
y2="156.405"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="131.649"
x2="121.649"
y1="-21.578"
y2="6.422"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="-196.946"
x2="347.715"
y1="71.788"
y2="58.981"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="-166.964"
x2="-118.973"
y1="128.708"
y2="124.094"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#83634d" />
<stop offset="1" stop-color="#83634d" />
</linearGradient>
<linearGradient id="e">
<stop offset="0" stop-color="#58595b" />
<stop offset="1" stop-color="#414042" />
</linearGradient>
<linearGradient
id="r"
x1=".69"
x2="2.209"
y1="120.703"
y2="120.557"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="s"
x1="112.69"
x2="114.209"
y1="120.703"
y2="120.557"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="t"
x1=".69"
x2="2.209"
y1="93.701"
y2="93.554"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="u"
x1="112.69"
x2="114.209"
y1="93.701"
y2="93.554"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="v"
x1="63.742"
x2="64.079"
y1="26.923"
y2="130.935"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#826656" />
<stop offset="1" stop-color="#725440" />
</linearGradient>
<path
fill="url(#f)"
d="M50 32c-5.176-6.47-4-3.471-4-17V5a3 3 0 0 0-3-3h-3.943a3 3 0 0 0-3 3v10c0 13.529 1.119 10.53-4.057 17-2.382 2.978-4 4.514-4 14v41h26V46c0-9.486-1.618-11.022-4-14z"
/>
<path
fill="url(#g)"
d="M96 32c-5.176-6.47-4-3.471-4-17V5a3 3 0 0 0-3-3h-3.943a3 3 0 0 0-3 3v10c0 13.529 1.119 10.53-4.057 17-2.382 2.978-4 4.514-4 14v41h26V46c0-9.486-1.618-11.022-4-14z"
/>
<path
fill="url(#h)"
d="M92 13v2c0 .712-.003 1.375-.009 1.997L92 17c2.673 1.383 4 3.42 4 6 0 4.168-3.743 7-9 7s-9-2.832-9-7c0-2.58 1.327-4.617 4-6l.065-.026c-.005-.619-.009-1.267-.009-1.974v-2.014L82 13c-4.746 1.737-8 5.627-8 10 0 6.021 5.831 11 13 11s13-4.979 13-11c0-4.373-3.254-8.263-8-10z"
/>
<path
fill="url(#i)"
d="M27 44c-5.176-6.47-4-3.471-4-17V15a3 3 0 0 0-3-3h-3.943a3 3 0 0 0-3 3v12c0 13.529 1.119 10.53-4.057 17-2.382 2.978-4 4.514-4 14v31h26V58c0-9.486-1.618-11.022-4-14z"
/>
<path
fill="url(#j)"
d="m23 30-.02-.004c-.021 1.597-.052 2.897-.073 3.965L23 34c2.673 1.383 4 3.42 4 6 0 4.168-3.743 7-9 7s-9-2.832-9-7c0-2.58 1.327-4.617 4-6l.142-.041c-.018-1.075-.048-2.369-.067-3.98L13 30c-4.746 1.737-8 5.627-8 10 0 6.021 5.831 11 13 11s13-4.979 13-11c0-4.373-3.254-8.263-8-10z"
/>
<path fill="url(#k)" d="m18 56 3 5 6 2-4 4 1 6-6-3-6 3 1-6-4-4 6-2z" />
<path
fill="url(#l)"
d="M73 44c-5.176-6.47-4-3.471-4-17V15a3 3 0 0 0-3-3h-3.943a3 3 0 0 0-3 3v12c0 13.529 1.119 10.53-4.057 17-2.382 2.978-4 4.514-4 14v31h26V58c0-9.486-1.618-11.022-4-14z"
/>
<path fill="url(#m)" d="m64 56 3 5 6 2-4 4 1 6-6-3-6 3 1-6-4-4 6-2z" />
<path
fill="url(#n)"
d="M119 44c-5.176-6.47-4-3.471-4-17V15a3 3 0 0 0-3-3h-3.943a3 3 0 0 0-3 3v12c0 13.529 1.119 10.53-4.057 17-2.382 2.978-4 4.514-4 14v31h26V58c0-9.486-1.618-11.022-4-14z"
/>
<path
fill="url(#o)"
d="m115 29-.009-.002a314.86 314.86 0 0 1-.064 3.978L115 33c2.673 1.383 4 3.42 4 6 0 4.168-3.743 7-9 7s-9-2.832-9-7c0-2.58 1.327-4.617 4-6l.124-.054a328.342 328.342 0 0 1-.058-3.964L105 29c-4.746 1.737-8 5.627-8 10 0 6.021 5.831 11 13 11s13-4.979 13-11c0-4.373-3.254-8.263-8-10z"
/>
<path fill="url(#p)" d="m110 56 3 5 6 2-4 4 1 6-6-3-6 3 1-6-4-4 6-2z" />
<path
fill="url(#q)"
d="M121.778 126H6.222A4.222 4.222 0 0 1 2 121.778V91.222A4.222 4.222 0 0 1 6.222 87h115.555a4.222 4.222 0 0 1 4.222 4.222v30.555a4.22 4.22 0 0 1-4.221 4.223z"
/>
<circle cx="8" cy="120" r="2" fill="url(#r)" />
<circle cx="120" cy="120" r="2" fill="url(#s)" />
<circle cx="8" cy="92.998" r="2" fill="url(#t)" />
<circle cx="120" cy="92.998" r="2" fill="url(#u)" />
<path fill="url(#v)" d="M2 99h124v15H2z" />
</svg>
More icons in the same style and category