What is the purpose of the search x icon?

This icon is used to indicate an action that clears a search field or cancels an active search process.

How do I use the search x icon in React?

You can import and use it in your React application like this: import { SearchX } from 'lucide-react'.

What is the license for the search x icon?

The search x icon is part of the Lucide library, which is available under the ISC license.

search x icon

Lucide · search-x · ISC

The Lucide search x icon depicts a magnifying glass with an 'x' or a crosshair, commonly used to represent clearing a search query or canceling a search operation.

Common uses

Clear search input field
Cancel ongoing search
Close search overlay

Use it in React

Install

npm i lucide-react

Import & render

import { SearchX } from 'lucide-react';

<SearchX size={24} />

Details

Library: Lucide (1,713 icons)
License: ISC
viewBox: 0 0 24 24
Keywords: findscanmagnifiermagnifying glassstopclearcancelabortlenssearchxclear searchcancel searchstop searchclose search

FAQ

What is the purpose of the search x icon?: This icon is used to indicate an action that clears a search field or cancels an active search process.
How do I use the search x icon in React?: You can import and use it in your React application like this: import { SearchX } from 'lucide-react'.
What is the license for the search x icon?: The search x icon is part of the Lucide library, which is available under the ISC license.

Related icons

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

lucide lucide lucide lucide lucide lucide lucide lucide lucide lucide lucide lucide

Looking for something else? Search Lucide and 4 more libraries by description →

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