Home/Libraries/OpenMoji (Iconify)/falafel

OpenMoji (Iconify)

Falafel

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><circle cx="36" cy="35.998" r="28" fill="#fff"/><path fill="#a57939" stroke="#818cf8" stroke-width="1.5" d="M52.99 45.478a19.84 19.84 0 0 1-12.02 9.248a19.8 19.8 0 0 1-15.03-1.979l3.463-6.007c8.406-15.49 5.906-11.48 21.62-2.395z"/><ellipse cx="35.04" cy="24.707" fill="#6a462f" stroke="#818cf8" stroke-width="1.5" rx="7.993" ry="8.057" transform="rotate(-70 35.04 24.707)"/><ellipse cx="26.906" cy="36.213" fill="#5c9e31" rx="8.057" ry="7.99" transform="rotate(-10 26.905 36.213)"/><path fill="#6a462f" d="M20.32 40.538a8.07 8.07 0 0 0 6.682 3.535c4.45 0 8.057-3.577 8.057-7.99s-3.607-7.99-8.057-7.99a8 8 0 0 0-.639.03q.05.066.098.136a8 8 0 0 1 .728 1.422a7.935 7.935 0 0 1-1.896 8.627a8 8 0 0 1-1.26.992a8.1 8.1 0 0 1-3.713 1.238"/><ellipse cx="43.124" cy="36.559" fill="#6a462f" rx="7.99" ry="8.057" transform="rotate(-70 43.124 36.56)"/><g fill="none" stroke="#818cf8" stroke-width="1.5"><path stroke-linecap="round" d="m51.28 44.49l1.703.985c-5.471 9.48-17.57 12.74-27.02 7.278l3.463-6.007"/><circle cx="36.01" cy="36" r="28" stroke-miterlimit="10"/><path stroke-linecap="round" d="M27.02 24.79a7.9 7.9 0 0 1 .477-2.947c1.509-4.147 6.122-6.274 10.3-4.752c3.519 1.281 5.611 4.739 5.286 8.274"/><ellipse cx="26.715" cy="35.927" rx="8.057" ry="7.99" transform="rotate(-10 26.715 35.927)"/><ellipse cx="43.333" cy="36.491" rx="8.345" ry="8.411" transform="rotate(-70 43.333 36.491)"/><path stroke-linecap="round" stroke-linejoin="round" d="M20.02 40.39a8.07 8.07 0 0 0 6.682 3.535c4.45 0 8.057-3.577 8.057-7.99h0c0-4.413-3.607-7.99-8.057-7.99a8 8 0 0 0-.639.03q.05.066.098.136a8 8 0 0 1 .728 1.422a7.935 7.935 0 0 1-1.896 8.627a8 8 0 0 1-1.26.992a8.1 8.1 0 0 1-3.713 1.238"/></g></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. FalafelIcon.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-SA-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.