John KuehJohn Kueh

separator horizontal icon

Tabler · separator-horizontal · MIT

Download SVG

The Tabler separator horizontal icon depicts a horizontal line, commonly used in UI design to visually divide content or create distinct sections.

Common uses

  • Separating form fields
  • Dividing sections in a dashboard
  • Creating visual breaks in a list

Use it in React

Install
npm i @tabler/icons-react
Import & render
import { IconSeparatorHorizontal } from '@tabler/icons-react';

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

Details

Library
Tabler (5,093 icons)
License
MIT
viewBox
0 0 24 24
Category
Text
Keywords
dividerspaceseparateset apartflat-lyingseparatorhorizontaltypographywritingfonttextdivider linehorizontal rulecontent separator

FAQ

What is the purpose of the separator horizontal icon?
It's used to visually group or separate related elements on a user interface, improving layout clarity.
How do I use this icon in React?
Import it using `import { IconSeparatorHorizontal } from '@tabler/icons-react'` and render it as a component.
What is the license for this icon?
The Tabler icons, including separator-horizontal, are available under the MIT license.

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 →