IconSearch logoIconsearch
Home/Libraries/Fluent UI System Icons (Iconify)/circle-hint-24-filled
← Back to Search
Fluent UI System Icons (Iconify)

CircleHint24Filled

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M7.696 4.222c-.23-.554-.891-.791-1.384-.45a10 10 0 0 0-2.54 2.539c-.342.493-.104 1.154.45 1.384c.471.195 1.009.005 1.31-.407a8 8 0 0 1 1.756-1.756c.412-.3.603-.838.408-1.31m3.062-.127c-.505.079-1.02-.167-1.215-.638c-.23-.554.07-1.19.66-1.297a10 10 0 0 1 3.591.001c.59.107.89.743.66 1.297c-.195.471-.71.717-1.214.638a8 8 0 0 0-2.482 0m9.015 3.6c-.472.196-1.009.006-1.31-.406a8 8 0 0 0-1.755-1.755c-.411-.3-.602-.838-.407-1.31c.23-.554.891-.791 1.385-.45c.99.687 1.85 1.547 2.537 2.538c.341.493.104 1.154-.45 1.384m.767 6.759c-.471-.195-.717-.71-.638-1.214a8 8 0 0 0 0-2.483c-.08-.504.166-1.019.637-1.214c.554-.23 1.19.07 1.297.66a10 10 0 0 1 0 3.59c-.106.59-.742.89-1.296.66m-4.238 5.32c-.195-.47-.005-1.008.407-1.309a8 8 0 0 0 1.756-1.756c.3-.412.838-.603 1.31-.407c.554.23.791.89.45 1.383a10 10 0 0 1-2.538 2.54c-.493.341-1.155.104-1.385-.45m-6.76.769c.195-.472.71-.717 1.214-.639a8 8 0 0 0 2.485 0c.504-.079 1.02.167 1.215.638c.229.554-.07 1.19-.66 1.297a10 10 0 0 1-3.594 0c-.59-.107-.89-.742-.66-1.296m-5.322-4.24c.472-.196 1.01-.005 1.31.407a8 8 0 0 0 1.757 1.757c.412.301.603.838.408 1.31c-.23.554-.891.791-1.384.45a10 10 0 0 1-2.54-2.54c-.342-.494-.105-1.155.45-1.385m-.765-6.761c.471.195.717.71.638 1.214a8 8 0 0 0 0 2.485c.078.504-.167 1.019-.639 1.214c-.554.23-1.19-.07-1.296-.66a10 10 0 0 1 0-3.593c.107-.59.743-.89 1.297-.66"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. CircleHint24FilledIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Fluent UI System Icons (Iconify)

Browse all Fluent UI System Icons (Iconify) icons →
access-time-20-filled
access-time-20-filled
access-time-20-regular
access-time-20-regular
access-time-24-filled
access-time-24-filled
access-time-24-regular
access-time-24-regular
accessibility-16-filled
accessibility-16-filled
accessibility-16-regular
accessibility-16-regular
accessibility-20-filled
accessibility-20-filled
accessibility-20-regular
accessibility-20-regular
accessibility-24-filled
accessibility-24-filled
accessibility-24-regular
accessibility-24-regular
accessibility-28-filled
accessibility-28-filled
accessibility-28-regular
accessibility-28-regular