The Tabler json icon depicts a file with the extension "json", commonly used to represent JSON data files or settings in user interfaces.
Common uses
- Representing JSON data files in a file explorer.
- Indicating a configuration or settings option that uses JSON format.
- As an icon for an API endpoint that returns JSON.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconJson } from '@tabler/icons-react';
<IconJson size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Extensions
- Keywords
- filedocumenttypeformatextencionjsonpluginaddonmodulecomponentextensionsjson filedata formatconfiguration filedocument type
FAQ
- What is the json icon used for?
- It visually represents JSON files or data, often used in contexts like file management, data display, or configuration settings.
- How do I use the json icon in React?
- Import it from '@tabler/icons-react' using: import { IconJson } from '@tabler/icons-react'. Then use it as a component: <IconJson />.
- What is the license for the Tabler json icon?
- The Tabler icon library, including the json icon, is released under the MIT license.
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 →