Gentleface › Shopping › package-dimensions

package-dimensions icon

Package dimensions: package dimensions, parcel size, box dimensions, box size. 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 2L13 1.5C13 1.359 13.048 1.241 13.144 1.144C13.241 1.048 13.359 1 13.5 1C13.641 1 13.759 1.048 13.856 1.144C13.952 1.241 14 1.359 14 1.5L14 3.5C14 3.641 13.952 3.759 13.856 3.856C13.759 3.952 13.641 4 13.5 4C13.359 4 13.241 3.952 13.144 3.856C13.048 3.759 13 3.641 13 3.5L13 3L6 3L6 3.5C6 3.641 5.952 3.759 5.856 3.856C5.759 3.952 5.641 4 5.5 4C5.359 4 5.241 3.952 5.144 3.856C5.048 3.759 5 3.641 5 3.5L5 1.5C5 1.359 5.048 1.241 5.144 1.144C5.241 1.048 5.359 1 5.5 1C5.641 1 5.759 1.048 5.856 1.144C5.952 1.241 6 1.359 6 1.5L6 2L13 2ZM3.856 6.144C3.952 6.241 4 6.359 4 6.5C4 6.641 3.952 6.759 3.856 6.856C3.759 6.952 3.641 7 3.5 7L3 7L3 14L3.5 14C3.641 14 3.759 14.048 3.856 14.144C3.952 14.241 4 14.359 4 14.5C4 14.641 3.952 14.759 3.856 14.856C3.759 14.952 3.641 15 3.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5C1 14.359 1.048 14.241 1.144 14.144C1.241 14.048 1.359 14 1.5 14L2 14L2 7L1.5 7C1.359 7 1.241 6.952 1.144 6.856C1.048 6.759 1 6.641 1 6.5C1 6.359 1.048 6.241 1.144 6.144C1.241 6.048 1.359 6 1.5 6L3.5 6C3.641 6 3.759 6.048 3.856 6.144ZM13.447 13.085L10.618 14.5C10.266 14.676 9.893 14.764 9.5 14.764C9.107 14.764 8.734 14.676 8.382 14.5L5.553 13.085C5.383 13.001 5.249 12.878 5.149 12.717C5.05 12.556 5 12.38 5 12.191L5 8.809C5 8.62 5.05 8.444 5.149 8.283C5.249 8.122 5.383 7.999 5.553 7.915L8.382 6.5C8.734 6.324 9.107 6.236 9.5 6.236C9.893 6.236 10.266 6.324 10.618 6.5L13.447 7.915C13.617 7.999 13.751 8.122 13.851 8.283C13.95 8.444 14 8.62 14 8.809L14 12.191C14 12.38 13.95 12.556 13.851 12.717C13.751 12.878 13.617 13.001 13.447 13.085ZM6.618 8.5L8.829 9.606C9.04 9.711 9.264 9.764 9.5 9.764C9.736 9.764 9.96 9.711 10.171 9.606L12.382 8.5L10.171 7.394C9.96 7.289 9.736 7.236 9.5 7.236C9.264 7.236 9.04 7.289 8.829 7.394L6.618 8.5ZM6 9.309L6 12.191L8.829 13.606C8.885 13.634 8.942 13.658 9 13.679L9 10.714C8.787 10.671 8.581 10.6 8.382 10.5L6 9.309ZM10.171 13.606L13 12.191L13 9.309L10.618 10.5C10.419 10.6 10.213 10.671 10 10.714L10 13.679C10.058 13.658 10.115 13.634 10.171 13.606Z"/></svg>

React

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

