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

AntFill

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="M27.988 55.996c6.633 0 12.422-7.125 12.422-14.789q0-1.793-.633-3.023c.68.187 1.36.351 2.016.539c1.617.445 2.11 1.078 1.875 2.484l-1.711 11.227c-.21 1.336.61 2.132 1.71 2.132c1.15 0 1.665-.703 1.852-1.875l1.922-12.164c.446-2.742-.68-4.242-3.68-4.945l-10.57-2.46l-.023-.235c1.008-.492 1.687-1.453 1.992-2.508l7.195-1.031c2.93-.399 4.243-2.04 4.243-4.922v-8.11c0-1.148-.657-1.804-1.782-1.804s-1.78.68-1.78 1.804V23.7c0 1.664-.892 2.203-2.415 2.414l-5.367.727c-.258-.727-.727-1.383-1.36-1.805v-.234c4.008-.703 6.235-3.14 6.235-6.703c0-3-1.125-5.742-2.953-7.852l.21-.164c2.274-1.64 2.696-4.055 1.22-6.656l-1.383-2.274C36.777.356 36.262.39 35.535.39c-.96 0-1.687.317-1.687 1.231c0 .422.07.656.328 1.125l1.218 1.852c.75 1.218.75 2.273-.21 3.117a2.6 2.6 0 0 1-.399.305a12.13 12.13 0 0 0-6.797-2.086c-2.46 0-4.781.773-6.703 2.062a2.3 2.3 0 0 1-.398-.305c-.938-.82-.961-1.875-.188-3.093l1.219-1.852c.258-.469.328-.703.328-1.125C22.246.707 21.52.39 20.56.39c-.727 0-1.243-.035-1.688.762l-1.383 2.274c-1.476 2.601-1.054 5.015 1.219 6.656l.164.117c-1.851 2.11-3.023 4.875-3.023 7.899c0 3.562 2.25 6 6.257 6.703v.234c-.632.422-1.101 1.078-1.359 1.805l-5.367-.727c-1.547-.21-2.414-.75-2.414-2.414v-7.383c0-1.125-.656-1.804-1.781-1.804s-1.782.656-1.782 1.804v8.11c0 2.883 1.313 4.523 4.243 4.922l7.195 1.03c.305 1.056.984 2.017 1.992 2.509v.234l-10.594 2.461c-3.023.703-4.125 2.203-3.68 4.945l1.922 12.164c.165 1.172.704 1.875 1.852 1.875c1.102 0 1.922-.797 1.711-2.132l-1.711-11.227c-.234-1.406.258-2.04 1.875-2.484c.656-.188 1.336-.352 2.016-.54q-.633 1.23-.633 3.024c0 7.664 5.789 14.79 12.398 14.79"/></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. AntFillIcon.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-circle-fill
ant-circle-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