Animating Icons on Hover (Framer Tutorial)

Animating Icons on Hover (Framer Tutorial)

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

How I made $10K+ with Framer in 60 days

$10k Undercover Event

Beginner

14 min

Animating Icons on Hover (Framer Tutorial)

In this Framer tutorial, I'm reverse-engineering that cool icon animation from Framer's vector update showcase. You'll learn the exact process: from redrawing icons with the pen tool to creating smooth hover animations - all without touching code. If you've been wondering how Framer made those animated icons, this is your behind-the-scenes look.

image of Nandi Muzsik

Taught by

Learn how I went from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to secretly building a profitable Framer business.

Nandi portrait's background

Learn how I went from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to secretly building a profitable Framer business.

Nandi portrait's background

Learn how I went from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to secretly building a profitable Framer business.

Nandi portrait's background

More lessons

More lessons

  • Website testimonials banner with folded customer review letter

    This Framer Component Shouldn't Exist...

  • Talent agency banner: models, influencers, athletes, entertainers, gamers

    Watch a Framer Expert Build an Interaction from Scratch