Info icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable interface vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-info.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-info.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-info.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-info.json
Category:interface
Tags:infoinformationhelpdetailstooltipaboutguidancecontext

The info icon represents information tooltips, help documentation, and detailed explanations in user interfaces.

Featuring a circular 'i' symbol, this universally recognized indicator has become the standard for providing additional context, help documentation, and explanatory information without cluttering the primary interface.

Frequently Asked Questions

Common questions about the Info icon

Similar Icons

Linkedin V1 Fill - communication icon from Akar Icons
linkedin v1 fill
Yelp Fill - communication icon from Akar Icons
yelp fill
Devices - system icon from Akar Icons
devices
Linkedin V2 Fill - communication icon from Akar Icons
linkedin v2 fill
Pointer Down Fill - navigation icon from Akar Icons
pointer down fill
Double Check - status icon from Akar Icons
double check
Double Sword - interface icon from Akar Icons
double sword
Augmented Reality - media icon from Akar Icons
augmented reality
Percentage - data icon from Akar Icons
percentage