gentleface

Gentleface › Transportation › pallet

pallet icon

Pallet: pallet, freight, cargo, wholesale. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

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="M12.86 7.736C12.758 7.993 12.609 8.219 12.414 8.414C12.219 8.609 11.993 8.758 11.736 8.86C11.5 8.953 11.254 9 11 9L5 9C4.746 9 4.5 8.953 4.264 8.86C4.007 8.758 3.781 8.609 3.586 8.414C3.391 8.219 3.242 7.993 3.14 7.736C3.047 7.5 3 7.254 3 7L3 3C3 2.746 3.047 2.5 3.14 2.264C3.242 2.007 3.391 1.781 3.586 1.586C3.781 1.391 4.007 1.242 4.264 1.14C4.5 1.047 4.746 1 5 1L11 1C11.254 1 11.5 1.047 11.736 1.14C11.993 1.242 12.219 1.391 12.414 1.586C12.609 1.781 12.758 2.007 12.86 2.264C12.953 2.5 13 2.746 13 3L13 7C13 7.254 12.953 7.5 12.86 7.736ZM5 2C4.724 2 4.488 2.098 4.293 2.293C4.098 2.488 4 2.724 4 3L4 7C4 7.276 4.098 7.512 4.293 7.707C4.488 7.902 4.724 8 5 8L11 8C11.276 8 11.512 7.902 11.707 7.707C11.902 7.512 12 7.276 12 7L12 3C12 2.724 11.902 2.488 11.707 2.293C11.512 2.098 11.276 2 11 2L9 2L9 4L7 4L7 2L5 2ZM15 15L1 15L1 10L15 10L15 15ZM7 14L7 12L3 12L3 14L7 14ZM9 12L9 14L13 14L13 12L9 12Z"/></svg>
React
// Gentleface "pallet" (line-round), MIT. https://gentleface.com/icons/pallet
import type { SVGProps } from 'react';

export function PalletIcon(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="M12.86 7.736C12.758 7.993 12.609 8.219 12.414 8.414C12.219 8.609 11.993 8.758 11.736 8.86C11.5 8.953 11.254 9 11 9L5 9C4.746 9 4.5 8.953 4.264 8.86C4.007 8.758 3.781 8.609 3.586 8.414C3.391 8.219 3.242 7.993 3.14 7.736C3.047 7.5 3 7.254 3 7L3 3C3 2.746 3.047 2.5 3.14 2.264C3.242 2.007 3.391 1.781 3.586 1.586C3.781 1.391 4.007 1.242 4.264 1.14C4.5 1.047 4.746 1 5 1L11 1C11.254 1 11.5 1.047 11.736 1.14C11.993 1.242 12.219 1.391 12.414 1.586C12.609 1.781 12.758 2.007 12.86 2.264C12.953 2.5 13 2.746 13 3L13 7C13 7.254 12.953 7.5 12.86 7.736ZM5 2C4.724 2 4.488 2.098 4.293 2.293C4.098 2.488 4 2.724 4 3L4 7C4 7.276 4.098 7.512 4.293 7.707C4.488 7.902 4.724 8 5 8L11 8C11.276 8 11.512 7.902 11.707 7.707C11.902 7.512 12 7.276 12 7L12 3C12 2.724 11.902 2.488 11.707 2.293C11.512 2.098 11.276 2 11 2L9 2L9 4L7 4L7 2L5 2ZM15 15L1 15L1 10L15 10L15 15ZM7 14L7 12L3 12L3 14L7 14ZM9 12L9 14L13 14L13 12L9 12Z" />
    </svg>
  );
}
Vue
Vue: see /icons/pallet.md
Svelte
Svelte: see /icons/pallet.md
HTML img
HTML img: see /icons/pallet.md
CSS
CSS: see /icons/pallet.md
Data URL
Data URL: see /icons/pallet.md
Sprite
Sprite: see /icons/pallet.md
SwiftUI
SwiftUI: see /icons/pallet.md
Compose
Compose: see /icons/pallet.md
Android XML
Android XML: see /icons/pallet.md
Flutter
Flutter: see /icons/pallet.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. 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.

With npm: import { PalletIcon } from '@gentleface/react'; (setup).

Meaning

Use it for
pallet, freight, cargo, wholesale
Alternatives
  • truck: shipping or delivery
  • ship: sea freight or a ship
  • packages: inventory or several parcels
Also fits
  • shipping container: cargo on a pallet (cargo)
  • forklift: freight or cargo
Tags
pallet, freight, cargo, skid, shipping, logistics, warehouse, goods, load, forklift, inventory
Category
Transportation
Component name
PalletIcon
History
  • 20 px drawn, 24 px drawn, added, released in 0.4.0
Since
version 0.4.0

More transportation icons

For agents

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