The Tabler triangle inverted icon depicts a downward-pointing triangle, commonly used to signify actions like collapsing a section, indicating a reversed or opposite state, or representing a downward trend.
Common uses
- Collapse/expand UI elements
- Indicate a reversed or opposite direction
- Represent a downward trend or decrease
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconTriangleInverted } from '@tabler/icons-react';
<IconTriangleInverted size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconTriangleInverted size={24} stroke={2} />filled
<IconTriangleInvertedFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- shapegeometrygeometricpyramiddesigntriangleinvertedformfigurepatternshapesdownward triangleupside down trianglearrow down
FAQ
- What is the triangle inverted icon used for?
- It's typically used to show a collapsed state, a reversed direction, or a downward trend in user interfaces.
- How do I use the triangle inverted icon in React?
- You can import and use it like this: import { IconTriangleInverted } from '@tabler/icons-react'. Then render it as <IconTriangleInverted />.
- What is the license for the Tabler triangle inverted icon?
- The Tabler icon library, including the triangle inverted icon, is available 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 →