Skip to main content

Free Animated Beauty and Wellness Icons

17 animated icons for salons, spas, barbershops and tattoo studios: bookings, leads and local search. They reach your inbox over two weeks.

Also send me, for beauty and wellness, when each is ready:

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

Week 1

When you confirm your email

  • Hair salon booking

  • Barbershop leads

  • Cannabis website

  • Day spa integration

  • Day spa SEO

  • Day spa website

  • Esthetician leads

  • Esthetician website

Week 2

One week later

  • Hair salon integration

  • Hair salon SEO

  • Hair salon website

  • Med spa portal

  • Med spa SEO

  • Med spa website

  • Tattoo booking

  • Tattoo website

  • Wellness website

About this set

About the Beauty and wellness icons

A salon or spa website sells a feeling before it sells a service, and these icons help with that. A pole turns and a new customer joins the waiting list. A lotus hero lands in the page on a folding screen. A breathing circle swells and settles. The set covers hair salons, day spas, med spas, barbershops, tattoo studios and estheticians, with bookings, leads and local search all included.

Where they fit

Put Hair salon booking next to your appointment button, where a new appointment lands in the schedule on the mirror. Use Wellness website on a landing page, where the breathing circle swells and settles. Show Tattoo booking on your studio page, where the machine comes down and inks the date in the open book. Each one fits a quiet, calm layout.

One look across the set

All 17 icons share one 400 by 320 canvas, one line weight and a single accent colour, so a spa page and a barbershop page can draw from the same set and still look tidy. Nothing shouts, which suits this kind of business.

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

Building for Beauty and wellness?

We build Beauty and wellness 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 Beauty and wellness icons

  • Yes. Use them on any website, app, product or client project without paying. Attribution is welcome but you don't have to give it. You may not resell or redistribute them as icons, claim them as yours or use them in a logo. The license page spells out the terms.

  • There are 17 icons in the set, and they arrive over 2 weeks, starting with the first batch when your email is confirmed. They cover salon bookings, spa websites and tattoo studio pages. Every batch is ready to use on your site as soon as it arrives.

  • Put your email in the form on this page and confirm it. You'll get the first icons right away, then more each week until you have every one. The icons are sent per industry, so one address can follow one industry. Unsubscribing takes one click, any time.

  • You can. Open the SVG in Figma, Illustrator or another vector editor and change the shapes, sizes or colours. The animation is CSS inside the file, which means editors display the still pose. Use the untouched original when you want it moving on a web page. GIF and PNG copies come in each batch too.

  • No. Each icon is a small SVG with its motion in plain CSS, with no JavaScript and no fonts to load. Visitors who have reduced motion turned on see the still pose instead. Clients often browse a salon site on a phone between appointments, so a light page keeps booking quick.

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.