Info Fill 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-fill.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-info-fill.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-info-fill.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-info-fill.json
Category:interface
Tags:infoinformationfilledhelpimportantalertprominentindicator

The info-fill icon represents prominent information indicators and emphasized help features with a filled design for increased visibility.

Featuring a solid filled circular 'i' symbol, this variant provides stronger visual weight for important information tooltips, critical help documentation, and high-priority explanatory content compared to the outline version.

Frequently Asked Questions

Common questions about the Info Fill icon

Similar Icons

Triangle Up - navigation icon from Akar Icons
triangle up
Pencil - actions icon from Akar Icons
pencil
Person - communication icon from Akar Icons
person
Planet - interface icon from Akar Icons
planet
Arrow Counter Clockwise - actions icon from Akar Icons
arrow counter clockwise
Arrow Forward - navigation icon from Akar Icons
arrow forward
Clipboard - actions icon from Akar Icons
clipboard
Equal Fill - interface icon from Akar Icons
equal fill
Share Box - communication icon from Akar Icons
share box