The HugeIcons information diamond icon depicts a diamond shape with an 'i' inside, commonly used to signify informational content or provide additional details.
Common uses
- Displaying tooltips or popovers with extra context.
- Indicating a section with important notes or tips.
- As a button to access more detailed information.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { InformationDiamondIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={InformationDiamondIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- info icondetails icontip icondiamond info
FAQ
- What is the purpose of the information diamond icon?
- This icon is used to draw attention to informational content, tips, or details that users might need.
- How do I use the InformationDiamondIcon in React?
- Import both HugeiconsIcon and InformationDiamondIcon, then render <HugeiconsIcon icon={InformationDiamondIcon} />.
- What is the license for this icon?
- The HugeIcons library, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →