Skip to main content

Free Animated Fitness Icons

24 animated icons for gyms, studios and training businesses: class bookings, passes, workouts and progress. They reach your inbox over three weeks.

Also send me, for fitness, when each is ready:

Confirm your email and the first icons arrive. Unsubscribe any time. Privacy policy

Week 1

When you confirm your email

  • Jump rope

  • Meal prep

  • Calorie burn

  • Gym pass

  • Kettlebell

  • Protein shake

  • Hydration

  • Spin class

Week 2

One week later

  • Foam roller

  • Yoga mat

  • Swimming

  • Step counter

  • Ice bath

  • Treadmill

  • Personal trainer

  • Activity rings

Week 3

Two weeks later

  • Dumbbell

  • Meditation

  • Stopwatch

  • Recovery score

  • Punching bag

  • Spa

  • Class booking

  • Smart scale

About this set

About the Fitness icons

Fitness icons for a gym, a studio or a personal training business. The set covers the kit (kettlebell, dumbbell, jump rope, treadmill), the habits around it (hydration, meal prep, recovery) and the front desk: passes, class booking and progress tracking. Each fitness icon is previewed on this page as a short loop before you sign up.

Where they fit

Use Class booking on your timetable page, where the one empty mat in the row is reserved and lights up. Put Gym pass beside your membership plans: the pass slides over the reader and the turnstile arm swings open. Activity rings fits a progress page, as three rings fill on the watch face. Kettlebell, Yoga mat and Swimming mark out your class types.

One look across the set

Each icon is drawn on a 400 by 320 canvas with the same line weight and one accent colour. Mix a kettlebell with a yoga mat and a stopwatch and the row still looks planned.

From the email to your page

  1. Open the email and download the ZIP. The svg folder holds the animated icons, and preview.html shows them all moving.
  2. For a looping icon, use the file as an image: an img tag with width 240 and height 192 keeps the 5:4 frame.
  3. For hover play, accent colour and dark mode, paste the SVG markup into your page instead of linking the file.
  4. Add data-play="hover" to the svg to play it only on hover, or data-cm-play="hover" on the card around it.
  5. Set --cm-accent to your brand colour, and add data-theme="dark" on dark backgrounds.

License

Free to use, with three limits

  • Use them in websites, apps, products and client projects, free
  • Credit is appreciated, not required
  • Not allowed: selling or sharing them as icons, claiming them as yours, or using them in a logo
Read the full license

More industries

  • Food and restaurants

    24 icons, 8 a week

    Subscribe for websites and banners as well

  • Gaming

    24 icons, 8 a week

    Subscribe for websites and banners as well

  • Healthcare

    24 icons, 8 a week

    Subscribe for websites and banners as well

Building for Fitness?

We build Fitness products, not just their icons

DeveloperLook designs and builds the websites and software these icons are drawn for. See how we work in your market.

FAQ

Questions about the Fitness icons

  • Yes. The fitness icons are free for websites, apps, products and client projects, including paid work. Attribution is appreciated for the fitness set but not required. You can't sell or share them as icons, claim them as your own, or use them in a logo. The license page has the full terms.

  • There are 24 icons, sent over three weeks at 8 a week in the fitness set, and the first batch lands once you confirm your email. Expect classes, passes and workouts and more. You see a preview of each on this page, and the files themselves arrive by email.

  • Add your email on this page and confirm it. The fitness icons start arriving right away and keep coming weekly until you have them all. Sets are sent per industry, one industry per address. You can unsubscribe whenever you like.

  • Yes. The fitness SVG files open in any vector editor, so you can change shapes, sizes or colours. The motion is CSS inside the file, so a design tool shows the still pose. Keep the original for the moving version on the web. Each batch also includes GIF and PNG files.

  • No. The fitness icons are light SVG files whose motion is plain CSS, so there is no JavaScript and no font download. People who have reduced motion turned on see the still pose. That keeps your class booking page quick for members signing up between sessions.

Saimul IslamFounder & CEO, DeveloperLook

Still have questions?

Send a message or book a call with the team.

Book a free call

Free 30-min call

Book a call

Book a free 30-minute call

In 30 minutes on Google Meet we walk you through how we would build it, how long it takes and what it costs. Then you get a written estimate.

Calendar not showing? Book on cal.com or send a brief.