The Tabler octagon plus icon depicts an octagon shape with a plus sign inside, commonly used to represent adding new items, expanding options, or indicating a positive increase within a user interface.
Common uses
- Button to add a new record
- Option to expand a section
- Indicator for a positive gain or increase
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconOctagonPlus } from '@tabler/icons-react';
<IconOctagonPlus size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconOctagonPlus size={24} stroke={2} />filled
<IconOctagonPlusFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- addincreaseboostenhanceamplifyenlargegainexpandsupplementmagnifyshapesoctagonplusadd octagonnew itemoctagon add
FAQ
- What is the octagon plus icon used for?
- It signifies adding something new, increasing a value, or expanding functionality. It's a versatile icon for actions related to addition or growth.
- How do I use the octagon plus icon in React?
- You can import and use it directly in your React components like this: import { IconOctagonPlus } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icon library, including the octagon plus icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →