The Tabler row insert top icon depicts adding a new row above an existing one in a table or database structure, commonly used in UI for data manipulation tasks.
Common uses
- Add new record above selected row
- Insert row at the beginning of a list
- Prepend data entry in a tabular view
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconRowInsertTop } from '@tabler/icons-react';
<IconRowInsertTop size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Database
- Keywords
- tablelayoutaddbelowmacroexcelrowinserttopstoragedatabaseadd row aboveinsert row beginningnew row topprepend row
FAQ
- What does the row insert top icon represent?
- It visually represents the action of inserting a new row at the top of a table or list, above the currently selected or active row.
- How do I use this icon in React?
- You can import and use it directly with: import { IconRowInsertTop } from '@tabler/icons-react'. Then render it as <IconRowInsertTop />.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use in both personal and commercial projects.
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 →