Home/Libraries/Framework7 Icons (Iconify)/face-smiling-fill

Framework7 Icons (Iconify)

FaceSmilingFill

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<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.905 51.81q4.898 0 9.222-1.875a24.4 24.4 0 0 0 7.629-5.18a24.4 24.4 0 0 0 5.179-7.628q1.875-4.325 1.875-9.222q0-4.899-1.875-9.222a24.4 24.4 0 0 0-5.18-7.629a24.4 24.4 0 0 0-7.64-5.18Q32.78 4 27.881 4q-4.898 0-9.222 1.875a24.3 24.3 0 0 0-7.616 5.18a24.5 24.5 0 0 0-5.168 7.628Q4 23.006 4 27.905t1.875 9.222a24.4 24.4 0 0 0 5.18 7.629a24.4 24.4 0 0 0 7.628 5.179q4.323 1.875 9.222 1.875m0-11.835q-2.53 0-4.43-.914q-1.897-.915-2.964-2.086q-1.067-1.172-1.067-1.969q0-.445.352-.61a.85.85 0 0 1 .727 0q1.335.704 3.034 1.383q1.7.68 4.348.68q2.625 0 4.336-.668q1.71-.668 3.023-1.394q.375-.165.726 0q.352.164.352.61q0 .796-1.055 1.968q-1.055 1.17-2.964 2.086q-1.91.914-4.418.914m-7.172-14.273q-1.125 0-1.98-.926t-.855-2.379q0-1.476.843-2.414q.844-.937 1.992-.937q1.172 0 2.04.937q.866.938.867 2.414q0 1.454-.88 2.38q-.878.924-2.027.925m14.32 0q-1.125 0-1.992-.926t-.867-2.379q0-1.476.855-2.414q.855-.937 2.004-.937q1.171 0 2.039.937q.867.938.867 2.414q0 1.454-.879 2.38q-.879.924-2.027.925"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. FaceSmilingFillIcon.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.