Skip to main content

Free Animated Logistics Icons

24 animated icons for freight, warehouse and manufacturing businesses: fleets, shipping, customs and planning. They arrive by email over three weeks.

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

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

Week 1

When you confirm your email

  • Yard management

  • Warehouse robot

  • Semi truck

  • Purchase order

  • Dock scheduling

  • Pallet jack

  • Container ship

  • Demand planning

Week 2

One week later

  • Pick and pack

  • Shipping container

  • Proof of delivery

  • Customs

  • Cold chain

  • Freight train

  • Fuel management

  • Route optimization

Week 3

Two weeks later

  • Forklift

  • Port crane

  • Load planning

  • Fleet tracking

  • Sorting conveyor

  • Cargo plane

  • Temperature log

  • Supplier network

About this set

About the Logistics icons

These icons show how goods move. Trucks, ships, trains and planes cover the road, sea, rail and air. Warehouse scenes (Warehouse robot, Forklift, Pick and pack, Sorting conveyor) cover what happens inside the building, and paperwork icons such as Purchase order, Customs and Proof of delivery cover what happens around it.

Where they fit

On a freight services page, Container ship sails over rolling waves, and Port crane hoists a container beside it. On a fleet software or tracking page, Fleet tracking moves truck tokens along map roads. On a cold storage page, Cold chain makes the frost indicator glow on the reefer unit. They also work well in the steps of a quote form or a shipment status page.

One look across the set

Every icon uses the same 400 by 320 canvas, line weight and single accent colour. A Cargo plane and a Semi truck can sit in one row without looking like they came from different artists, which keeps a services grid tidy.

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

  • Marketing

    24 icons, 8 a week

    Subscribe for websites and banners as well

  • Media and streaming

    24 icons, 8 a week

    Subscribe for websites and banners as well

  • Outdoor services

    22 icons, 8 a week

    Subscribe for websites and banners as well

Building for Logistics?

We build Logistics 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 Logistics icons

  • Yes, for commercial work: your website, your app, your product or a client's project. Attribution is appreciated, not required. What you can't do is resell or hand them out as icons, present them as your own work or turn one into a logo. Read the license page for the exact terms before you start.

  • The Logistics 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 trucks, ships and planes, warehouse work, and customs and paperwork, so one batch at a time you build a full library for your pages.

  • Put your email in the form on this page and confirm it. Icons start arriving right away and keep coming each week until you hold the full set. Each industry is its own email series, and one address can follow one of them. You can unsubscribe at any time.

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

  • 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 carrier or warehouse, whose customers check tracking pages on phones in the yard, that matters.

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.