gentleface

Gentleface › Transportation › trolley

trolley icon

Trolley: hand truck, dolly, moving, handcart. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M3.854 3.146C3.951 3.244 4 3.362 4 3.5L4 10L5 10L5 7C5 6.724 5.098 6.488 5.293 6.293C5.488 6.098 5.724 6 6 6L6 3.5C6 3.359 6.048 3.241 6.144 3.144C6.241 3.048 6.359 3 6.5 3L11.5 3C11.641 3 11.759 3.048 11.856 3.144C11.952 3.241 12 3.359 12 3.5L12 6L13 6C13.276 6 13.512 6.098 13.707 6.293C13.902 6.488 14 6.724 14 7L14 10L14.5 10C14.641 10 14.759 10.048 14.856 10.144C14.952 10.241 15 10.359 15 10.5C15 10.641 14.952 10.759 14.856 10.856C14.759 10.952 14.641 11 14.5 11L3.5 11C3.359 11 3.241 10.952 3.144 10.856C3.048 10.759 3 10.641 3 10.5L3 3.707L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L3.854 3.146ZM11 4L7 4L7 6L11 6L11 4ZM6 7L6 10L13 10L13 7L6 7ZM6.707 13.707C6.512 13.902 6.276 14 6 14C5.724 14 5.488 13.902 5.293 13.707C5.098 13.512 5 13.276 5 13C5 12.724 5.098 12.488 5.293 12.293C5.488 12.098 5.724 12 6 12C6.276 12 6.512 12.098 6.707 12.293C6.902 12.488 7 12.724 7 13C7 13.276 6.902 13.512 6.707 13.707ZM11.293 12.293C11.488 12.098 11.724 12 12 12C12.276 12 12.512 12.098 12.707 12.293C12.902 12.488 13 12.724 13 13C13 13.276 12.902 13.512 12.707 13.707C12.512 13.902 12.276 14 12 14C11.724 14 11.488 13.902 11.293 13.707C11.098 13.512 11 13.276 11 13C11 12.724 11.098 12.488 11.293 12.293Z"/></svg>
React
// Gentleface "trolley" (line-round), MIT. https://gentleface.com/icons/trolley
import type { SVGProps } from 'react';

export function TrolleyIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M3.854 3.146C3.951 3.244 4 3.362 4 3.5L4 10L5 10L5 7C5 6.724 5.098 6.488 5.293 6.293C5.488 6.098 5.724 6 6 6L6 3.5C6 3.359 6.048 3.241 6.144 3.144C6.241 3.048 6.359 3 6.5 3L11.5 3C11.641 3 11.759 3.048 11.856 3.144C11.952 3.241 12 3.359 12 3.5L12 6L13 6C13.276 6 13.512 6.098 13.707 6.293C13.902 6.488 14 6.724 14 7L14 10L14.5 10C14.641 10 14.759 10.048 14.856 10.144C14.952 10.241 15 10.359 15 10.5C15 10.641 14.952 10.759 14.856 10.856C14.759 10.952 14.641 11 14.5 11L3.5 11C3.359 11 3.241 10.952 3.144 10.856C3.048 10.759 3 10.641 3 10.5L3 3.707L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L3.854 3.146ZM11 4L7 4L7 6L11 6L11 4ZM6 7L6 10L13 10L13 7L6 7ZM6.707 13.707C6.512 13.902 6.276 14 6 14C5.724 14 5.488 13.902 5.293 13.707C5.098 13.512 5 13.276 5 13C5 12.724 5.098 12.488 5.293 12.293C5.488 12.098 5.724 12 6 12C6.276 12 6.512 12.098 6.707 12.293C6.902 12.488 7 12.724 7 13C7 13.276 6.902 13.512 6.707 13.707ZM11.293 12.293C11.488 12.098 11.724 12 12 12C12.276 12 12.512 12.098 12.707 12.293C12.902 12.488 13 12.724 13 13C13 13.276 12.902 13.512 12.707 13.707C12.512 13.902 12.276 14 12 14C11.724 14 11.488 13.902 11.293 13.707C11.098 13.512 11 13.276 11 13C11 12.724 11.098 12.488 11.293 12.293Z" />
    </svg>
  );
}
Vue
Vue: see /icons/trolley.md
Svelte
Svelte: see /icons/trolley.md
HTML img
HTML img: see /icons/trolley.md
CSS
CSS: see /icons/trolley.md
Data URL
Data URL: see /icons/trolley.md
Sprite
Sprite: see /icons/trolley.md
SwiftUI
SwiftUI: see /icons/trolley.md
Compose
Compose: see /icons/trolley.md
Android XML
Android XML: see /icons/trolley.md
Flutter
Flutter: see /icons/trolley.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for
hand truck, dolly, moving, handcart, sack truck, relocation, moving service, move house
Alternatives
  • forklift: a forklift or warehouse operations
  • van: a moving van
Don’t confuse with
Also fits
  • forklift: a hand truck or dolly
Not for
  • shopping cart (use shopping-cart): a hand truck for moving goods, not a shopping cart
  • tram (use tram): a hand truck or dolly; a US 'trolley' (streetcar) is tram
Tags
trolley, hand-truck, dolly, moving, cart, boxes, delivery, logistics, warehouse
Category
Transportation
Component name
TrolleyIcon
History
  • added

More transportation icons

ambulance anchor bike bus cable-car car car-alert car-clock car-lock car-plus car-unlock car-user caravan charging-station drone engine · all transportation icons

For agents

Metadata: /icons/trolley.json · Markdown: /icons/trolley.md · SVG: https://gentleface.com/svg/{style}/16/trolley.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/trolley.png

Feedback