package icon

Package: package, parcel, product, shipment. 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="M13.701 11.624C13.502 11.947 13.233 12.192 12.894 12.362L8.618 14.5C8.266 14.676 7.893 14.764 7.5 14.764C7.107 14.764 6.734 14.676 6.382 14.5L2.106 12.362C1.767 12.192 1.498 11.947 1.299 11.624C1.1 11.302 1 10.952 1 10.573L1 5.427C1 5.048 1.1 4.698 1.299 4.376C1.498 4.053 1.767 3.808 2.106 3.638L6.382 1.5C6.734 1.324 7.107 1.236 7.5 1.236C7.893 1.236 8.266 1.324 8.618 1.5L12.894 3.638C13.233 3.808 13.502 4.053 13.701 4.376C13.9 4.698 14 5.048 14 5.427L14 10.573C14 10.952 13.9 11.302 13.701 11.624ZM10.5 5.441L12.382 4.5L8.171 2.394C7.96 2.289 7.736 2.236 7.5 2.236C7.264 2.236 7.04 2.289 6.829 2.394L5.618 3L10.5 5.441ZM4.5 3.559L2.618 4.5L6.829 6.606C7.04 6.711 7.264 6.764 7.5 6.764C7.736 6.764 7.96 6.711 8.171 6.606L9.382 6L4.5 3.559ZM2.006 5.312C2.002 5.35 2 5.388 2 5.427L2 10.573C2 10.762 2.05 10.938 2.149 11.099C2.249 11.26 2.383 11.383 2.553 11.467L6.829 13.606C6.885 13.634 6.942 13.658 7 13.679L7 7.714C6.787 7.671 6.581 7.6 6.382 7.5L2.006 5.312ZM8.171 13.606L12.447 11.467C12.617 11.383 12.751 11.26 12.851 11.099C12.95 10.938 13 10.762 13 10.573L13 5.427C13 5.388 12.998 5.35 12.994 5.312L8.618 7.5C8.419 7.6 8.213 7.671 8 7.714L8 13.679C8.058 13.658 8.115 13.634 8.171 13.606Z"/></svg>

React

// Gentleface "package" (line-round), MIT. https://gentleface.com/icons/package
import type { SVGProps } from 'react';

export function PackageIcon(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="M13.701 11.624C13.502 11.947 13.233 12.192 12.894 12.362L8.618 14.5C8.266 14.676 7.893 14.764 7.5 14.764C7.107 14.764 6.734 14.676 6.382 14.5L2.106 12.362C1.767 12.192 1.498 11.947 1.299 11.624C1.1 11.302 1 10.952 1 10.573L1 5.427C1 5.048 1.1 4.698 1.299 4.376C1.498 4.053 1.767 3.808 2.106 3.638L6.382 1.5C6.734 1.324 7.107 1.236 7.5 1.236C7.893 1.236 8.266 1.324 8.618 1.5L12.894 3.638C13.233 3.808 13.502 4.053 13.701 4.376C13.9 4.698 14 5.048 14 5.427L14 10.573C14 10.952 13.9 11.302 13.701 11.624ZM10.5 5.441L12.382 4.5L8.171 2.394C7.96 2.289 7.736 2.236 7.5 2.236C7.264 2.236 7.04 2.289 6.829 2.394L5.618 3L10.5 5.441ZM4.5 3.559L2.618 4.5L6.829 6.606C7.04 6.711 7.264 6.764 7.5 6.764C7.736 6.764 7.96 6.711 8.171 6.606L9.382 6L4.5 3.559ZM2.006 5.312C2.002 5.35 2 5.388 2 5.427L2 10.573C2 10.762 2.05 10.938 2.149 11.099C2.249 11.26 2.383 11.383 2.553 11.467L6.829 13.606C6.885 13.634 6.942 13.658 7 13.679L7 7.714C6.787 7.671 6.581 7.6 6.382 7.5L2.006 5.312ZM8.171 13.606L12.447 11.467C12.617 11.383 12.751 11.26 12.851 11.099C12.95 10.938 13 10.762 13 10.573L13 5.427C13 5.388 12.998 5.35 12.994 5.312L8.618 7.5C8.419 7.6 8.213 7.671 8 7.714L8 13.679C8.058 13.658 8.115 13.634 8.171 13.606Z" />
    </svg>
  );
}

Vue

Vue: see /icons/package.md

Svelte

Svelte: see /icons/package.md

HTML img

HTML img: see /icons/package.md

CSS

CSS: see /icons/package.md

Data URL

Data URL: see /icons/package.md

Sprite

Sprite: see /icons/package.md

SwiftUI

SwiftUI: see /icons/package.md

Compose

Compose: see /icons/package.md

Android XML

Android XML: see /icons/package.md

Flutter

Flutter: see /icons/package.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

package, parcel, product, shipment, goods, merchandise

Alternatives

packages: several parcels, or inventory
truck: shipping or delivery as a service
tag: price or label of a product

Don’t confuse with

archive: archive is the box with lid and slot
cube: a 3D shape, not a parcel
shopping-bag: shopping or purchases, not a single product

Also fits

packages: a single parcel
container: a software package or parcel (package)
leave at door: a parcel or shipment in general
cube: a package, a parcel or a product (package); motifs.yaml gives 3d-object to the box motif
shipping: the parcel itself

Not for

gift (use gift): a parcel or product, not a present
archive (use archive): a box without the lid and slot reads as package or product

Tags

box, parcel, product, shipment, delivery, carton, 3d

Category

Shopping

Component name

PackageIcon

History

2026-10-14 added

Family 12

package-alert package-arrow-down package-arrow-right package-arrow-up package-check package-clock package-off package-pencil package-plus package-search package-x packages

More shopping icons

barcode cash-register gem gift gift-check handbag hanger qr-code receipt receipt-alert receipt-arrow-right receipt-check receipt-plus receipt-refund receipt-user receipt-x · all shopping icons

For agents

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

package icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp