The Tabler photo icon depicts a landscape image, commonly used to represent media content, image uploads, or galleries in user interfaces.
Common uses
- Image upload button
- Gallery thumbnail
- Media content placeholder
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconPhoto } from '@tabler/icons-react';
<IconPhoto size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconPhoto size={24} stroke={2} />filled
<IconPhotoFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Media
- Keywords
- picturelandscapecameraphotocontententertainmentmultimediabroadcastaudiomediaimage
FAQ
- What is the photo icon used for?
- It's used to represent images, photos, or media content within an application's UI.
- How do I use the photo icon in React?
- Import it using `import { IconPhoto } from '@tabler/icons-react';` and then use it as a component: `<IconPhoto />`.
- What is the license for the Tabler photo icon?
- The Tabler icon library, including the photo 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 →