The Tabler tooltip icon visually represents a small pop-up box that appears when a user hovers over or clicks on an element, providing additional information or context.
Common uses
- Displaying help text for form fields.
- Showing detailed descriptions for buttons or icons.
- Providing definitions for technical terms.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconTooltip } from '@tabler/icons-react';
<IconTooltip size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- infohelpinformationadvisetooltipcontroloperationfunctioninterfacemanagementsysteminformation iconhelp iconcontext icon
FAQ
- What is the purpose of the tooltip icon?
- It's used to indicate that an element has associated supplementary information available on hover or click.
- How do I use this icon in React?
- Import it using `import { IconTooltip } from '@tabler/icons-react'` and render it as a component.
- What is the license for this icon?
- The Tabler icons, including the tooltip icon, are available under the MIT license.
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 →