The Tabler sunglasses icon visually represents eyewear worn to protect eyes from the sun, commonly used in UI to indicate features related to summer, outdoor activities, or protection.
Common uses
- Button to enable dark mode or privacy filter
- Link to a summer sale or vacation package
- Icon for a 'cool' or 'stylish' status
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSunglasses } from '@tabler/icons-react';
<IconSunglasses size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSunglasses size={24} stroke={2} />filled
<IconSunglassesFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Health
- Keywords
- summersunlookshadeseyewearsunglassesmedicalwellnesshealthcaretreatmenthealthsun protection
FAQ
- What is the Tabler sunglasses icon used for?
- It depicts sunglasses and is typically used in UI to represent themes of summer, sun protection, or a stylish appearance.
- How do I use the sunglasses icon in React?
- You can import and use it like this: import { IconSunglasses } from '@tabler/icons-react'; <IconSunglasses />.
- What is the license for the Tabler sunglasses icon?
- The Tabler icon library, including the sunglasses icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →