Circle Info Pixel Art Icon
An info circle icon for tooltips, help text triggers, informational callouts, and 'Learn more' hints in forms and dashboards.
Tags
infoinformationdetailshelpcircle
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Circle Info icon
A lowercase 'i' inside a circle, the standard symbol for informational content. Place it next to form fields to trigger a tooltip, inside callout boxes to label non-warning messages, or as the icon on a 'Learn more' link. It signals neutral, helpful context rather than urgency. When the content is a question the user is likely to ask, circle-question is more inviting; for warnings or danger states, a triangle alert signals a higher level of severity.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/circle-info.svg" width="24" height="24" alt="Circle Info" />
<!-- React -->
import { CircleInfo } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="circle-info.svg" width="48" height="48" style="image-rendering: pixelated" />