search focus icon

Common uses

• Highlighting the active search bar
• Indicating a search result that matches the query
• As a loading indicator during search operations

Use it in React

npm i @hugeicons/react @hugeicons/core-free-icons

import { HugeiconsIcon } from '@hugeicons/react';
import { SearchFocusIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={SearchFocusIcon} size={24} strokeWidth={1.5} />

Details

Library

HugeIcons (5,121 icons)

License

MIT

viewBox

0 0 24 24

Keywords

magnifying glass activesearch input activefocused searchsearch highlight

FAQ

What does the SearchFocusIcon represent?

It signifies an active search state or a highlighted search input. It's used to draw attention to the search functionality.

How do I use SearchFocusIcon in React?

Import both HugeiconsIcon and SearchFocusIcon, then render <HugeiconsIcon icon={SearchFocusIcon} />.

What is the license for this icon?

The SearchFocusIcon is available under the MIT license.

Related icons

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