How do I make an SVG icon bounce?

Paste the icon and click Apply bounce for springy vertical motion.

Can bounce combine with rotate?

Yes. Layer Rotate Animation if you want spin plus bounce.

Open Shake Animation for lateral vibration.

FAQ

Quick answers

How do I make an SVG icon bounce?: Paste the icon and click Apply bounce for springy vertical motion.
Can bounce combine with rotate?: Yes. Layer Rotate Animation if you want spin plus bounce.
Looking for a shake instead of bounce?: Open Shake Animation for lateral vibration.
Does bounce animation upload my file?: No. Free local browser tool.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B