Gentleface › Shopping › store-package

store-package icon

Store package: store pickup, click and collect, buy online pick up in store, bopis. 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="M1.046 3.98L1.049 3.966C1.078 3.808 1.121 3.653 1.177 3.5C1.191 3.461 1.206 3.423 1.222 3.385C1.37 3.028 1.58 2.713 1.854 2.439L2.439 1.854C2.713 1.58 3.028 1.37 3.385 1.222C3.742 1.074 4.114 1 4.5 1L10.5 1C10.886 1 11.258 1.074 11.615 1.222C11.972 1.37 12.287 1.58 12.561 1.854L13.146 2.439C13.42 2.713 13.63 3.028 13.778 3.385C13.794 3.423 13.809 3.461 13.823 3.5L13.83 3.519C13.884 3.67 13.926 3.824 13.954 3.98C13.985 4.15 14 4.324 14 4.5L14 13C14 13.418 13.88 13.799 13.641 14.143C13.402 14.486 13.086 14.731 12.694 14.876C12.562 14.925 12.434 14.921 12.31 14.864C12.187 14.807 12.1 14.712 12.051 14.58C12.003 14.448 12.007 14.32 12.063 14.197C12.107 14.103 12.172 14.03 12.258 13.979L12.393 13.919C12.567 13.846 12.709 13.731 12.818 13.575L12.819 13.574C12.82 13.572 12.821 13.57 12.823 13.568L12.823 13.568C12.941 13.397 13 13.208 13 13L13 5.501C12.823 5.634 12.63 5.741 12.42 5.824C12.125 5.941 11.818 6 11.5 6C11.182 6 10.875 5.941 10.58 5.824C10.259 5.697 9.976 5.512 9.732 5.268C9.648 5.183 9.57 5.094 9.5 5.001C9.43 5.094 9.352 5.183 9.268 5.268C9.024 5.512 8.741 5.697 8.42 5.824C8.148 5.932 7.867 5.99 7.577 5.999C7.551 5.998 7.526 5.997 7.5 5.997C7.474 5.997 7.449 5.998 7.423 5.999C7.133 5.99 6.852 5.932 6.58 5.824C6.259 5.697 5.976 5.512 5.732 5.268C5.648 5.183 5.57 5.094 5.5 5.001C5.43 5.094 5.352 5.183 5.268 5.268C5.024 5.512 4.741 5.697 4.42 5.824C4.125 5.941 3.818 6 3.5 6C3.182 6 2.875 5.941 2.58 5.824C2.37 5.741 2.177 5.634 2 5.501L2 13C2 13.209 2.06 13.4 2.179 13.571C2.289 13.729 2.432 13.845 2.606 13.919L2.738 13.978C2.824 14.029 2.89 14.102 2.934 14.198C2.992 14.323 2.996 14.451 2.949 14.58C2.9 14.712 2.813 14.807 2.69 14.864C2.566 14.921 2.438 14.925 2.306 14.876C1.914 14.731 1.598 14.486 1.359 14.143C1.12 13.799 1 13.418 1 13L1 4.5C1 4.324 1.015 4.15 1.046 3.98ZM11.854 2.561C11.674 2.381 11.467 2.243 11.233 2.146C10.998 2.049 10.754 2 10.5 2L4.5 2C4.246 2 4.002 2.049 3.767 2.146C3.533 2.243 3.326 2.381 3.146 2.561L2.561 3.146C2.381 3.326 2.243 3.533 2.146 3.767C2.118 3.834 2.095 3.901 2.075 3.969C2.084 3.997 2.094 4.024 2.105 4.052C2.182 4.245 2.293 4.414 2.439 4.561C2.586 4.707 2.755 4.818 2.948 4.895C3.125 4.965 3.309 5 3.5 5C3.691 5 3.875 4.965 4.052 4.895C4.245 4.818 4.414 4.707 4.561 4.561C4.707 4.414 4.818 4.245 4.895 4.052C4.965 3.875 5 3.691 5 3.5C5 3.359 5.048 3.241 5.144 3.144C5.241 3.048 5.359 3 5.5 3C5.641 3 5.759 3.048 5.856 3.144C5.952 3.241 6 3.359 6 3.5C6 3.691 6.035 3.875 6.105 4.052C6.182 4.245 6.293 4.414 6.439 4.561C6.586 4.707 6.755 4.818 6.948 4.895C7.125 4.965 7.309 5 7.5 5C7.691 5 7.875 4.965 8.052 4.895C8.245 4.818 8.414 4.707 8.561 4.561C8.707 4.414 8.818 4.245 8.895 4.052C8.965 3.875 9 3.691 9 3.5C9 3.359 9.048 3.241 9.144 3.144C9.241 3.048 9.359 3 9.5 3C9.641 3 9.759 3.048 9.856 3.144C9.952 3.241 10 3.359 10 3.5C10 3.691 10.035 3.875 10.105 4.052C10.182 4.245 10.293 4.414 10.439 4.561C10.586 4.707 10.755 4.818 10.948 4.895C11.125 4.965 11.309 5 11.5 5C11.691 5 11.875 4.965 12.052 4.895C12.245 4.818 12.414 4.707 12.561 4.561C12.707 4.414 12.818 4.245 12.895 4.052C12.906 4.024 12.916 3.997 12.925 3.969C12.905 3.901 12.882 3.834 12.854 3.767C12.757 3.533 12.619 3.326 12.439 3.146L11.854 2.561ZM11.926 9.237C11.975 9.317 12 9.404 12 9.5L12 12.5C12 12.596 11.975 12.683 11.926 12.763C11.876 12.843 11.809 12.904 11.724 12.947L8 14.809L8 12L7 12L7 14.809L3.276 12.947C3.191 12.904 3.124 12.843 3.074 12.763C3.025 12.683 3 12.596 3 12.5L3 9.5C3 9.404 3.025 9.317 3.074 9.237C3.124 9.157 3.191 9.096 3.276 9.053L7.276 7.053C7.425 6.978 7.575 6.978 7.724 7.053L11.724 9.053C11.809 9.096 11.876 9.157 11.926 9.237ZM10.382 9.5L7.5 8.059L4.618 9.5L7.5 10.941L10.382 9.5Z"/></svg>

