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

The information circle icon in solid style represents informational content with a bold, completely filled design that maximizes visual impact.

This variant uses solid coloring throughout the info circle, creating strong contrast and immediate recognition in interfaces where important information or critical help features need prominent visual identification.

Frequently Asked Questions

Common questions about the Information Circle Solid icon

Similar Icons

Backward 16 Solid - media icon from HeroIcons
backward 16 solid
Bookmark Slash 16 Solid - actions icon from HeroIcons
bookmark slash 16 solid
Arrow Left Start On Rectangle Solid - actions icon from HeroIcons
arrow left start on rectangle solid
Phone Arrow Down Left - communication icon from HeroIcons
phone arrow down left
Battery 0 Solid - status icon from HeroIcons
battery 0 solid
Rectangle Stack Solid - layout icon from HeroIcons
rectangle stack solid
Magnifying Glass Circle - actions icon from HeroIcons
magnifying glass circle
Document Text 20 Solid - interface icon from HeroIcons
document text 20 solid
Arrow Up On Square Stack Solid - actions icon from HeroIcons
arrow up on square stack solid