What does the new section icon represent?

It symbolizes the addition of a new, distinct area or component within a UI, such as a new section on a page or a new module.

How do I use this icon in React?

You can import and use it in your React application with: import { IconNewSection } from '@tabler/icons-react'

What is the license for this icon?

The Tabler icon library, including this icon, is available under the MIT license.

new section icon

Tabler · new-section · MIT

Download SVG

The Tabler new section icon visually represents the creation of a distinct area or component within a user interface, often used to signify adding a new part to a layout or page.

Common uses

Button to add a new content block
Indicator for a new tab or section
Action to create a new page or module

Use it in React

Install

npm i @tabler/icons-react

Import & render

import { IconNewSection } from '@tabler/icons-react';

<IconNewSection size={24} stroke={2} />

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: System
Keywords: addcomponentlayoutpagenewsectionsystemadd sectionnew componentcreate pagelayout section

FAQ

What does the new section icon represent?: It symbolizes the addition of a new, distinct area or component within a UI, such as a new section on a page or a new module.
How do I use this icon in React?: You can import and use it in your React application with: import { IconNewSection } from '@tabler/icons-react'
What is the license for this icon?: The Tabler icon library, including this icon, is available under the MIT license.

Related icons

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

tabler 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 →