Gentleface › Shopping › packages-alert

packages-alert icon

Packages alert: low stock, low inventory, reorder point, stock alert. 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="M8.382 1.5C8.734 1.324 9.107 1.236 9.5 1.236C9.893 1.236 10.266 1.324 10.618 1.5L13.447 2.915C13.617 2.999 13.751 3.122 13.851 3.283C13.95 3.444 14 3.62 14 3.809L14 5.5C14 5.641 13.952 5.759 13.856 5.856C13.759 5.952 13.641 6 13.5 6C13.359 6 13.241 5.952 13.144 5.856C13.048 5.759 13 5.641 13 5.5L13 4.309L10.618 5.5C10.266 5.676 9.893 5.764 9.5 5.764C9.107 5.764 8.734 5.676 8.382 5.5L5.462 4.04C5.397 4.008 5.341 3.96 5.299 3.902C5.187 3.816 5.122 3.706 5.104 3.571C5.086 3.437 5.12 3.313 5.206 3.201C5.299 3.079 5.415 2.983 5.553 2.915L8.382 1.5ZM10.171 2.394C9.96 2.289 9.736 2.236 9.5 2.236C9.264 2.236 9.04 2.289 8.829 2.394L6.618 3.5L8.829 4.606C9.04 4.711 9.264 4.764 9.5 4.764C9.736 4.764 9.96 4.711 10.171 4.606L12.382 3.5L10.171 2.394ZM6.088 10.516C6.074 10.539 6.058 10.561 6.04 10.582C6.027 10.596 6.014 10.61 6 10.623L6 13.68C6.129 13.648 6.251 13.663 6.364 13.726C6.477 13.789 6.554 13.884 6.595 14.011C6.639 14.145 6.63 14.272 6.568 14.393C6.507 14.515 6.409 14.597 6.275 14.641C5.962 14.743 5.642 14.781 5.314 14.757C4.987 14.733 4.676 14.647 4.382 14.5L1.553 13.085C1.383 13.001 1.249 12.878 1.149 12.717C1.05 12.556 1 12.38 1 12.191L1 8.809C1 8.62 1.05 8.444 1.149 8.283C1.249 8.122 1.383 7.999 1.553 7.915L4.382 6.5C4.734 6.324 5.107 6.236 5.5 6.236C5.893 6.236 6.266 6.324 6.618 6.5L7.424 6.903C7.548 6.965 7.631 7.061 7.675 7.192C7.719 7.323 7.71 7.45 7.648 7.574L7.648 7.574C7.635 7.587 7.623 7.599 7.611 7.611C7.552 7.67 7.494 7.73 7.439 7.791C7.414 7.804 7.387 7.815 7.359 7.825C7.228 7.868 7.101 7.859 6.977 7.798L6.171 7.394C5.96 7.289 5.736 7.236 5.5 7.236C5.264 7.236 5.04 7.289 4.829 7.394L2.618 8.5L4.829 9.606C5.078 9.73 5.342 9.781 5.619 9.759C5.76 9.748 5.882 9.786 5.985 9.875C6.084 9.959 6.141 10.067 6.156 10.198C6.13 10.303 6.107 10.409 6.088 10.516ZM11.5 7C12.072 7 12.624 7.105 13.156 7.316C13.734 7.545 14.243 7.879 14.682 8.318C15.121 8.757 15.455 9.266 15.684 9.844C15.895 10.376 16 10.928 16 11.5C16 12.072 15.895 12.624 15.684 13.156C15.455 13.734 15.121 14.243 14.682 14.682C14.243 15.121 13.734 15.455 13.156 15.684C12.624 15.895 12.072 16 11.5 16C10.928 16 10.376 15.895 9.844 15.684C9.266 15.455 8.757 15.121 8.318 14.682C7.879 14.243 7.545 13.734 7.316 13.156C7.105 12.624 7 12.072 7 11.5C7 10.928 7.105 10.376 7.316 9.844C7.545 9.266 7.879 8.757 8.318 8.318C8.757 7.879 9.266 7.545 9.844 7.316C10.376 7.105 10.928 7 11.5 7ZM12 11.5L12 8.5C12 8.224 11.776 8 11.5 8C11.224 8 11 8.224 11 8.5L11 11.5C11 11.776 11.224 12 11.5 12C11.776 12 12 11.776 12 11.5ZM4.829 13.606C4.885 13.634 4.942 13.658 5 13.678L5 10.715C4.788 10.672 4.582 10.6 4.382 10.5L2 9.309L2 12.191L4.829 13.606ZM11.5 13C11.086 13 10.75 13.336 10.75 13.75C10.75 14.164 11.086 14.5 11.5 14.5C11.914 14.5 12.25 14.164 12.25 13.75C12.25 13.336 11.914 13 11.5 13Z"/></svg>

React

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

