The Lucide line style icon visually represents different line styles, commonly used to indicate options for borders, strokes, or line patterns in user interfaces.
Common uses
- Toggling between solid and dashed borders
- Selecting a line pattern for diagrams
- Choosing a stroke style for shapes
Use it in React
Install
npm i lucide-reactImport & render
import { LineStyle } from 'lucide-react';
<LineStyle size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- linestrokestyledashedborderstroke styleborder styledashed lineline pattern
FAQ
- What is the line style icon used for?
- It's typically used in settings or toolbars to represent choices related to line appearance, such as solid, dashed, or dotted lines for borders or strokes.
- How do I use the line style icon in React?
- You can import and use it in your React application like this: import { LineStyle } from 'lucide-react'.
- What is the license for the Lucide line style icon?
- The Lucide icon library, including the line style icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →