The Lucide triangle icon depicts a basic geometric triangle, often used to represent concepts like direction, hierarchy, or geometric shapes in UI design.
Common uses
- Indicate direction or movement
- Represent hierarchical levels
- Symbolize geometric or mathematical concepts
Use it in React
Install
npm i lucide-reactImport & render
import { Triangle } from 'lucide-react';
<Triangle size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- equilateraldeltashapepyramidhierarchytriangle
FAQ
- What is the triangle icon used for?
- It's typically used to signify direction, hierarchy, or as a simple geometric shape in user interfaces.
- How do I use the triangle icon in React?
- You can import and use it like this: import { Triangle } from 'lucide-react'.
- What is the license for the Lucide triangle icon?
- The Lucide icon library, including the triangle 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 →