What is the purpose of the info icon?

It's used to draw attention to supplementary details, tips, or important information that users might need.

How do I use the info icon in React?

You can import and use it like this: import { Info } from 'lucide-react'; .

The Lucide icon library, including the info icon, is available under the ISC license.

Lucide · info · ISC

The Lucide info icon depicts a lowercase letter 'i' within a circle, commonly used to indicate additional details, tips, or important information.

Install

npm i lucide-react

Import & render

import { Info } from 'lucide-react';

<Info size={24} />

Library: Lucide (1,713 icons)
License: ISC
viewBox: 0 0 24 24
Keywords: aboutadvicecluedetailshelphintindicatorinformationknowledgenoticestatussupporttooltipinfo

What is the purpose of the info icon?: It's used to draw attention to supplementary details, tips, or important information that users might need.
How do I use the info icon in React?: You can import and use it like this: import { Info } from 'lucide-react'; <Info />.
What is the license for the Lucide info icon?: The Lucide icon library, including the info icon, is available under the ISC license.

The same idea in other libraries, and near matches in Lucide.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →