Add icons to this collection by clicking the heart icon.
Beach Ball icon - also known as ball, summer, holidays, leisure, fun, beach ball, and kid and baby. 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="100"
height="100"
viewBox="0 0 511.993 511.993"
>
<linearGradient
id="a"
x1="69.654"
x2="416.136"
y1="448.212"
y2="101.73"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#42e7d1" />
<stop offset="1" stop-color="#009995" />
</linearGradient>
<circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
<linearGradient
id="b"
x1="153.565"
x2="363.205"
y1="364.301"
y2="154.661"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#c8c6cc" />
</linearGradient>
<circle cx="255.996" cy="255.996" r="190.169" fill="url(#b)" />
<linearGradient
id="c"
x1="235.044"
x2="416.594"
y1="462.44"
y2="280.89"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6775e9" />
<stop offset="1" stop-color="#1b2da7" />
</linearGradient>
<path
d="M430.619 180.574c-75.381-19.009-130.327 2.552-130.327 2.552l-28.639-17.895c1.621-41.603 20.871-70.979 41.454-90.677 52.843 16.617 95.745 55.681 117.512 106.02z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="151.264"
x2="332.814"
y1="378.659"
y2="197.109"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6775e9" />
<stop offset="1" stop-color="#1b2da7" />
</linearGradient>
<path
d="m240.347 165.23-28.64 17.895s-54.946-21.56-130.327-2.552c21.767-50.338 64.669-89.401 117.513-106.02 20.583 19.699 39.834 49.074 41.454 90.677z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="106.335"
x2="287.885"
y1="333.74"
y2="152.19"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6775e9" />
<stop offset="1" stop-color="#1b2da7" />
</linearGradient>
<path
d="M327.806 432.148c-22.158 9.045-46.396 14.021-71.806 14.021s-49.649-4.976-71.806-14.021c-22.537-57.394-32.892-140.464 34.283-224.016h75.048c67.173 83.552 56.818 166.622 34.281 224.016z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="205.044"
x2="280.747"
y1="387.232"
y2="311.529"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb94a" />
<stop offset="1" stop-color="#e37300" />
</linearGradient>
<circle cx="255.996" cy="178.247" r="55.933" fill="url(#f)" />
<linearGradient
id="g"
x1="217.561"
x2="268.23"
y1="374.71"
y2="324.051"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffefa7" />
<stop offset="1" stop-color="#fc0" />
</linearGradient>
<circle cx="255.996" cy="178.247" r="37.433" fill="url(#g)" />
</svg>
More icons in the same style and category