The Phosphor columns plus right icon, named `columns-plus-right`, visually represents adding a new column or section to the right of an existing layout, commonly used for actions like inserting new content or expanding a view.
Common uses
- Add new section to a dashboard
- Insert a new tab in a tabbed interface
- Append a new column to a data table
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ColumnsPlusRight } from '@phosphor-icons/react';
<ColumnsPlusRight size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ColumnsPlusRight size={24} />thin
<ColumnsPlusRight size={24} weight="thin" />light
<ColumnsPlusRight size={24} weight="light" />bold
<ColumnsPlusRight size={24} weight="bold" />fill
<ColumnsPlusRight size={24} weight="fill" />duotone
<ColumnsPlusRight size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- *new*2shapespolygonsboxstacklisttablecardsappendinsertdesigncolumnsplusrightadd column right
FAQ
- What does the columns plus right icon represent?
- It signifies the action of adding a new column or element to the right side of a current layout or structure.
- How do I use this icon in React?
- You can import and use it like this: `import { ColumnsPlusRight } from '@phosphor-icons/react'`. Then render it as `<ColumnsPlusRight />`.
- 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 →