file zip icon

Common uses

• Download as ZIP button
• Unarchive file action
• Attachment file type indicator

Use it in React

npm i @phosphor-icons/react

import { FileZip } from '@phosphor-icons/react';

<FileZip size={24} />

Styles

Phosphor ships this icon in 6 styles — each its own import:

<FileZip size={24} />

<FileZip size={24} weight="thin" />

<FileZip size={24} weight="light" />

<FileZip size={24} weight="bold" />

<FileZip size={24} weight="fill" />

<FileZip size={24} weight="duotone" />

Details

Library

Phosphor (1,512 icons)

License

MIT

viewBox

0 0 256 256

Category

office

Keywords

documentsarchivecompressionofficeeditorsystemfilezipcompressed filedownloadpackage

FAQ

What does the file zip icon represent?

It represents a compressed archive file, often used for bundling multiple files or folders into a single, smaller file.

How do I use the file zip icon in React?

You can import and use it like this: `import { FileZip } from '@phosphor-icons/react'`. Then render it as a component: `<FileZip />`.

What is the license for the Phosphor file zip icon?

The Phosphor icon library, including the file zip icon, is available under the MIT license.

Related icons

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