The Phosphor sunglasses icon visually represents eyewear designed to protect eyes from bright sunlight and is commonly used in UIs to indicate features related to vision, protection, or a cool/relaxed state.
Common uses
- Indicate a 'dark mode' or 'incognito' feature.
- Represent 'privacy settings' or 'anonymous browsing'.
- Symbolize 'summer' or 'vacation' related content.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Sunglasses } from '@phosphor-icons/react';
<Sunglasses size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Sunglasses size={24} />thin
<Sunglasses size={24} weight="thin" />light
<Sunglasses size={24} weight="light" />bold
<Sunglasses size={24} weight="bold" />fill
<Sunglasses size={24} weight="fill" />duotone
<Sunglasses size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- health & wellness
- Keywords
- visionsunspectacleshealth & wellnessobjectssunglassesshadessun protectioncool
FAQ
- What is the sunglasses icon used for?
- It's typically used to represent concepts like sun protection, privacy, or a relaxed/cool status in user interfaces.
- How do I use the sunglasses icon in React?
- You can import and use it like this: import { Sunglasses } from '@phosphor-icons/react'.
- What is the license for the Phosphor sunglasses icon?
- The Phosphor icon library, including the sunglasses icon, is available under the MIT license.
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 →