Gentleface › Shopping › package-off

package-off icon

Package off: out of stock, discontinued product, product unavailable, no stock. 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="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.068 12.775L8.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.638L2.656 3.363L1.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.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.323 12.03L8 8.707L8 13.679C8.058 13.658 8.115 13.634 8.171 13.606L11.323 12.03ZM7.016 7.723C7.01 7.72 7.005 7.717 7 7.714C6.785 7.67 6.579 7.599 6.382 7.5L2.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.902C7 7.846 7.01 7.79 7.031 7.738L7.016 7.723ZM4.968 5.675L3.401 4.108L2.618 4.5L4.968 5.675ZM4.833 2.833C4.772 2.71 4.763 2.583 4.806 2.452C4.85 2.321 4.933 2.224 5.057 2.163L6.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.678 13.992 10.782 13.975 10.886C13.953 11.025 13.887 11.134 13.777 11.214C13.667 11.294 13.543 11.323 13.403 11.301C13.35 11.293 13.301 11.278 13.257 11.257L13.03 11.03C12.985 10.939 12.97 10.839 12.988 10.729C12.996 10.677 13 10.625 13 10.573L13 5.427C13 5.388 12.998 5.35 12.994 5.312L9.504 7.057C9.378 7.12 9.251 7.13 9.121 7.087C9.102 7.08 9.082 7.073 9.064 7.064L8.833 6.833C8.772 6.71 8.763 6.583 8.806 6.452C8.85 6.321 8.933 6.224 9.057 6.163L9.382 6L6.618 4.618L5.5 3.5C5.562 3.377 5.658 3.293 5.789 3.249C5.92 3.206 6.047 3.215 6.171 3.276L10.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.504 3.057C5.381 3.119 5.253 3.128 5.122 3.084C5.1 3.077 5.079 3.068 5.058 3.058L4.833 2.833Z"/></svg>

React

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

export function PackageOffIcon(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="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.068 12.775L8.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.638L2.656 3.363L1.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.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.323 12.03L8 8.707L8 13.679C8.058 13.658 8.115 13.634 8.171 13.606L11.323 12.03ZM7.016 7.723C7.01 7.72 7.005 7.717 7 7.714C6.785 7.67 6.579 7.599 6.382 7.5L2.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.902C7 7.846 7.01 7.79 7.031 7.738L7.016 7.723ZM4.968 5.675L3.401 4.108L2.618 4.5L4.968 5.675ZM4.833 2.833C4.772 2.71 4.763 2.583 4.806 2.452C4.85 2.321 4.933 2.224 5.057 2.163L6.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.678 13.992 10.782 13.975 10.886C13.953 11.025 13.887 11.134 13.777 11.214C13.667 11.294 13.543 11.323 13.403 11.301C13.35 11.293 13.301 11.278 13.257 11.257L13.03 11.03C12.985 10.939 12.97 10.839 12.988 10.729C12.996 10.677 13 10.625 13 10.573L13 5.427C13 5.388 12.998 5.35 12.994 5.312L9.504 7.057C9.378 7.12 9.251 7.13 9.121 7.087C9.102 7.08 9.082 7.073 9.064 7.064L8.833 6.833C8.772 6.71 8.763 6.583 8.806 6.452C8.85 6.321 8.933 6.224 9.057 6.163L9.382 6L6.618 4.618L5.5 3.5C5.562 3.377 5.658 3.293 5.789 3.249C5.92 3.206 6.047 3.215 6.171 3.276L10.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.504 3.057C5.381 3.119 5.253 3.128 5.122 3.084C5.1 3.077 5.079 3.068 5.058 3.058L4.833 2.833Z" />
    </svg>
  );
}

Vue

Vue: see /icons/package-off.md

Svelte

Svelte: see /icons/package-off.md

HTML img

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

CSS

CSS: see /icons/package-off.md

Data URL

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

Sprite

Sprite: see /icons/package-off.md

SwiftUI

SwiftUI: see /icons/package-off.md

Compose

Compose: see /icons/package-off.md

Android XML

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

Flutter

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

out of stock, discontinued product, product unavailable, no stock

Example

Out-of-stock badge on a product card

Alternatives

shopping-cart-off: in stock but not purchasable here (region, age, account)
ticket-off: a sold-out event

Also fits

purchase unavailable: out of stock or discontinued
sold out: a product out of stock

Built from

package + slash

Tags

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

Category

Shopping

Component name

PackageOffIcon

History

2026-10-15 added

Family 12

package package-alert package-arrow-down package-arrow-right package-arrow-up package-check package-clock 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-off.json · Markdown: /icons/package-off.md · SVG: https://gentleface.com/svg/{style}/16/package-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/package-off.png

package-off icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp