Home/Libraries/Font Awesome Regular (Iconify)/grin-tears

Font Awesome Regular (Iconify)

GrinTears

License: CC-BY-4.0

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 640 640"><path fill="#818cf8" d="M504.1 417c8.8 14.2 21.2 26 35.7 34.2C495.1 526 413.4 576 320 576s-175.1-50-219.8-124.8c14.6-8.2 26.9-20 35.8-34.3c34.9 66 104.2 111 184.1 111s149.2-45 184.1-111zm16.4-152.5C496.2 176.6 415.7 112 320 112s-176.2 64.6-200.5 152.5c-10.6-4.8-22.7-6.8-35.4-5l-13.4 1.9C97.2 148.3 198.8 64 320 64s222.8 84.3 249.3 197.4l-13.4-1.9c-12.7-1.8-24.8.2-35.4 5M455.8 384c-19.8 55.9-73.1 96-135.8 96s-116-40-135.8-95.9c-4.1-11.6 7.8-21.4 19.6-17.8c34.7 10.6 74.2 16.5 116.1 16.5c42 0 81.5-6 116.3-16.6c11.8-3.6 23.7 6.1 19.6 17.8M212 272v8c0 11-9 20-20 20s-20-9-20-20v-8c0-37.6 30.4-68 68-68s68 30.4 68 68v8c0 11-9 20-20 20s-20-9-20-20v-8c0-15.5-12.5-28-28-28s-28 12.5-28 28m188-28c-15.5 0-28 12.5-28 28v8c0 11-9 20-20 20s-20-9-20-20v-8c0-37.6 30.4-68 68-68s68 30.4 68 68v8c0 11-9 20-20 20s-20-9-20-20v-8c0-15.5-12.5-28-28-28m240 120.6c0 28.4-23 51.4-51.4 51.4c-25.6 0-47.3-18.8-50.9-44.1l-6.7-46.8c-1.5-10.6 7.5-19.6 18.1-18.1l46.7 6.7c25.3 3.6 44.1 25.3 44.1 50.9zm-640 0c0-25.6 18.8-47.3 44.1-50.9l46.8-6.7c10.6-1.5 19.6 7.5 18.1 18.1l-6.7 46.7C98.7 397.2 77 416 51.4 416C23 416 0 393 0 364.6"/></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. GrinTearsIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** 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.