What does the search icon represent?

It represents a magnifying glass, symbolizing the action of searching, finding, or querying information.

How do I use the search icon in React?

You can import and use it in your React components like this: import { IconSearch } from '@tabler/icons-react'.

The Tabler icon library, including the search icon, is released under the MIT license.

Tabler · search · MIT

The Tabler search icon depicts a magnifying glass, commonly used in user interfaces to initiate a search or find functionality.

Install

npm i @tabler/icons-react

Import & render

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

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

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

outline

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

filled

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

What does the search icon represent?: It represents a magnifying glass, symbolizing the action of searching, finding, or querying information.
How do I use the search icon in React?: You can import and use it in your React components like this: import { IconSearch } from '@tabler/icons-react'.
What is the license for the Tabler search icon?: The Tabler icon library, including the search icon, is released 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 →