Information Circle 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/heroicons-information-circle.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-information-circle.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-information-circle.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-information-circle.json
Category:interface
Tags:informationinfohelpdetailstooltipcirclecontext

The information circle icon represents informational content and help resources with its circular border containing an 'i' symbol.

This universal indicator has become the standard for info tooltips, help sections, detail displays, and informational notices across all modern web applications and user interfaces.

Frequently Asked Questions

Common questions about the Information Circle icon

Similar Icons

Document Arrow Down 16 Solid - actions icon from HeroIcons
document arrow down 16 solid
Arrow Top Right On Square Solid - navigation icon from HeroIcons
arrow top right on square solid
Code Bracket Square 16 Solid - system icon from HeroIcons
code bracket square 16 solid
Backspace Solid - actions icon from HeroIcons
backspace solid
Arrow Up On Square 20 Solid - actions icon from HeroIcons
arrow up on square 20 solid
Clock 16 Solid - interface icon from HeroIcons
clock 16 solid
Inbox Solid - communication icon from HeroIcons
inbox solid
Inbox Stack - communication icon from HeroIcons
inbox stack
Arrow Down Tray 16 Solid - actions icon from HeroIcons
arrow down tray 16 solid