Add icons to this collection by clicking the heart icon.
Beach Ball icon - also known as ball, summer, leisure, fun, beach ball, hobbies and free time, and kid and baby. Created in a clean color 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 510 510"
>
    <linearGradient
        id="a"
        x1="248.692"
        x2="290.692"
        y1="221.959"
        y2="441.959"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fef0ae" />
        <stop offset="1" stop-color="#fac600" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="352.91"
        x2="367.91"
        y1="78.011"
        y2="201.011"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#b3dafe" />
        <stop offset="1" stop-color="#0182fc" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="255"
        x2="255"
        y1="383.651"
        y2="530.643"
        gradientTransform="rotate(45 255.066 254.972)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fea613" stop-opacity="0" />
        <stop offset=".168" stop-color="#fc9f17" stop-opacity=".168" />
        <stop offset=".414" stop-color="#f88b20" stop-opacity=".414" />
        <stop offset=".707" stop-color="#f16b30" stop-opacity=".707" />
        <stop offset="1" stop-color="#e94444" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="139.964"
        x2="183.964"
        y1="61.13"
        y2="243.13"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9be69d" />
        <stop offset="1" stop-color="#0996a4" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="99.425"
        x2="160.922"
        y1="358.528"
        y2="478.522"
        gradientTransform="rotate(45 255.066 254.972)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#01525a" stop-opacity="0" />
        <stop offset="1" stop-color="#01525a" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="285.874"
        x2="347.874"
        y1="335.168"
        y2="465.168"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#feaee1" />
        <stop offset="1" stop-color="#fe5694" />
    </linearGradient>
    <linearGradient
        id="g"
        x1="382.4"
        x2="382.4"
        y1="362.652"
        y2="487.29"
        gradientTransform="rotate(45 255.066 254.972)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fe0364" stop-opacity="0" />
        <stop offset=".399" stop-color="#f70360" stop-opacity=".399" />
        <stop offset=".974" stop-color="#e40257" stop-opacity=".974" />
        <stop offset="1" stop-color="#e30256" />
    </linearGradient>
    <linearGradient
        id="h"
        x1="237.836"
        x2="275.334"
        y1="57.728"
        y2="126.725"
        gradientTransform="rotate(45 255.066 254.972)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#eaf6ff" />
        <stop offset="1" stop-color="#b3dafe" />
    </linearGradient>
    <circle cx="255" cy="255" r="255" fill="url(#a)" />
    <path
        fill="url(#b)"
        d="M505.07 304.98c15.87-82.56-58.26-155.09-140.84-137.64-.44.09-.88.19-1.32.28l-20.53-20.53c.09-.44.19-.88.28-1.31C360.02 63.69 288.5-10.03 206.56 4.64c80.29-15.48 166.58 7.87 228.75 70.05 62.57 62.57 85.83 149.57 69.76 230.29z"
    />
    <path
        fill="url(#c)"
        d="M67.987 81.672c-92.812 100.01-90.591 256.349 6.7 353.64s253.63 99.513 353.64 6.7z"
    />
    <path
        fill="url(#d)"
        d="M74.688 435.312c-99.582-99.582-99.582-261.043 0-360.624 36.624-36.624 81.62-59.78 128.829-69.465 83.199-17.069 156.718 57.459 139.143 140.552l-.282 1.314c-57.502-41.281-154.029-19.989-225.503 51.485-77.025 77.025-97.08 181.846-42.187 236.738z"
    />
    <path
        fill="url(#e)"
        d="M67.987 81.672c-92.811 100.009-90.589 256.35 6.7 353.64-54.892-54.892-34.837-159.713 42.188-236.738 11.732-11.732 24.141-22.102 36.94-31.075z"
    />
    <path
        fill="url(#f)"
        d="M435.312 435.312c-99.582 99.582-261.043 99.582-360.624 0 54.893 54.893 159.713 34.838 236.738-42.187 71.474-71.474 92.759-167.994 51.485-225.503l1.314-.282c83.098-17.56 157.624 55.965 140.548 139.163-9.688 47.202-32.842 92.191-69.461 128.809z"
    />
    <path
        fill="url(#g)"
        d="M342.501 356.185c-8.973 12.798-19.343 25.208-31.075 36.94-77.025 77.025-181.845 97.08-236.738 42.187 97.29 97.29 253.631 99.511 353.64 6.7z"
    />
    <path
        fill="url(#h)"
        d="M437.692 203.37c-25.3 25.3-75.148 16.47-111.34-19.722S281.33 97.607 306.63 72.308s75.148-16.47 111.34 19.722 45.022 86.041 19.722 111.34z"
    />
</svg>
More icons in the same style and category