octagon icon

Common uses

• Representing geometric shapes in diagrams
• Indicating a specific type of building or structure
• As a button or element with a unique, non-standard form

Use it in React

npm i @tabler/icons-react

import { IconOctagon } from '@tabler/icons-react';

<IconOctagon size={24} stroke={2} />

Styles

Tabler ships this icon in 2 styles — each its own import:

<IconOctagon size={24} stroke={2} />

<IconOctagonFilled size={24} stroke={2} />

Details

Library

Tabler (5,093 icons)

License

MIT

viewBox

0 0 24 24

Category

Shapes

Keywords

shapegeometricmath2dbuildinggovernmentoctagongeometryformfigureshapeseight-sided shapegeometric formmath shapepolygon

FAQ

What is the octagon icon used for?

It's used to visually represent an eight-sided shape, often for geometric, mathematical, or design purposes.

How do I use the octagon icon in React?

Import it using `import { IconOctagon } from '@tabler/icons-react'` and then use it as a component: `<IconOctagon />`.

What is the license for the Tabler octagon icon?

The Tabler icon library, including the octagon icon, is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Tabler.