The Phosphor rows plus bottom icon, also known as rows-plus-bottom, visually represents adding a new row or element to the bottom of an existing set, commonly used for actions like inserting a new item into a list or table.
Common uses
- Add new row to a data table
- Insert new card into a grid
- Append item to a list
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { RowsPlusBottom } from '@phosphor-icons/react';
<RowsPlusBottom size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<RowsPlusBottom size={24} />thin
<RowsPlusBottom size={24} weight="thin" />light
<RowsPlusBottom size={24} weight="light" />bold
<RowsPlusBottom size={24} weight="bold" />fill
<RowsPlusBottom size={24} weight="fill" />duotone
<RowsPlusBottom size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- *new*2shapespolygonsboxstacklisttablecardsprependinsertdesignrowsplusbottomadd row bottom
FAQ
- What is the 'rows plus bottom' icon used for?
- It signifies adding a new element or row at the end of a collection, like a list, table, or grid.
- How do I use the rows plus bottom icon in React?
- Import it from '@phosphor-icons/react' as 'RowsPlusBottom' and use it as a component: <RowsPlusBottom />
- What is the license for this icon?
- The Phosphor icon library, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →