The Tabler line dashed icon visually represents a broken or segmented line, often used to indicate a connection, a path, or a dashed border in user interfaces.
Common uses
- Dashed borders for containers or input fields.
- Visualizing a connection or path between elements.
- Indicating a draggable or editable area.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconLineDashed } from '@tabler/icons-react';
<IconLineDashed size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- geometricsegmentlinkconnectionlinedashedcreativeartisticvisualaestheticdesigndashed line
FAQ
- What is the line dashed icon typically used for?
- It's used to represent dashed lines, connections, or segmented elements in UI design, adding visual cues for structure or interaction.
- How do I use the line dashed icon in React?
- You can import and use it directly with: import { IconLineDashed } from '@tabler/icons-react'
- What is the license for the Tabler line dashed icon?
- The Tabler icon library, including the line dashed icon, is 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 →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →