Isometric Travel

The lineup: Airplane, Train, Bus, Taxi, Bicycle, Scooter, Boat, Suitcase, Backpack, Tent, Cabin, Lighthouse, Hotel, Bridge, Compass and Camera. Rides, lodging and sights are mixed together, which means a single travel scene can have a taxi pulling up to a hotel with a bridge behind it.

Everything is a transparent PNG with a lossless WebP file. The pieces span 152 to 293 px in width and 187 to 283 px in height; the Bridge is 292 px wide while the Lighthouse stands 283 px tall. On a pale background the matte teal bodies keep their edges, so a whole row of landmarks reads clearly.

Where this set fits

• Destination card art for a regional tourism board site
• Airport transfer and hotel booking steps in a concierge app
• Journey map illustration in a travel agency brochure
• Packing and transport sections in a school trip notice

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-isometric-travel 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.