The Lucide hexagon icon depicts a six-sided polygon, commonly used to represent abstract shapes, data structures, or as a stylized logo element.
Common uses
- UI element for abstract concepts
- Node.js logo alternative
- Geometric pattern component
Use it in React
Install
npm i lucide-reactImport & render
import { Hexagon } from 'lucide-react';
<Hexagon size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- shapenode.jslogohexagongeometric
FAQ
- What is the hexagon icon used for?
- It's used for representing geometric shapes, abstract concepts, or as a stylized logo, similar to the Node.js logo.
- How do I use the hexagon icon in React?
- You can import and use it in React with: import { Hexagon } from 'lucide-react'.
- What is the license for the Lucide hexagon icon?
- The Lucide icon library, including the hexagon 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 →