What does the rows plus top icon represent?

It signifies the action of adding a new element or row to the very top of an existing collection or structure.

How do I use this icon in React?

Import it using `import { RowsPlusTop } from '@phosphor-icons/react'` and then render it as a component: ` `.

The Phosphor icon library, including the rows plus top icon, is available under the MIT license.

Phosphor · rows-plus-top · MIT

The Phosphor rows plus top icon visually represents adding a new row or item to the beginning of a list, table, or stack.

Install

npm i @phosphor-icons/react

Import & render

import { RowsPlusTop } from '@phosphor-icons/react';

<RowsPlusTop size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<RowsPlusTop size={24} />

thin

<RowsPlusTop size={24} weight="thin" />

light

<RowsPlusTop size={24} weight="light" />

bold

<RowsPlusTop size={24} weight="bold" />

fill

<RowsPlusTop size={24} weight="fill" />

duotone

<RowsPlusTop size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: design
Keywords: *new*2shapespolygonsboxstacklisttablecardsprependinsertdesignrowsplustopadd to top

What does the rows plus top icon represent?: It signifies the action of adding a new element or row to the very top of an existing collection or structure.
How do I use this icon in React?: Import it using `import { RowsPlusTop } from '@phosphor-icons/react'` and then render it as a component: `<RowsPlusTop />`.
What is the license for this icon?: The Phosphor icon library, including the rows plus top icon, is available under the MIT license.

The same idea in other libraries, and near matches in Phosphor.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →