The HugeIcons dashed line 01 icon visually represents a broken or segmented line, often used to indicate separation, a path that is not yet complete, or a visual divider.
Common uses
- Separating content sections
- Indicating incomplete progress
- Styling form fields or input borders
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { DashedLine01Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={DashedLine01Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- dotted linesegmented linebroken linedash pattern
FAQ
- What is the dashed line 01 icon used for?
- It's typically used to show separation, incomplete paths, or as a visual divider in user interfaces.
- How do I use the DashedLine01Icon in React?
- Import both HugeiconsIcon and DashedLine01Icon, then render <HugeiconsIcon icon={DashedLine01Icon} />.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free use.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →