Icon sets / SVG Spinners / bouncing-ball
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g transform="translate(0 0)"><ellipse cx="12" cy="5" fill="currentColor" rx="4" ry="4"><animate id="SVG2g6X4cnm" fill="freeze" attributeName="cy" begin="0;SVGYUW1Wdmy.end" calcMode="spline" dur="0.375s" keySplines=".33,0,.66,.33" values="5;20"/><animate attributeName="rx" begin="SVG2g6X4cnm.end" calcMode="spline" dur="0.05s" keySplines=".33,0,.66,.33;.33,.66,.66,1" values="4;4.8;4"/><animate attributeName="ry" begin="SVG2g6X4cnm.end" calcMode="spline" dur="0.05s" keySplines=".33,0,.66,.33;.33,.66,.66,1" values="4;3;4"/><animate id="SVGb9s1Jd3o" attributeName="cy" begin="SVG2g6X4cnm.end" calcMode="spline" dur="0.025s" keySplines=".33,0,.66,.33" values="20;20.5"/><animate id="SVGYUW1Wdmy" attributeName="cy" begin="SVGb9s1Jd3o.end" calcMode="spline" dur="0.4s" keySplines=".33,.66,.66,1" values="20.5;5"/></ellipse></g></svg>
Customize
About this icon
This is the bouncing ball icon from SVG Spinners, in its solid style.
It's a solid shape on a 24 × 24 grid. Shapes like this read well on buttons and at small sizes.
It's free for personal and commercial use (MIT).
| Icon set | SVG Spinners (version 1.2.4) |
| Author | Utkarsh Verma |
| Licence | MIT |
| Style | solid |
| Original size | 24 × 24 |
| Name | svg-spinners:bouncing-ball |
Topics
Credit (optional)
Credit is not required by this licence, but it helps the authors and us. You can paste this line on your site:
Something wrong with this icon? Report it