Add icons to this collection by clicking the heart icon.
Beach Ball icon - also known as summer, toy, fun, beach ball, kid and baby, and inflate. 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 64 64"
>
<linearGradient
id="c"
x1="11.182"
x2="56.229"
y1="24.102"
y2="45.52"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f06292" />
<stop offset=".38" stop-color="#ef598b" />
<stop offset=".994" stop-color="#ec407a" />
</linearGradient>
<linearGradient
id="a"
x1="16.257"
x2="31.264"
y1="13.062"
y2="23.117"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eee" />
<stop offset=".737" stop-color="#e5e5e5" />
<stop offset=".994" stop-color="#e0e0e0" />
</linearGradient>
<linearGradient
id="d"
x1="4.667"
x2="11.926"
y1="35.3"
y2="35.3"
href="#a"
/>
<linearGradient
id="e"
x1="18.001"
x2="52.529"
y1="38.106"
y2="46.382"
href="#a"
/>
<linearGradient
id="f"
x1="15.568"
x2="22.279"
y1="44.829"
y2="50.255"
href="#a"
/>
<linearGradient
id="b"
x1="32.417"
x2="58"
y1="58"
y2="58"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffee58" />
<stop offset=".372" stop-color="#fee84f" />
<stop offset=".989" stop-color="#fdd835" />
<stop offset=".994" stop-color="#fdd835" />
</linearGradient>
<linearGradient
id="g"
x1="12.028"
x2="21.022"
y1="32.733"
y2="38.238"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#caeaff" />
<stop offset=".255" stop-color="#c1e5fe" />
<stop offset=".677" stop-color="#a7d7fb" />
<stop offset=".994" stop-color="#90caf9" />
</linearGradient>
<linearGradient
id="h"
x1="5.897"
x2="35.428"
y1="53.849"
y2="60.258"
href="#b"
/>
<g>
<circle cx="32" cy="34" r="28" fill="url(#c)" />
<path
fill="#ec407a"
d="M51.045 13.482a27.995 27.995 0 0 1-44.09 33.036 27.998 27.998 0 1 0 44.09-33.036z"
/>
<path
fill="url(#a)"
d="M49.19 11.91C21.27 17.41 20.04 36.2 20 37.05a.996.996 0 0 1-.7.9 1.048 1.048 0 0 1-.3.05.985.985 0 0 1-.79-.39c-5.76-7.53-5.73-17-3.79-25.4a27.972 27.972 0 0 1 34.77-.3z"
/>
<path
fill="url(#d)"
d="M19.57 37.82a27.91 27.91 0 0 1-14.11 5.11A27.77 27.77 0 0 1 4 34a27.486 27.486 0 0 1 .73-6.33 39.231 39.231 0 0 0 14.54 8.37.993.993 0 0 1 .3 1.78z"
/>
<path
fill="url(#e)"
d="M59.92 36.07a27.962 27.962 0 0 1-13.8 22.1c-3.11-8.36-10.45-17.3-27.29-20.18a1.021 1.021 0 0 1-.82-.83 1.001 1.001 0 0 1 .51-1.04c.23-.12 20.36-10.74 41.4-.05z"
/>
<path
fill="#e0e0e0"
d="M53.036 33.286a28.04 28.04 0 0 1-11.907 16.27 29.25 29.25 0 0 1 4.991 8.614 27.962 27.962 0 0 0 13.8-22.1 43.69 43.69 0 0 0-6.883-2.784z"
/>
<path
fill="url(#f)"
d="M25.41 61.21a27.953 27.953 0 0 1-14.7-9.03C14.91 48.38 18 43.4 18 37a1.006 1.006 0 0 1 .75-.97 1.02 1.02 0 0 1 1.13.49c.31.57 7 12.88 5.53 24.69z"
/>
<path
fill="url(#b)"
d="M44 54c-8.726 0-18 2.453-18 7a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1c0-4.547-9.274-7-18-7z"
/>
<path
fill="#fdd835"
d="M57.244 56.167C50.189 62.243 32 59 32 59l-4.237-1.145A4.098 4.098 0 0 0 26 61a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1c0-2.048-1.89-3.667-4.756-4.833z"
/>
<g fill="#e0e0e0">
<path
d="M12.422 50.487q-.818.882-1.712 1.693a27.953 27.953 0 0 0 14.7 9.03 31.1 31.1 0 0 0-.004-7.225 27.851 27.851 0 0 1-12.984-3.498zM19 7h-3a1 1 0 0 1-1-1 1 1 0 0 0-2 0 1 1 0 0 1-2 0 2 2 0 0 0-4 0 1 1 0 0 1-1 1H3a1 1 0 0 1 0-2h2.127a3.998 3.998 0 0 1 7.072-1.398A2.999 2.999 0 0 1 16.83 5H19a1 1 0 0 1 0 2zM61 11a1 1 0 0 1-1-1 2 2 0 0 0-4 0 1 1 0 0 1-1 1h-3a1 1 0 0 1 0-2h2.127A4 4 0 0 1 62 10a1 1 0 0 1-1 1zM11 11H6a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM61 15h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
</g>
<circle cx="19" cy="37" r="7" fill="url(#g)" />
<path
fill="#90caf9"
d="M20.56 30.181a5.992 5.992 0 1 1-8.379 8.379 6.997 6.997 0 1 0 8.379-8.379z"
/>
<path
fill="url(#h)"
d="M24 50C11.663 50 2 54.832 2 61a1 1 0 0 0 1 1h42a1 1 0 0 0 1-1c0-6.168-9.663-11-22-11z"
/>
<path
fill="#fdd835"
d="M36.46 51.883c-6.83 9.588-26.007 7.895-33.944 6.72A6.049 6.049 0 0 0 2 61a1 1 0 0 0 1 1h42a1 1 0 0 0 1-1c0-3.838-3.743-7.156-9.54-9.117z"
/>
<path
fill="#fff"
d="M12 55.893a1 1 0 0 1-.339-1.942 35.698 35.698 0 0 1 10.293-1.905A1.015 1.015 0 0 1 23 53a1 1 0 0 1-.953 1.044 33.666 33.666 0 0 0-9.707 1.789 1.004 1.004 0 0 1-.339.06zM8.001 57.846a1 1 0 0 1-.558-1.831q.501-.335 1.07-.653a1 1 0 0 1 .973 1.748q-.496.276-.93.567a.997.997 0 0 1-.555.169zM10.063 23a1 1 0 0 1-.878-1.479q.29-.529.603-1.042a1 1 0 0 1 1.707 1.042c-.191.314-.377.634-.554.958a1 1 0 0 1-.879.521zM12.79 19a1 1 0 0 1-.768-1.641 26.162 26.162 0 0 1 9.772-7.278 1 1 0 1 1 .785 1.838 24.165 24.165 0 0 0-9.021 6.721.997.997 0 0 1-.769.36z"
/>
</g>
</svg>
More icons in the same style and category