The Phosphor triangle dashed icon depicts a triangle with a dashed outline, often used to represent incomplete shapes, placeholders, or draft states in UI design.
Common uses
- Placeholder for a missing triangular element
- Indication of a draft or incomplete design
- Visual cue for a step in a process
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { TriangleDashed } from '@phosphor-icons/react';
<TriangleDashed size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<TriangleDashed size={24} />thin
<TriangleDashed size={24} weight="thin" />light
<TriangleDashed size={24} weight="light" />bold
<TriangleDashed size={24} weight="bold" />fill
<TriangleDashed size={24} weight="fill" />duotone
<TriangleDashed size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- *new*3shapespolygonsmissingdesigntriangledasheddashed triangleoutline triangleincomplete shapeplaceholder triangle
FAQ
- What is the triangle dashed icon used for?
- It's typically used to signify something that is missing, a placeholder, or in a draft state. It can also represent incomplete shapes or polygons.
- How do I use the triangle dashed icon in React?
- You can import and use it like this: import { TriangleDashed } from '@phosphor-icons/react'. Then render it as <TriangleDashed />.
- What is the license for this icon?
- The Phosphor icon library, including the triangle dashed icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →