The Tabler placeholder icon depicts a rectangular box with dashed lines, commonly used to represent an empty input field or a content area awaiting data.
Common uses
- Form input fields
- Content loading states
- Wireframing and mockups
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconPlaceholder } from '@tabler/icons-react';
<IconPlaceholder size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- inputformplaceholderdesigninput boxempty fieldcontent areastub
FAQ
- What is the purpose of the placeholder icon?
- It visually indicates where content will appear or where user input is expected, especially in forms or loading interfaces.
- How do I use this icon in React?
- Import it using `import { IconPlaceholder } from '@tabler/icons-react'` and render it as a component: `<IconPlaceholder />`.
- What is the license for this icon?
- The Tabler icon is available under the MIT license, allowing for free use.
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 →