Home/Libraries/OpenMoji (Iconify)/waffle

OpenMoji (Iconify)

Waffle

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"><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.534 26.878L49.178 38.01M32.361 24.15l26.532 9.333m-36.219-8.119l31.48 11.151m-41.457-6.327l25.722 9.048m13.445-13.178L19.949 37.285m21.214-12.569l-27.402 9.64m44.211-5.436L29.363 38.984"/><path d="M41.188 29.732c-2.443-1.336-4.692-2.63-8.018-1.349c-2.413.93-3.365 1.847-3.435 2.67h-.012l.003.093l.002.058l.026.918c-.469 2.023 4.507 3.527 6.909 3.35c1.167-.085 5.056-1.6 5.31-3.183v-1.35a1.4 1.4 0 0 0-.785-1.207"/><path d="M33.164 28.384c3.326-1.282 5.576.012 8.018 1.348c2.928 1.94-3.031 4.393-4.525 4.503c-3.326.245-11.587-2.733-3.493-5.851"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m49.179 43.442l-17.173 6.124m22.059-7.446l4.977 1.707m-38.647 4.284l11.232-3.497m-10.854-1.64l-6.604 2.161m30.495-.983l8.935 3.254m-25.541-3.182l15.216 5.353"/><path fill="#a57939" d="M60.488 41.643c-1.048-5.126-13.153-7.884-24.58-7.884a64.6 64.6 0 0 0-13.444 1.323a1 1 0 0 0-.654.478l-1.176 2.042l-2.767-.973a1 1 0 0 0-.7.013c-4.37 1.729-5.654 3.703-5.88 5.204a5.33 5.33 0 0 0-1.34 6.597c2.526 4.795 12.684 7.893 25.88 7.893h.35c13.195 0 23.352-3.098 25.856-7.854a5.37 5.37 0 0 0-1.545-6.84"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m49.179 43.442l-17.173 6.124m22.059-7.446l4.977 1.707"/><path fill="#a57939" d="M60.488 30.96c-1.048-5.125-13.153-7.884-24.58-7.884A64.6 64.6 0 0 0 22.463 24.4a1 1 0 0 0-.654.478l-1.176 2.042l-2.767-.973a1 1 0 0 0-.7.014c-4.37 1.728-5.654 3.702-5.88 5.204a5.33 5.33 0 0 0-1.34 6.596c2.526 4.794 12.684 7.893 25.88 7.893h.35c13.195 0 23.352-3.099 25.856-7.854a5.37 5.37 0 0 0-1.545-6.839"/><path fill="#6a462f" d="m21.6 25.244l32.255 11.94l-2.188 2.732l-2.489-1.946l-28.935-10.139z"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.534 26.878L49.178 38.01M32.361 24.15l26.532 9.333m-36.219-8.119l31.48 11.151m-41.457-6.327l25.722 9.048m13.445-13.178L19.949 37.285m21.214-12.569l-27.402 9.64m44.211-5.436L29.363 38.984"/><path fill="#f1b31c" d="M40.636 29.732c-2.442-1.336-4.692-2.63-8.018-1.349c-2.413.93-3.365 1.847-3.435 2.67h-.011l.002.093l.002.058l.026.918c-.468 2.023 4.507 3.527 6.91 3.35c1.166-.085 5.055-1.6 5.31-3.183v-1.35a1.4 1.4 0 0 0-.786-1.207"/><path fill="#fcea2b" d="M32.612 28.384c3.326-1.282 5.576.012 8.018 1.348c2.928 1.94-3.03 4.393-4.525 4.503c-3.326.245-11.587-2.733-3.493-5.851"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m20.395 48.111l11.232-3.497m-10.854-1.64l-6.604 2.161m30.495-.983l8.935 3.254m-25.541-3.182l15.216 5.353"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="1.5" d="m21.085 28.127l1.59-2.763a63.6 63.6 0 0 1 13.232-1.3c13.068 0 23.662 3.406 23.662 7.607c0 1.84-2.033 3.528-5.415 4.844l-2.487 3.401l-2.489-1.946a63.5 63.5 0 0 1-13.272 1.308c-13.068 0-23.662-3.405-23.662-7.607c0-1.817 1.983-3.485 5.29-4.794"/><path stroke-width="1.5" d="M12.244 31.672a4.36 4.36 0 0 0-1.39 5.598c2.137 4.056 11.18 7.344 24.97 7.344h.351a66 66 0 0 0 13.004-1.172a45 45 0 0 0 4.886-1.322c3.571-1.374 6.101-2.991 7.08-4.85a4.36 4.36 0 0 0-1.39-5.598"/><path stroke-width="1.5" d="M13.486 39.916a3.42 3.42 0 0 0-1.242 2.439c0 1.84 2.033 3.527 5.415 4.843a29 29 0 0 0 4.975 1.455a66.4 66.4 0 0 0 13.272 1.309c13.069 0 23.663-3.406 23.663-7.607a3.33 3.33 0 0 0-1.128-2.327"/><path stroke-width="1.5" d="M12.244 42.355a4.36 4.36 0 0 0-1.39 5.598c2.137 4.056 11.18 7.344 24.97 7.344h.351a66 66 0 0 0 13.004-1.172s2.917-.643 4.886-1.322c3.617-1.248 6.101-2.992 7.08-4.85a4.36 4.36 0 0 0-1.39-5.598"/></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. WaffleIcon.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.