Info icon

interfacealso known as information, about, details, tooltip
Colors byColorchord

Tap an icon to copy its SVG · copies stay currentColor at 24px — the swatches only tint the preview.

When to use it

The lowercase i in a circle: neutral, helpful, no alarm. Use it for tooltips, 'learn more' affordances, and informational banners — anything the user can safely ignore. The moment consequences appear, escalate to the alert family instead. Phosphor names it bare info; Heroicons information-circle; Remix information. Convention says blue, and users have learned that.

Every set here is open-licensed for commercial use with no attribution required in your product — the notices their licenses do require live on our set pages. No accounts, no download walls.
From usKeychord— keyboard shortcuts for every app

Related icons