IconSearch logoIconsearch
Home/Libraries/Framework7 Icons (Iconify)/ant-circle-fill
← Back to Search
Framework7 Icons (Iconify)

AntCircleFill

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 56 56"><path fill="#818cf8" d="M28 51.906c13.055 0 23.906-10.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906m0-9.351c-3.656 0-6.844-3.938-6.844-8.157c0-.68.117-1.218.352-1.687c-.352.094-.75.187-1.125.281c-.867.235-1.149.61-1.032 1.383l.961 6.21c.094.727-.351 1.173-.937 1.173c-.633 0-.914-.422-1.031-1.031l-1.055-6.704c-.234-1.523.375-2.343 2.039-2.742l5.695-1.336v-.14c-.562-.258-.937-.82-1.101-1.383l-3.82-.563c-1.618-.234-2.344-1.125-2.344-2.718v-4.453c0-.633.375-.985.984-.985c.61 0 .961.375.961.985v4.054c0 .914.492 1.219 1.336 1.336l2.812.399c.141-.399.399-.75.774-.985v-.14c-2.203-.399-3.305-1.711-3.305-3.704c0-1.64.61-3.187 1.664-4.359l-.094-.07c-1.335-.75-1.476-2.227-.656-3.657l.774-1.265c.234-.422.515-.633.937-.633c.492 0 .89.375.89.89c0 .235-.023.352-.187.61l-.68 1.055c-.421.68-.398 1.265.047 1.687a2.5 2.5 0 0 0 .305.211A6.46 6.46 0 0 1 28 14.97c1.617 0 2.789.539 3.727 1.148c.07-.047.187-.117.28-.21c.446-.423.47-1.009.071-1.688l-.703-1.055c-.14-.258-.164-.375-.164-.61c0-.515.375-.89.914-.89c.375 0 .656.211.89.633l.774 1.265c.82 1.43.61 2.766-.633 3.657l-.14.117a6.46 6.46 0 0 1 1.664 4.312c0 1.993-1.102 3.305-3.305 3.704v.14c.352.235.61.586.75.985l2.836-.399c.844-.117 1.312-.422 1.312-1.336v-4.055c0-.609.375-.984.985-.984c.586 0 .984.352.984.985v4.453c0 1.593-.75 2.484-2.344 2.718l-3.82.563c-.164.562-.563 1.125-1.102 1.383v.14l5.672 1.336c1.664.399 2.274 1.219 2.04 2.742l-1.055 6.704c-.117.609-.375 1.03-1.032 1.03c-.585 0-1.03-.444-.914-1.171l.938-6.211c.14-.773-.164-1.148-1.031-1.383c-.352-.094-.75-.187-1.125-.281c.234.469.351 1.008.351 1.687c0 4.22-3.187 8.157-6.82 8.157"/></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. AntCircleFillIcon.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 Framework7 Icons (Iconify)

Browse all Framework7 Icons (Iconify) icons →
airplane
airplane
alarm
alarm
alarm-fill
alarm-fill
alt
alt
ant
ant
ant-circle
ant-circle
ant-fill
ant-fill
antenna-radiowaves-left-right
antenna-radiowaves-left-right
app
app
app-badge
app-badge
app-badge-fill
app-badge-fill
app-fill
app-fill