Week 1
When you confirm your email
Luggage
Itinerary
Room service
Compass
Train
Travel points
Resort pool
Beach
Week 2
One week later
Flight
Passport
Camping
Room key
Check-in kiosk
Trip dates
Tour guide
Hotel
Week 3
Two weeks later
Booking confirmed
Boarding pass
Reception bell
Trip map
Weather
Car rental
Bed & breakfast
Travel camera
About this set
About the Travel and hospitality icons
Travel icons for the moments of a trip. The set covers planning (Itinerary, Trip dates, Trip map, Compass), getting there (Flight, Train, Boarding pass, Car rental) and staying (Hotel, Room key, Room service, Bed & breakfast). Booking and arrival icons such as Booking confirmed, Check-in kiosk and Reception bell round out the guest journey.
Where they fit
On a booking page, Booking confirmed draws a check ring onto the ticket. On a hotel amenities page, Room service lifts the cloche off the plate and steam rises. On a tours page, Tour guide waves the guide's flag above the group. They also suit confirmation emails, FAQ sections and destination guides.
One look across the set
Every icon shares a 400 by 320 canvas, one line weight and one accent colour. A Beach and a Hotel look like they belong together, so a page that sells a stay, a flight and an activity reads as one brand.
From the email to your page
- Open the email and download the ZIP. The svg folder holds the animated icons, and preview.html shows them all moving.
- For a looping icon, use the file as an image: an img tag with width 240 and height 192 keeps the 5:4 frame.
- For hover play, accent colour and dark mode, paste the SVG markup into your page instead of linking the file.
- Add data-play="hover" to the svg to play it only on hover, or data-cm-play="hover" on the card around it.
- 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
More industries
Building for Travel and hospitality?
We build Travel and hospitality 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 Travel and hospitality icons
Saimul IslamFounder & CEO, DeveloperLookStill have questions?
Send a message or book a call with the team.
Yes. Use them in sites, apps, products and client projects at no cost, and credit us if you like (it isn't required). Don't sell or share them as an icon pack, don't claim them as yours and don't use them in a logo. The license page spells out the terms in full.
The Travel and hospitality set has 24 icons. They arrive over 3 weeks, 8 a week, and the first batch comes as soon as your email is confirmed. The set covers trip planning, flights and trains, and hotel stays and check-in, so one batch at a time you build a full library for your pages.
Enter your email on this page and confirm it. The first icons arrive right away, then more each week until you have the whole set. Sets are sent per industry, and one address can follow one industry. You can unsubscribe at any time from any email.
Yes. Open the SVG in any vector editor, such as Figma or Illustrator, and change the shapes, sizes or colours as you need. The animation is CSS inside the file, so a design tool only shows the still pose: keep the original file for the moving version on your site. GIF and PNG copies come with every batch.
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. For a booking site whose guests browse on hotel wifi and phones, a light page helps them reach the booking button.
Saimul IslamFounder & CEO, DeveloperLookStill have questions?
Send a message or book a call with the team.
Free 30-min callGoogle Meet
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.