What does the file x icon represent?

It represents the action of deleting, removing, or canceling a file or document.

How do I use this icon in React?

You can import and use it like this: import { IconFileX } from '@tabler/icons-react';

This icon is distributed under the MIT license.

Tabler · file-x · MIT

The Tabler file x icon depicts a document with an 'X' mark, commonly used to signify the deletion or removal of a file, document, or data.

Install

npm i @tabler/icons-react

Import & render

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

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

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

outline

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

filled

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

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Document
Keywords: removedeleteerasefiledocumentdatacontentrecordpapertextxdelete fileremove documentcancel fileerase record

What does the file x icon represent?: It represents the action of deleting, removing, or canceling a file or document.
How do I use this icon in React?: You can import and use it like this: import { IconFileX } from '@tabler/icons-react'; <IconFileX />
What is the license for this icon?: This icon is distributed 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 →