What does the input x icon represent?

It represents an action to clear, cancel, remove, or close something, commonly used with input fields or dialogs.

How do I use the input x icon in React?

You can import it directly from the '@tabler/icons-react' library like this: import { IconInputX } from '@tabler/icons-react'.

The Tabler icons, including input x, are available under the MIT license.

Tabler · input-x · MIT

The Tabler input x icon depicts a stylized 'X' often used to signify clearing an input field, closing a modal, or canceling an action.

Install

npm i @tabler/icons-react

Import & render

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

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

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: System
Keywords: crosscancelremovedeletenotcleareraseexitclosenegatesysteminputxclear inputcancel buttonclose icon

What does the input x icon represent?: It represents an action to clear, cancel, remove, or close something, commonly used with input fields or dialogs.
How do I use the input x icon in React?: You can import it directly from the '@tabler/icons-react' library like this: import { IconInputX } from '@tabler/icons-react'.
What is the license for this icon?: The Tabler icons, including input x, are 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 →