The Phosphor binoculars icon depicts a pair of binoculars, commonly used in UI to represent features related to searching, exploring, or viewing details.
Common uses
- Zoom or detail view button
- Search or explore functionality
- Navigation to a map or overview screen
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Binoculars } from '@phosphor-icons/react';
<Binoculars size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Binoculars size={24} />thin
<Binoculars size={24} weight="thin" />light
<Binoculars size={24} weight="light" />bold
<Binoculars size={24} weight="bold" />fill
<Binoculars size={24} weight="fill" />duotone
<Binoculars size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- nature
- Keywords
- telescopeglassessearchfindexplorenatureobjectsmaps & travelbinocularsview
FAQ
- What is the binoculars icon used for?
- It's typically used to indicate actions like searching, exploring content, or viewing details. It can also represent navigation to maps or travel-related sections.
- How do I use the binoculars icon in React?
- You can import and use it like this: import { Binoculars } from '@phosphor-icons/react'. Then render it as a component: <Binoculars size={32} />.
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, which allows for free usage in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →