The Heroicons magnifying glass plus icon depicts a search symbol with an added plus sign, commonly used to indicate adding or expanding search functionality, such as initiating an advanced search or adding a new search filter.
Common uses
- Initiate advanced search options
- Add a new search query
- Expand search criteria
Use it in React
Install
npm i @heroicons/reactImport & render
import { MagnifyingGlassPlusIcon } from '@heroicons/react/24/outline';
<MagnifyingGlassPlusIcon className="size-6" />Styles
Heroicons ships this icon in 4 styles — each its own import:
24/outline
<MagnifyingGlassPlusIcon className="size-6" />24/solid
<MagnifyingGlassPlusIcon className="size-6" />20/solid
<MagnifyingGlassPlusIcon className="size-6" />16/solid
<MagnifyingGlassPlusIcon className="size-6" />Details
- Library
- Heroicons (324 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- magnifyingglassplussearch plusadd searchzoom in searchadvanced search
FAQ
- What is the magnifying glass plus icon used for?
- It signifies adding to or expanding a search function, like starting an advanced search or adding more search parameters.
- How do I use this icon in React?
- Import it using: import { MagnifyingGlassPlusIcon } from '@heroicons/react/24/outline' and then use the component <MagnifyingGlassPlusIcon />.
- What is the license for this icon?
- The Heroicons library, including this icon, is released under the MIT license.
Related icons
The same idea in other libraries, and near matches in Heroicons.
Looking for something else? Search Heroicons 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 →