The Tabler input search icon depicts a magnifying glass positioned over a text input field, commonly used to represent search functionality within a website or application.
Common uses
- Search bar in a header
- Form field for filtering results
- Button to initiate a query
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconInputSearch } from '@tabler/icons-react';
<IconInputSearch size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Text
- Keywords
- findwebsitefieldexploreinputsearchlookseekquerybrowsetextsearch fieldfind inputquery boxmagnifying glass input
FAQ
- What does the input search icon represent?
- It visually signifies a search input field, indicating where a user can type to find information.
- How do I use this icon in React?
- Import it using `import { IconInputSearch } from '@tabler/icons-react'` and render the component `<IconInputSearch />`.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free use.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →