What is the Tabler x icon used for?

It's typically used for closing elements like modals or pop-ups, canceling actions, or removing items.

How do I use the x icon in React?

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

The Tabler icon library, including the x icon, is available under the MIT license.

Tabler · x · MIT

The Tabler x icon depicts a simple cross, commonly used to represent actions like closing a window, canceling an operation, or removing an item.

Install

npm i @tabler/icons-react

Import & render

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

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

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

outline

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

filled

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

What is the Tabler x icon used for?: It's typically used for closing elements like modals or pop-ups, canceling actions, or removing items.
How do I use the x icon in React?: Import it using `import { IconX } from '@tabler/icons-react'` and then use it as a component: `<IconX />`.
What is the license for the Tabler x icon?: The Tabler icon library, including the x icon, is available 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 →