React

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

export function StorePackageIcon(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="M1.046 3.98L1.049 3.966C1.078 3.808 1.121 3.653 1.177 3.5C1.191 3.461 1.206 3.423 1.222 3.385C1.37 3.028 1.58 2.713 1.854 2.439L2.439 1.854C2.713 1.58 3.028 1.37 3.385 1.222C3.742 1.074 4.114 1 4.5 1L10.5 1C10.886 1 11.258 1.074 11.615 1.222C11.972 1.37 12.287 1.58 12.561 1.854L13.146 2.439C13.42 2.713 13.63 3.028 13.778 3.385C13.794 3.423 13.809 3.461 13.823 3.5L13.83 3.519C13.884 3.67 13.926 3.824 13.954 3.98C13.985 4.15 14 4.324 14 4.5L14 13C14 13.418 13.88 13.799 13.641 14.143C13.402 14.486 13.086 14.731 12.694 14.876C12.562 14.925 12.434 14.921 12.31 14.864C12.187 14.807 12.1 14.712 12.051 14.58C12.003 14.448 12.007 14.32 12.063 14.197C12.107 14.103 12.172 14.03 12.258 13.979L12.393 13.919C12.567 13.846 12.709 13.731 12.818 13.575L12.819 13.574C12.82 13.572 12.821 13.57 12.823 13.568L12.823 13.568C12.941 13.397 13 13.208 13 13L13 5.501C12.823 5.634 12.63 5.741 12.42 5.824C12.125 5.941 11.818 6 11.5 6C11.182 6 10.875 5.941 10.58 5.824C10.259 5.697 9.976 5.512 9.732 5.268C9.648 5.183 9.57 5.094 9.5 5.001C9.43 5.094 9.352 5.183 9.268 5.268C9.024 5.512 8.741 5.697 8.42 5.824C8.148 5.932 7.867 5.99 7.577 5.999C7.551 5.998 7.526 5.997 7.5 5.997C7.474 5.997 7.449 5.998 7.423 5.999C7.133 5.99 6.852 5.932 6.58 5.824C6.259 5.697 5.976 5.512 5.732 5.268C5.648 5.183 5.57 5.094 5.5 5.001C5.43 5.094 5.352 5.183 5.268 5.268C5.024 5.512 4.741 5.697 4.42 5.824C4.125 5.941 3.818 6 3.5 6C3.182 6 2.875 5.941 2.58 5.824C2.37 5.741 2.177 5.634 2 5.501L2 13C2 13.209 2.06 13.4 2.179 13.571C2.289 13.729 2.432 13.845 2.606 13.919L2.738 13.978C2.824 14.029 2.89 14.102 2.934 14.198C2.992 14.323 2.996 14.451 2.949 14.58C2.9 14.712 2.813 14.807 2.69 14.864C2.566 14.921 2.438 14.925 2.306 14.876C1.914 14.731 1.598 14.486 1.359 14.143C1.12 13.799 1 13.418 1 13L1 4.5C1 4.324 1.015 4.15 1.046 3.98ZM11.854 2.561C11.674 2.381 11.467 2.243 11.233 2.146C10.998 2.049 10.754 2 10.5 2L4.5 2C4.246 2 4.002 2.049 3.767 2.146C3.533 2.243 3.326 2.381 3.146 2.561L2.561 3.146C2.381 3.326 2.243 3.533 2.146 3.767C2.118 3.834 2.095 3.901 2.075 3.969C2.084 3.997 2.094 4.024 2.105 4.052C2.182 4.245 2.293 4.414 2.439 4.561C2.586 4.707 2.755 4.818 2.948 4.895C3.125 4.965 3.309 5 3.5 5C3.691 5 3.875 4.965 4.052 4.895C4.245 4.818 4.414 4.707 4.561 4.561C4.707 4.414 4.818 4.245 4.895 4.052C4.965 3.875 5 3.691 5 3.5C5 3.359 5.048 3.241 5.144 3.144C5.241 3.048 5.359 3 5.5 3C5.641 3 5.759 3.048 5.856 3.144C5.952 3.241 6 3.359 6 3.5C6 3.691 6.035 3.875 6.105 4.052C6.182 4.245 6.293 4.414 6.439 4.561C6.586 4.707 6.755 4.818 6.948 4.895C7.125 4.965 7.309 5 7.5 5C7.691 5 7.875 4.965 8.052 4.895C8.245 4.818 8.414 4.707 8.561 4.561C8.707 4.414 8.818 4.245 8.895 4.052C8.965 3.875 9 3.691 9 3.5C9 3.359 9.048 3.241 9.144 3.144C9.241 3.048 9.359 3 9.5 3C9.641 3 9.759 3.048 9.856 3.144C9.952 3.241 10 3.359 10 3.5C10 3.691 10.035 3.875 10.105 4.052C10.182 4.245 10.293 4.414 10.439 4.561C10.586 4.707 10.755 4.818 10.948 4.895C11.125 4.965 11.309 5 11.5 5C11.691 5 11.875 4.965 12.052 4.895C12.245 4.818 12.414 4.707 12.561 4.561C12.707 4.414 12.818 4.245 12.895 4.052C12.906 4.024 12.916 3.997 12.925 3.969C12.905 3.901 12.882 3.834 12.854 3.767C12.757 3.533 12.619 3.326 12.439 3.146L11.854 2.561ZM11.926 9.237C11.975 9.317 12 9.404 12 9.5L12 12.5C12 12.596 11.975 12.683 11.926 12.763C11.876 12.843 11.809 12.904 11.724 12.947L8 14.809L8 12L7 12L7 14.809L3.276 12.947C3.191 12.904 3.124 12.843 3.074 12.763C3.025 12.683 3 12.596 3 12.5L3 9.5C3 9.404 3.025 9.317 3.074 9.237C3.124 9.157 3.191 9.096 3.276 9.053L7.276 7.053C7.425 6.978 7.575 6.978 7.724 7.053L11.724 9.053C11.809 9.096 11.876 9.157 11.926 9.237ZM10.382 9.5L7.5 8.059L4.618 9.5L7.5 10.941L10.382 9.5Z" />
    </svg>
  );
}

Vue

Vue: see /icons/store-package.md

Svelte

Svelte: see /icons/store-package.md

HTML img

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

CSS

CSS: see /icons/store-package.md

Data URL

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

Sprite

Sprite: see /icons/store-package.md

SwiftUI

SwiftUI: see /icons/store-package.md

Compose

Compose: see /icons/store-package.md

Android XML

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

Flutter

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

Meaning

Use it for

store pickup, click and collect, buy online pick up in store, bopis

Tags

store, shop, storefront, package, parcel, box, pickup, store-pickup, click-and-collect, bopis, order, collect, retail, delivery

Category

Shopping

Component name

StorePackageIcon

History

2026-11-07 added, released in 0.6.0

Since

version 0.6.0

Family 8

store store-check store-clock store-gear store-off store-plus store-search store-x

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/store-package.json · Markdown: /icons/store-package.md · SVG: https://gentleface.com/svg/{style}/16/store-package.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/store-package.png

store-package icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp