The Tabler png icon depicts a file format, commonly used to represent raster images and often seen in UI elements related to file uploads, image previews, or file type identification.
Common uses
- File type indicator in file explorers
- Button for uploading PNG images
- Preview thumbnail for image assets
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconPng } from '@tabler/icons-react';
<IconPng size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Extensions
- Keywords
- fileformattypedocumentfiletypepngpluginaddonmodulecomponentextensionsimage filepicture formatraster graphicfile extension
FAQ
- What does the PNG icon represent?
- The icon represents the Portable Network Graphics (PNG) file format, which is widely used for web graphics and images requiring transparency.
- How do I use the PNG icon in React?
- You can import and use it in your React application with: import { IconPng } from '@tabler/icons-react'
- What is the license for the Tabler PNG icon?
- The Tabler icon library, including the PNG 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 →