export function PackagesAlertIcon(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="M8.382 1.5C8.734 1.324 9.107 1.236 9.5 1.236C9.893 1.236 10.266 1.324 10.618 1.5L13.447 2.915C13.617 2.999 13.751 3.122 13.851 3.283C13.95 3.444 14 3.62 14 3.809L14 5.5C14 5.641 13.952 5.759 13.856 5.856C13.759 5.952 13.641 6 13.5 6C13.359 6 13.241 5.952 13.144 5.856C13.048 5.759 13 5.641 13 5.5L13 4.309L10.618 5.5C10.266 5.676 9.893 5.764 9.5 5.764C9.107 5.764 8.734 5.676 8.382 5.5L5.462 4.04C5.397 4.008 5.341 3.96 5.299 3.902C5.187 3.816 5.122 3.706 5.104 3.571C5.086 3.437 5.12 3.313 5.206 3.201C5.299 3.079 5.415 2.983 5.553 2.915L8.382 1.5ZM10.171 2.394C9.96 2.289 9.736 2.236 9.5 2.236C9.264 2.236 9.04 2.289 8.829 2.394L6.618 3.5L8.829 4.606C9.04 4.711 9.264 4.764 9.5 4.764C9.736 4.764 9.96 4.711 10.171 4.606L12.382 3.5L10.171 2.394ZM6.088 10.516C6.074 10.539 6.058 10.561 6.04 10.582C6.027 10.596 6.014 10.61 6 10.623L6 13.68C6.129 13.648 6.251 13.663 6.364 13.726C6.477 13.789 6.554 13.884 6.595 14.011C6.639 14.145 6.63 14.272 6.568 14.393C6.507 14.515 6.409 14.597 6.275 14.641C5.962 14.743 5.642 14.781 5.314 14.757C4.987 14.733 4.676 14.647 4.382 14.5L1.553 13.085C1.383 13.001 1.249 12.878 1.149 12.717C1.05 12.556 1 12.38 1 12.191L1 8.809C1 8.62 1.05 8.444 1.149 8.283C1.249 8.122 1.383 7.999 1.553 7.915L4.382 6.5C4.734 6.324 5.107 6.236 5.5 6.236C5.893 6.236 6.266 6.324 6.618 6.5L7.424 6.903C7.548 6.965 7.631 7.061 7.675 7.192C7.719 7.323 7.71 7.45 7.648 7.574L7.648 7.574C7.635 7.587 7.623 7.599 7.611 7.611C7.552 7.67 7.494 7.73 7.439 7.791C7.414 7.804 7.387 7.815 7.359 7.825C7.228 7.868 7.101 7.859 6.977 7.798L6.171 7.394C5.96 7.289 5.736 7.236 5.5 7.236C5.264 7.236 5.04 7.289 4.829 7.394L2.618 8.5L4.829 9.606C5.078 9.73 5.342 9.781 5.619 9.759C5.76 9.748 5.882 9.786 5.985 9.875C6.084 9.959 6.141 10.067 6.156 10.198C6.13 10.303 6.107 10.409 6.088 10.516ZM11.5 7C12.072 7 12.624 7.105 13.156 7.316C13.734 7.545 14.243 7.879 14.682 8.318C15.121 8.757 15.455 9.266 15.684 9.844C15.895 10.376 16 10.928 16 11.5C16 12.072 15.895 12.624 15.684 13.156C15.455 13.734 15.121 14.243 14.682 14.682C14.243 15.121 13.734 15.455 13.156 15.684C12.624 15.895 12.072 16 11.5 16C10.928 16 10.376 15.895 9.844 15.684C9.266 15.455 8.757 15.121 8.318 14.682C7.879 14.243 7.545 13.734 7.316 13.156C7.105 12.624 7 12.072 7 11.5C7 10.928 7.105 10.376 7.316 9.844C7.545 9.266 7.879 8.757 8.318 8.318C8.757 7.879 9.266 7.545 9.844 7.316C10.376 7.105 10.928 7 11.5 7ZM12 11.5L12 8.5C12 8.224 11.776 8 11.5 8C11.224 8 11 8.224 11 8.5L11 11.5C11 11.776 11.224 12 11.5 12C11.776 12 12 11.776 12 11.5ZM4.829 13.606C4.885 13.634 4.942 13.658 5 13.678L5 10.715C4.788 10.672 4.582 10.6 4.382 10.5L2 9.309L2 12.191L4.829 13.606ZM11.5 13C11.086 13 10.75 13.336 10.75 13.75C10.75 14.164 11.086 14.5 11.5 14.5C11.914 14.5 12.25 14.164 12.25 13.75C12.25 13.336 11.914 13 11.5 13Z" />
    </svg>
  );
}

Vue

Vue: see /icons/packages-alert.md

Svelte

Svelte: see /icons/packages-alert.md

HTML img

HTML img: see /icons/packages-alert.md

CSS

CSS: see /icons/packages-alert.md

Data URL

Data URL: see /icons/packages-alert.md

Sprite

Sprite: see /icons/packages-alert.md

SwiftUI

SwiftUI: see /icons/packages-alert.md

Compose

Compose: see /icons/packages-alert.md

Android XML

Android XML: see /icons/packages-alert.md

Flutter

Flutter: see /icons/packages-alert.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 { PackagesAlertIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

low stock, low inventory, reorder point, stock alert

Example

Low stock: reorder soon

Built from

packages + alert

Tags

packages, boxes, inventory, stock, parcels, dependencies, modules, warehouse, products, alert

Category

Shopping

Component name

PackagesAlertIcon

History

2026-11-07 added, released in 0.6.0

Since

version 0.6.0

Family 17

packages 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 cash-register dress gem gift gift-check gift-clock gift-link gift-off gift-plus gift-sparkle gift-user handbag · all shopping icons

For agents

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

packages-alert icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp