Add icons to this collection by clicking the heart icon.
Ball icon - also known as ball, play, children, childhood, baby, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="33.74"
x2="416.9"
y1="24.59"
y2="534.28"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fec194" />
<stop offset="1" stop-color="#ff0061" />
</linearGradient>
<linearGradient
id="b"
x1="60.9"
x2="444.06"
y1="4.17"
y2="513.86"
href="#a"
/>
<linearGradient
id="c"
x1="196.66"
x2="579.82"
y1="-97.88"
y2="411.8"
href="#a"
/>
<linearGradient
id="d"
x1="-67.46"
x2="315.7"
y1="100.67"
y2="610.36"
href="#a"
/>
<linearGradient
id="e"
x1="167.37"
x2="550.53"
y1="-75.86"
y2="433.82"
href="#a"
/>
<linearGradient
id="f"
x1="-38.17"
x2="345"
y1="78.65"
y2="588.33"
href="#a"
/>
<linearGradient
id="g"
x1="64.6"
x2="447.76"
y1="1.39"
y2="511.08"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M75.47 96.38a6 6 0 0 0 4.43-1.95c2.67-2.92 5.52-5.87 8.47-8.78a6 6 0 1 0-8.43-8.54c-3.1 3-6.09 6.15-8.89 9.22a6 6 0 0 0 4.42 10z"
/>
<path
fill="url(#b)"
d="m331.45 275.61 14.06-10.22a31.4 31.4 0 0 0-18.45-56.8h-17.38a19.35 19.35 0 0 1-18.45-13.4l-5.37-16.53a31.39 31.39 0 0 0-59.72 0l-5.37 16.53a19.35 19.35 0 0 1-18.45 13.4h-17.38a31.4 31.4 0 0 0-18.45 56.8l14.06 10.22a19.32 19.32 0 0 1 7 21.68l-5.37 16.53a31.4 31.4 0 0 0 48.32 35.1l14.06-10.21a19.33 19.33 0 0 1 22.8 0l14.06 10.21a30.93 30.93 0 0 0 36.91 0 30.93 30.93 0 0 0 11.41-35.1l-5.37-16.53a19.32 19.32 0 0 1 7.08-21.68zM313 301l5.37 16.53a19.39 19.39 0 0 1-29.84 21.69L274.45 329a31.28 31.28 0 0 0-36.9 0l-14.07 10.22a19.39 19.39 0 0 1-29.84-21.69L199 301a31.32 31.32 0 0 0-11.41-35.1l-14.06-10.22a19.4 19.4 0 0 1 11.4-35.09h17.38a31.31 31.31 0 0 0 29.86-21.69l5.37-16.53a19.4 19.4 0 0 1 36.9 0l5.37 16.53a31.31 31.31 0 0 0 29.86 21.69h17.38a19.4 19.4 0 0 1 11.4 35.09L324.4 265.9A31.32 31.32 0 0 0 313 301z"
/>
<path
fill="url(#c)"
d="M470.29 136.09a131 131 0 0 0 0 239.81 6 6 0 0 0 7.72-2.69 251.46 251.46 0 0 0 0-234.43 6 6 0 0 0-7.72-2.69zM470 362.52a119 119 0 0 1 0-213 239.54 239.54 0 0 1 0 213.05z"
/>
<path
fill="url(#d)"
d="M41.72 136.09a6 6 0 0 0-7.72 2.69 251.39 251.39 0 0 0 0 234.43 6 6 0 0 0 7.72 2.69A131 131 0 0 0 120 256a131 131 0 0 0-78.28-119.91zM42 362.52a239.45 239.45 0 0 1 0-213A119 119 0 0 1 108 256a119 119 0 0 1-66 106.52z"
/>
<path
fill="url(#e)"
d="M373.22 34a251.46 251.46 0 0 0-234.43 0 6 6 0 0 0-2.69 7.72A131.05 131.05 0 0 0 256 120a131.07 131.07 0 0 0 119.91-78.29 6 6 0 0 0-2.69-7.71zM256 108a119 119 0 0 1-106.52-66 239.54 239.54 0 0 1 213.05 0A119.05 119.05 0 0 1 256 108z"
/>
<path
fill="url(#f)"
d="M256 392.05a131.06 131.06 0 0 0-119.9 78.23 6 6 0 0 0 2.69 7.72 251.39 251.39 0 0 0 234.43 0 6 6 0 0 0 2.69-7.72A131.07 131.07 0 0 0 256 392.05zm0 103a239.65 239.65 0 0 1-106.52-25 119 119 0 0 1 213.05 0A239.67 239.67 0 0 1 256 495z"
/>
<path
fill="url(#g)"
d="M256 5a248.53 248.53 0 0 0-153.94 52.74 6 6 0 1 0 7.37 9.47A236.61 236.61 0 0 1 256 17c131.79 0 239 107.21 239 239S387.79 495 256 495 17 387.78 17 256a236.94 236.94 0 0 1 47.58-143.13 6 6 0 1 0-9.58-7.19A251 251 0 0 0 256 507 251 251 0 0 0 433.49 78.51 249.39 249.39 0 0 0 256 5z"
/>
</g>
</svg>
More icons in the same style and category