IconsFreemium

Wiggle Icons

150 animated interface icons as Lottie, SVG and CSS

About this resource

Wiggle Icons animates the moments where static icons feel flat: a heart that pops on like, a bell that rings, a trash can that closes, a checkmark that draws itself. The 150 icons are exported as Lottie JSON, animated SVG and plain CSS keyframes, each under 8 KB, with hover, click and loop variants.

It's best for product teams adding small moments of feedback to buttons and empty states. The free tier includes 30 icons under a free license with credit. Pro is $8 a month or $60 a year for all 150 plus color editing on the website. The caveat: the animations are lively by default, so tone down the durations for enterprise tools.

Highlights

  • 01Hover, click and loop variants for each icon
  • 02Every file under 8 KB
  • 03Respects prefers-reduced-motion in the CSS version

Tags

Related resources

More in Icons
  • Paid

    1,100 two-tone icons where both colors are variables you can swap

    $294.5
    • duotone
    • figma variables
  • Paid

    220 file-type icons for upload screens, file browsers and docs

    $124.1
    • file types
    • uploads
  • Paid

    640 chunky filled icons for friendly consumer apps

    $194.3
    • filled
    • rounded
Live demo · Swatchyard— View template →