The Tabler line dotted icon depicts a series of dots forming a line, often used to represent a dashed or segmented connection, a placeholder, or a visual separator in user interfaces.
Common uses
- Indicating a loading or progress state.
- Representing a dashed border or outline.
- Creating visual separation between elements.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconLineDotted } from '@tabler/icons-react';
<IconLineDotted size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- geometricsegmentlinkconnectionlinedottedcreativeartisticvisualaestheticdesigndashed linesegment linedotted connectionseparator line
FAQ
- What is the line dotted icon used for?
- It's typically used to show a dashed line, a segmented connection, or a visual separator in UI design.
- How do I use the line dotted icon in React?
- You can import it using: import { IconLineDotted } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icons, including line dotted, 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 →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →