How do I shake an SVG icon for attention?

Paste the icon and click Apply shake for a short vibration loop.

Is shake good for error states?

Yes. Shake cues are commonly used for invalid input feedback.

Try Floating or Wiggle for less aggressive loops.

FAQ

Quick answers

How do I shake an SVG icon for attention?: Paste the icon and click Apply shake for a short vibration loop.
Is shake good for error states?: Yes. Shake cues are commonly used for invalid input feedback.
Want a softer idle motion instead?: Try Floating or Wiggle for less aggressive loops.
Is shake animation generation free?: Yes — free, browser-only.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B