export function PackageDimensionsIcon(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 2L13 1.5C13 1.359 13.048 1.241 13.144 1.144C13.241 1.048 13.359 1 13.5 1C13.641 1 13.759 1.048 13.856 1.144C13.952 1.241 14 1.359 14 1.5L14 3.5C14 3.641 13.952 3.759 13.856 3.856C13.759 3.952 13.641 4 13.5 4C13.359 4 13.241 3.952 13.144 3.856C13.048 3.759 13 3.641 13 3.5L13 3L6 3L6 3.5C6 3.641 5.952 3.759 5.856 3.856C5.759 3.952 5.641 4 5.5 4C5.359 4 5.241 3.952 5.144 3.856C5.048 3.759 5 3.641 5 3.5L5 1.5C5 1.359 5.048 1.241 5.144 1.144C5.241 1.048 5.359 1 5.5 1C5.641 1 5.759 1.048 5.856 1.144C5.952 1.241 6 1.359 6 1.5L6 2L13 2ZM3.856 6.144C3.952 6.241 4 6.359 4 6.5C4 6.641 3.952 6.759 3.856 6.856C3.759 6.952 3.641 7 3.5 7L3 7L3 14L3.5 14C3.641 14 3.759 14.048 3.856 14.144C3.952 14.241 4 14.359 4 14.5C4 14.641 3.952 14.759 3.856 14.856C3.759 14.952 3.641 15 3.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5C1 14.359 1.048 14.241 1.144 14.144C1.241 14.048 1.359 14 1.5 14L2 14L2 7L1.5 7C1.359 7 1.241 6.952 1.144 6.856C1.048 6.759 1 6.641 1 6.5C1 6.359 1.048 6.241 1.144 6.144C1.241 6.048 1.359 6 1.5 6L3.5 6C3.641 6 3.759 6.048 3.856 6.144ZM13.447 13.085L10.618 14.5C10.266 14.676 9.893 14.764 9.5 14.764C9.107 14.764 8.734 14.676 8.382 14.5L5.553 13.085C5.383 13.001 5.249 12.878 5.149 12.717C5.05 12.556 5 12.38 5 12.191L5 8.809C5 8.62 5.05 8.444 5.149 8.283C5.249 8.122 5.383 7.999 5.553 7.915L8.382 6.5C8.734 6.324 9.107 6.236 9.5 6.236C9.893 6.236 10.266 6.324 10.618 6.5L13.447 7.915C13.617 7.999 13.751 8.122 13.851 8.283C13.95 8.444 14 8.62 14 8.809L14 12.191C14 12.38 13.95 12.556 13.851 12.717C13.751 12.878 13.617 13.001 13.447 13.085ZM6.618 8.5L8.829 9.606C9.04 9.711 9.264 9.764 9.5 9.764C9.736 9.764 9.96 9.711 10.171 9.606L12.382 8.5L10.171 7.394C9.96 7.289 9.736 7.236 9.5 7.236C9.264 7.236 9.04 7.289 8.829 7.394L6.618 8.5ZM6 9.309L6 12.191L8.829 13.606C8.885 13.634 8.942 13.658 9 13.679L9 10.714C8.787 10.671 8.581 10.6 8.382 10.5L6 9.309ZM10.171 13.606L13 12.191L13 9.309L10.618 10.5C10.419 10.6 10.213 10.671 10 10.714L10 13.679C10.058 13.658 10.115 13.634 10.171 13.606Z" />
    </svg>
  );
}

Vue

Vue: see /icons/package-dimensions.md

Svelte

Svelte: see /icons/package-dimensions.md

HTML img

HTML img: see /icons/package-dimensions.md

CSS

CSS: see /icons/package-dimensions.md

Data URL

Data URL: see /icons/package-dimensions.md

Sprite

Sprite: see /icons/package-dimensions.md

SwiftUI

SwiftUI: see /icons/package-dimensions.md

Compose

Compose: see /icons/package-dimensions.md

Android XML

Android XML: see /icons/package-dimensions.md

Flutter

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

Meaning

Use it for

package dimensions, parcel size, box dimensions, box size, dimensional weight

Tags

package, parcel, box, dimensions, size, measure, shipping, dimensional-weight

Category

Shopping

Component name

PackageDimensionsIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

Family 19

box-heart package package-alert package-arrow-down package-arrow-right package-arrow-up package-check package-clock package-lock package-off package-open package-pencil

More shopping icons

arrows-up-from-line barcode barcode-off baseball-cap beanie belt boot boot-buckle bow-tie cash-register catalog clothes-rack dress earrings flip-flops gem · all shopping icons

For agents

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

package-dimensions icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp