The Tabler help triangle icon visually represents a warning or a point of assistance, commonly used to draw attention to important information or guide users through a process.
Common uses
- Displaying a warning message
- Indicating a help or support section
- Highlighting a required field in a form
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconHelpTriangle } from '@tabler/icons-react';
<IconHelpTriangle size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconHelpTriangle size={24} stroke={2} />filled
<IconHelpTriangleFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- supportaidassistguidepyramidthreeanglecornerpointedtipsystemhelptrianglewarning iconsupport iconinformation icon
FAQ
- What is the purpose of the help triangle icon?
- It's typically used to signify a warning, provide a hint, or direct users to help resources within an interface.
- How do I use this icon in React?
- You can import and use it directly with: import { IconHelpTriangle } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icons, including the help triangle, are 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 →