What does the archive icon represent?

It represents a container for storing and organizing files, records, or data, often implying older or less frequently accessed items.

How do I use the archive icon in React?

Import it using `import { IconArchive } from '@tabler/icons-react';` and then use it as a component: ` `.

The Tabler icon library, including the archive icon, is released under the MIT license.

Tabler · archive · MIT

The Tabler archive icon depicts a box, commonly used in UI to represent storing, retrieving, or managing files, records, or data.

Install

npm i @tabler/icons-react

Import & render

import { IconArchive } from '@tabler/icons-react';

<IconArchive size={24} stroke={2} />

Tabler ships this icon in 2 styles — each its own import:

outline

<IconArchive size={24} stroke={2} />

filled

<IconArchiveFilled size={24} stroke={2} />

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Document
Keywords: boxindexrecordsoldcollectarchivefilepapertextrecorddocumentbox iconstorage iconfile cabinet iconrecords icon

What does the archive icon represent?: It represents a container for storing and organizing files, records, or data, often implying older or less frequently accessed items.
How do I use the archive icon in React?: Import it using `import { IconArchive } from '@tabler/icons-react';` and then use it as a component: `<IconArchive />`.
What is the license for the Tabler archive icon?: The Tabler icon library, including the archive icon, is released under the MIT license.

The same idea in other libraries, and near matches in Tabler.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →