The Tabler shadow icon visually represents a darkened area or a subtle shade, often used to add depth or indicate a specific zone in a user interface.
Common uses
- Indicating a modal overlay
- Styling elements with a drop shadow effect
- Representing a dimmed or obscured area
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconShadow } from '@tabler/icons-react';
<IconShadow size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Photography
- Keywords
- darksunareacovereddimlightcsseffectshadowcameraphotographyshadedark areaoverlay
FAQ
- What is the shadow icon used for?
- It's typically used to visually represent darkness, shade, or an area affected by shadow, common in UI elements like modal backgrounds or depth effects.
- How do I use the shadow icon in React?
- You can import and use it directly in your React components with: import { IconShadow } from '@tabler/icons-react'
- What is the license for the Tabler shadow icon?
- The Tabler icon library, including the shadow icon, is distributed 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 →