Add icons to this collection by clicking the heart icon.
Ball icon - also known as school, ball, game, sport, tennis, and sports and competition. Created in a clean flat gradient style with a white finish, 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 32 32"
>
<linearGradient
id="a"
x1="2"
x2="30"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#64b5f6" />
<stop offset="1" stop-color="#bbdefb" />
</linearGradient>
<g>
<path
fill="url(#a)"
d="M30 16a14 14 0 0 1-4 9.76 13 13 0 0 1-1.52 1.35A14 14 0 0 1 7.28 27l-.62-.53a8.64 8.64 0 0 1-.86-.85 7.23 7.23 0 0 1-.53-.62 14 14 0 0 1-.43-17.45L5.26 7a11.87 11.87 0 0 1 .9-1l.5-.47a14 14 0 0 1 19 .29A11 11 0 0 1 27 7.34 13.89 13.89 0 0 1 30 16z"
/>
<path
d="M9.28 27A13.85 13.85 0 0 0 17 30h-1a13.91 13.91 0 0 1-8.72-3l-.62-.53a8.64 8.64 0 0 1-.86-.85 7.23 7.23 0 0 1-.53-.62 14 14 0 0 1-.43-17.45L5.26 7a11.87 11.87 0 0 1 .9-1l.5-.47A13.91 13.91 0 0 1 16 2h1a13.87 13.87 0 0 0-8.34 3.58l-.5.47a11.87 11.87 0 0 0-.9 1l-.42.52A14 14 0 0 0 7.27 25a7.23 7.23 0 0 0 .53.59 8.64 8.64 0 0 0 .86.85z"
opacity=".1"
/>
<path
fill="#fff"
d="M30 16a14 14 0 0 1-4 9.76 13 13 0 0 1-1.52 1.35A13.94 13.94 0 0 1 16 30h-1a13.86 13.86 0 0 0 7.52-2.85A13 13 0 0 0 24 25.76a14 14 0 0 0 1-18.42 11 11 0 0 0-1.34-1.47A13.87 13.87 0 0 0 15 2h1a13.92 13.92 0 0 1 9.65 3.87A11 11 0 0 1 27 7.34 13.89 13.89 0 0 1 30 16z"
opacity=".15"
/>
<path
d="m25.52 25.37.51.39a13 13 0 0 1-1.52 1.35l-.15-.11a11.84 11.84 0 0 1-4.67-6 10.5 10.5 0 0 1-.52-2 11.85 11.85 0 0 1 0-4 11.28 11.28 0 0 1 .51-2c.7-2 4.59-5.81 6-7.13A11 11 0 0 1 27 7.34c-1.32 1.22-4.54 4.27-5.15 5.66a9.33 9.33 0 0 0-.64 2 10.1 10.1 0 0 0 0 4 9.89 9.89 0 0 0 .63 2 10 10 0 0 0 3.68 4.37zM12.57 17a12 12 0 0 1-.17 2 10.5 10.5 0 0 1-.52 2 11.82 11.82 0 0 1-4.6 6l-.62-.53a8.64 8.64 0 0 1-.86-.85l.25-.2A10 10 0 0 0 9.74 21a9.89 9.89 0 0 0 .63-2 10.1 10.1 0 0 0 0-4 9.33 9.33 0 0 0-.64-2c-.6-1.38-3.62-4.26-4.89-5.45L5.26 7a11.87 11.87 0 0 1 .9-1c1.36 1.31 5 5 5.73 7a11.28 11.28 0 0 1 .51 2 12.09 12.09 0 0 1 .17 2z"
opacity=".1"
/>
<g fill="#fff">
<path
d="M25.52 24.37A10 10 0 0 1 21.83 20H22a1 1 0 0 0 0-2h-.8a10.1 10.1 0 0 1 0-4h.8a1 1 0 0 0 0-2h-.16a10.2 10.2 0 0 1 3.74-4.41l1-.76a11.9 11.9 0 0 0-1.42-1.42l-.75.59a12 12 0 0 0-4.73 6H19a1 1 0 0 0 0 2h.17a11.85 11.85 0 0 0 0 4H19a1 1 0 0 0 0 2h.69a11.84 11.84 0 0 0 4.67 6l.78.6a12.78 12.78 0 0 0 1.43-1.42zM14 13a1 1 0 0 0-1-1h-1.11a12 12 0 0 0-4.73-6l-.5-.39A12.8 12.8 0 0 0 5.26 7l.74.59A10.2 10.2 0 0 1 9.73 12v.05A1 1 0 0 0 9 13a1 1 0 0 0 1 1h.37a10.1 10.1 0 0 1 0 4H10a1 1 0 0 0-1 1 1 1 0 0 0 .76.95V20a10 10 0 0 1-3.69 4.37l-.8.63a11.82 11.82 0 0 0 1.39 1.44l.55-.44a11.84 11.84 0 0 0 4.67-6H13a1 1 0 0 0 0-2h-.6a12 12 0 0 0 .17-2 12.09 12.09 0 0 0-.17-2h.6a1 1 0 0 0 1-1z"
/>
<circle cx="7" cy="13" r="1" />
<circle cx="7" cy="19" r="1" />
<circle cx="25" cy="13" r="1" />
<circle cx="25" cy="19" r="1" />
</g>
</g>
</svg>
More icons in the same style and category