Unlock 2000+ Assets - Get Lifetime Access Today!Claim Deal - Just $69!
Queue icon
preview · 24×24 grid
Colour
Free forever27 of 48 in Retail & Shop Management

Queue icon

queueRetail & Shop Management24×24free forever

A single SVG path on a 24×24 grid, drawn at the same optical weight as the other 3,872 icons in the ThreeJS Assets Icons library — so it sits in a toolbar next to any of them without re-balancing. Filled with currentColor, which means colour and size come from your CSS rather than from a second export.

Free forever

Sign in to copy this icon

A free account is all it takes. Free for personal and commercial work, no attribution required — and once granted, that access is permanent.

Want all 3,872? Unlock the library — $39

In your UI

The same glyph in the places it will actually live. Change the colour above and these follow.

Toolbar
Best seller iconCash drawer iconCheckout iconProduct icon
Game HUD
Queue×12
Button
Queue
Sizes
16243248
Queue icon
QueueRetail & Shop Management · free with an account

Using the queue icon

Three ways to get it on screen. Nothing here needs an icon font, a build step, or a runtime dependency.

The path data below is a placeholder. The real geometry ships when you have access to this icon — the snippets themselves are exactly what you will paste.

Inline SVG

Paste it straight into your markup. No runtime, no font, no request — the icon ships as part of the document.

html
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="…" /></svg>

React / TypeScript component

The same path as a typed component. Spreading SVGProps means className, onClick, and aria-* all pass through untouched.

tsx
export function QueueIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" {...props}>
      <path d="…" />
    </svg>
  );
}

Sizing and recolouring

Every icon is drawn with fill="currentColor" on a 24×24 grid, so it inherits colour from the surrounding text and scales with width/height alone — no second export per theme.

tsx
// Colour follows the text colour, size follows the props.
<span className="text-emerald-600">
  <QueueIcon width={32} height={32} />
</span>

// Or drive both from CSS:
// .toolbar svg { width: 1.25rem; height: 1.25rem; color: #12A150; }

Related retail & shop management icons

Nearest by tag, from the same 48-icon set.

ThreeJS Assets Icons

This one is free. So are 779 others.

3,872 icons on one 24×24 grid at one optical weight, so any of them sits next to any other. $39 once for all of them — including the ones we add later.

Tags

These are the words the library search matches on, so any of them will find this icon — and every other icon drawn for the same idea.

Licence

This icon is in the free-forever collection: free for personal and commercial work with a free account, with no attribution required. Once granted, that access is permanent.

Read the icons licence →

Details

Name
queue
Category
Retail & Shop Management
Grid
24 × 24
Geometry
single path
Fill
currentColor
Formats
SVG, JSX, PNG
Added in
1.0.0
Queue icon — free SVG & JSX — threejsassets.com