The Lucide octagon icon depicts a regular eight-sided polygon, commonly used to represent actions like stopping or as a distinct geometric shape in user interfaces.
Common uses
- Stop button
- Warning sign
- Geometric element
Use it in React
Install
npm i lucide-reactImport & render
import { Octagon } from 'lucide-react';
<Octagon size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- stopshapeoctagonstop signeight sided shapegeometric stop
FAQ
- What is the octagon icon used for?
- It's typically used for stop actions, warning indicators, or as a decorative geometric element.
- How do I use the octagon icon in React?
- You can import and use it like this: import { Octagon } from 'lucide-react'. Then render it as <Octagon />.
- What is the license for the Lucide octagon icon?
- The Lucide icon set, including the octagon 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 →