separator-horizontal
Separator Horizontal icon · Lucide · <SeparatorHorizontal />
separator-horizontalLucide tags separator-horizontal with split and move. It's in Lucide's Text formatting and Arrows categories; similar icons include Separator Vertical, Square Split Horizontal and Grip Horizontal.
24 px, stroke 2
separator-horizontal.svg
Size, stroke and code
Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.
Stroke width
Size
Separator Horizontal icon in React
npm install lucide-react
import { SeparatorHorizontal } from "lucide-react";
export function Example() {
return <SeparatorHorizontal />;
}
Details
| Name | separator-horizontal |
|---|---|
| Component | SeparatorHorizontal (also SeparatorHorizontalIcon, LucideSeparatorHorizontal) |
| Categories | Text formatting, Arrows, Layout |
| Icon font | icon-separator-horizontal, U+E1C8 |
| CSS content | "\e1c8" |
| File | lucide-static/icons/separator-horizontal.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |
Tags
Similar icons
Separator VerticalSquare Split HorizontalGrip HorizontalAlign Center HorizontalAlign End HorizontalAlign Horizontal Distribute CenterAlign Horizontal Distribute EndAlign Horizontal Distribute StartAlign Horizontal Justify CenterAlign Horizontal Justify EndAlign Horizontal Justify StartAlign Horizontal Space Around