Add icons to this collection by clicking the heart icon.
Sport icon - also known as ball, circular, sport, mega ball, balls, dribbble, and sports and competition. 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 24 24"
>
    <linearGradient
        id="a"
        x1="13.89"
        x2="15.283"
        y1="5.727"
        y2="17.298"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffd8cc" />
        <stop offset="1" stop-color="#eca58c" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="16.223"
        x2="20"
        y1="1.518"
        y2="19.679"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d3754c" />
        <stop offset="1" stop-color="#be1e2d" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="17.312"
        x2="18.705"
        y1="5.315"
        y2="16.886"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="12.57"
        x2="16.347"
        y1="2.278"
        y2="20.439"
        href="#b"
    />
    <linearGradient
        id="e"
        x1="5.801"
        x2="7.194"
        y1="6.7"
        y2="18.272"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="4.612"
        x2="8.389"
        y1="3.933"
        y2="22.094"
        href="#b"
    />
    <g>
        <path
            fill="url(#a)"
            d="M12.286 11.07c-2.022 4.627.609 9.671 1.26 10.798a9.975 9.975 0 0 0 5.483-2.765c-1.02-3.317-4.941-6.646-6.743-8.034z"
        />
        <path
            fill="url(#b)"
            d="M14.628 10.38a22.591 22.591 0 0 1 5.841 6.912 9.921 9.921 0 0 0 1.5-4.674 13.164 13.164 0 0 0-7.34-2.238z"
        />
        <path
            fill="url(#c)"
            d="M13.754 8.383a15.821 15.821 0 0 1 8.071 1.791 10.023 10.023 0 0 0-5.128-6.997z"
        />
        <path
            fill="url(#d)"
            d="m12.135 7.182 2.696-4.768a9.672 9.672 0 0 0-4.519-.26z"
        />
        <path
            fill="url(#e)"
            d="M10.537 8.64 8.379 2.69A9.888 9.888 0 0 0 2.131 13.54a12.052 12.052 0 0 1 8.406-4.9z"
        />
        <path
            fill="url(#f)"
            d="M10.286 10.706A10.505 10.505 0 0 0 2.87 16.06a10.007 10.007 0 0 0 8.461 5.907c-1.064-2.136-2.802-6.73-1.044-11.26z"
        />
    </g>
</svg>
More icons in the same style and category