Previous Demo Back to the Codrops Article

Animated SVG Icons Using Snap.svg to animate SVG icons

Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap

With different speeds & easings

Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap

Different size & animation on hover

Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap Created with Snap

If you enjoyed these effects you might also like:

Animated Checkboxes with SVG

Icon Hover Effects