line-style

Line Style icon · Lucide · <LineStyle />

line-style

Lucide tags line-style with stroke, border and dashed. It's in Lucide's Design and Tools categories; similar icons include Line Squiggle, Square Dashed Top Solid and Square Dashed X. The matching icons are Line Style in Microsoft's Fluent icons and line_style in Google's Material Symbols.

24 px, stroke 2

line-style.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

Line Style icon in React

npm install lucide-react

import { LineStyle } from "lucide-react";

export function Example() {
  return <LineStyle />;
}

Details

Nameline-style
ComponentLineStyle (also LineStyleIcon, LucideLineStyle)
CategoriesDesign, Tools
Icon fonticon-line-style, U+E6DA
CSS content"\e6da"
Filelucide-static/icons/line-style.svg
Grid and stroke24 × 24, 2 px stroke, round caps and joins
LicenseISC License (© Lucide Icons and Contributors)

Tags

linedashed

Also in Fluent

Line Style iconLine StyleMicrosoft's version of this icon, on Fluenticons

Also in Material Symbols

Line Style iconLine StyleGoogle's version of this icon, on Materialicons

Similar icons