Travel Blue

The set includes Airplane, Train, Bus, Car, Bicycle, Scooter, Boat, Suitcase, Passport, Map, Compass, Location pin, Tent, Hotel, Camera tripod and Binoculars. Seven transport modes sit beside planning tools such as Map, Compass and Location pin, so a route page can show both how and where.

Each item is a transparent PNG with a WebP version. Widths run from 164 to 301 px and heights from 179 to 277 px, and the Airplane measures 282 by 183 px, so plan a generous cell for it. Because the vehicles and the planning tools share a style, one itinerary card can mix both without clashing.

Where this set fits

• Itinerary steps in a trip-planner app
• Transport filter chips on a booking site
• Packing checklist handout for a school field trip
• Campsite and lodging categories in a travel guide layout

Integrate with one image and shared CSS

Includes a WebP sprite at 128px display size, shared animation styles, a React component and original files. The sprite renders the collection with one image request. Use individual WebP files when you need native resolution.

<link rel="stylesheet" href="./assets.css">
<span class="cc-asset cc-airplane-travel-blue cc-float" role="img" aria-label="Airplane"></span>

cc-float · cc-pulse · cc-pop · cc-swing · cc-spin. Respects reduced motion and needs no animation library.