The HugeIcons search remove icon visually represents the action of clearing or deleting search query input.
Common uses
- Clear search bar input
- Reset search filters
- Delete search history item
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { SearchRemoveIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={SearchRemoveIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- clear searchdelete searchremove searchcancel search
FAQ
- What is the purpose of the search remove icon?
- This icon is used to indicate an action that removes or clears search-related content, such as search queries or filters.
- How do I use the SearchRemoveIcon in React?
- Import both HugeiconsIcon and SearchRemoveIcon, then render <HugeiconsIcon icon={SearchRemoveIcon} />.
- What is the license for this icon?
- The SearchRemoveIcon is part of the HugeIcons library and is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →