Waffle icon

fluent-emoji:waffle

The Waffle icon (fluent-emoji:waffle) is a free SVG icon from the Fluent Emoji set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Fluent Emoji
Author: Microsoft Corporation
License: MIT
Size: 32 × 32

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iWxG5gb)" d="m22.92 14.558l-5.34-4.66c-1-.59-2.24-.59-3.24 0l-5.33 4.66l-1.78-.04a5.14 5.14 0 0 0-4.96 3.41c-.39 1.03-.36 2.18.1 3.18c.32.71.84 1.31 1.5 1.73l8.65 5.21a6.75 6.75 0 0 0 6.89 0l8.65-5.21c.65-.42 1.17-1.02 1.5-1.73c.46-1 .5-2.15.1-3.18a5.14 5.14 0 0 0-4.96-3.42z"/><path fill="url(#iOgR3oe)" d="m22.92 14.558l-5.34-4.66c-1-.59-2.24-.59-3.24 0l-5.33 4.66l-1.78-.04a5.14 5.14 0 0 0-4.96 3.41c-.39 1.03-.36 2.18.1 3.18c.32.71.84 1.31 1.5 1.73l8.65 5.21a6.75 6.75 0 0 0 6.89 0l8.65-5.21c.65-.42 1.17-1.02 1.5-1.73c.46-1 .5-2.15.1-3.18a5.14 5.14 0 0 0-4.96-3.42z"/><path fill="url(#iHm82xX)" d="m22.92 14.558l-5.34-4.66c-1-.59-2.24-.59-3.24 0l-5.33 4.66l-1.78-.04a5.14 5.14 0 0 0-4.96 3.41c-.39 1.03-.36 2.18.1 3.18c.32.71.84 1.31 1.5 1.73l8.65 5.21a6.75 6.75 0 0 0 6.89 0l8.65-5.21c.65-.42 1.17-1.02 1.5-1.73c.46-1 .5-2.15.1-3.18a5.14 5.14 0 0 0-4.96-3.42z"/><path fill="url(#i47QLae)" d="m22.92 14.558l-5.34-4.66c-1-.59-2.24-.59-3.24 0l-5.33 4.66l-1.78-.04a5.14 5.14 0 0 0-4.96 3.41c-.39 1.03-.36 2.18.1 3.18c.32.71.84 1.31 1.5 1.73l8.65 5.21a6.75 6.75 0 0 0 6.89 0l8.65-5.21c.65-.42 1.17-1.02 1.5-1.73c.46-1 .5-2.15.1-3.18a5.14 5.14 0 0 0-4.96-3.42z"/><path fill="url(#iq3nkHc)" d="m22.92 14.558l-5.34-4.66c-1-.59-2.24-.59-3.24 0l-5.33 4.66l-1.78-.04a5.14 5.14 0 0 0-4.96 3.41c-.39 1.03-.36 2.18.1 3.18c.32.71.84 1.31 1.5 1.73l8.65 5.21a6.75 6.75 0 0 0 6.89 0l8.65-5.21c.65-.42 1.17-1.02 1.5-1.73c.46-1 .5-2.15.1-3.18a5.14 5.14 0 0 0-4.96-3.42z"/><path fill="url(#iXsDrJc)" d="m14.07 9.518l-9.55 5.66c-1.4.83-1.4 2.85 0 3.67l9.55 5.66c1.17.69 2.62.69 3.79 0l9.55-5.66c1.4-.83 1.4-2.85 0-3.67l-9.55-5.66a3.73 3.73 0 0 0-3.79 0"/><path fill="url(#i98SCjb)" d="m14.07 9.518l-9.55 5.66c-1.4.83-1.4 2.85 0 3.67l9.55 5.66c1.17.69 2.62.69 3.79 0l9.55-5.66c1.4-.83 1.4-2.85 0-3.67l-9.55-5.66a3.73 3.73 0 0 0-3.79 0"/><path fill="url(#idnAekc)" d="m14.07 9.518l-9.55 5.66c-1.4.83-1.4 2.85 0 3.67l9.55 5.66c1.17.69 2.62.69 3.79 0l9.55-5.66c1.4-.83 1.4-2.85 0-3.67l-9.55-5.66a3.73 3.73 0 0 0-3.79 0"/><path fill="url(#iu93Cab)" d="m14.07 9.518l-9.55 5.66c-1.4.83-1.4 2.85 0 3.67l9.55 5.66c1.17.69 2.62.69 3.79 0l9.55-5.66c1.4-.83 1.4-2.85 0-3.67l-9.55-5.66a3.73 3.73 0 0 0-3.79 0"/><path fill="url(#iXc8Rwd)" d="m15.48 19.878l-1.46.86c-.41.24-.41.84 0 1.09l1.46.86c.3.18.67.18.96 0l1.46-.86c.41-.24.41-.84 0-1.09l-1.46-.86a.92.92 0 0 0-.96 0"/><path fill="url(#ieGzoJb)" d="m11.73 17.708l-1.46.86c-.41.24-.41.84 0 1.09l1.46.86c.3.18.67.18.96 0l1.46-.86c.41-.24.41-.84 0-1.09l-1.46-.86a.92.92 0 0 0-.96 0"/><path fill="url(#iEVbvqe)" d="m7.97 15.538l-1.46.86c-.41.24-.41.84 0 1.09l1.46.86c.3.18.67.18.96 0l1.46-.86c.41-.24.41-.84 0-1.09l-1.46-.86a.92.92 0 0 0-.96 0"/><path fill="url(#ijuBZKc)" d="m19.24 17.558l-1.46.86c-.41.24-.41.84 0 1.09l1.46.86c.3.18.67.18.96 0l1.46-.86c.41-.24.41-.84 0-1.09l-1.46-.86a.92.92 0 0 0-.96 0"/><path fill="url(#iM1j3Kc)" d="m15.48 15.387l-1.46.86c-.41.24-.41.84 0 1.09l1.46.86c.3.18.67.18.96 0l1.46-.86c.41-.24.41-.84 0-1.09l-1.46-.86a.92.92 0 0 0-.96 0" opacity=".5"/><path fill="url(#iRm1Mud)" d="m11.73 13.218l-1.46.86c-.41.24-.41.84 0 1.09l1.46.86c.3.18.67.18.96 0l1.46-.86c.41-.24.41-.84 0-1.09l-1.46-.86a.92.92 0 0 0-.96 0"/><path fill="url(#iAmwqqS)" d="m23 15.238l-1.46.86c-.41.24-.41.84 0 1.09l1.46.87c.3.18.67.18.96 0l1.46-.86c.41-.24.41-.84 0-1.09l-1.46-.86a.9.9 0 0 0-.96-.01"/><path fill="url(#i9MfmBe)" d="m19.24 13.068l-1.46.86c-.41.24-.41.84 0 1.09l1.46.86c.3.18.67.18.96 0l1.46-.86c.41-.24.41-.84 0-1.09l-1.46-.86a.92.92 0 0 0-.96 0"/><path fill="url(#i3DPJNL)" d="m15.48 10.898l-1.46.86c-.41.24-.41.84 0 1.09l1.46.86c.3.18.67.18.96 0l1.46-.86c.41-.24.41-.84 0-1.09l-1.45-.86a.94.94 0 0 0-.97 0"/><g filter="url(#iNEN7Kd)"><path fill="#7A4423" d="m17.12 15.642l-.387-.272a1.43 1.43 0 0 0-1.66 0l-.395.272h-2.871v2.133c0 .418.17.969.52 1.21l2.746 1.624a1.425 1.425 0 0 0 1.66 0l2.89-1.625c.35-.24.377-.801.377-1.21v-2.132z"/></g><path fill="url(#iDi407Z)" d="m17.32 15.358l-.43-.26c-.57-.34-1.28-.34-1.85 0l-.44.26h-3.2v2.04c0 .4.19.79.58 1.02l3.06 1.81c.57.34 1.28.34 1.85 0l3.06-1.81c.39-.23.58-.63.58-1.02v-2.04z"/><path fill="#E7BB2B" d="m17.32 15.358l-.43-.26c-.57-.34-1.28-.34-1.85 0l-.44.26h-3.2v2.04c0 .4.19.79.58 1.02l3.06 1.81c.57.34 1.28.34 1.85 0l3.06-1.81c.39-.23.58-.63.58-1.02v-2.04z"/><path fill="#EAD237" d="m15.04 12.588l-3.06 1.82a1.19 1.19 0 0 0 0 2.05l3.06 1.81c.57.34 1.28.34 1.85 0l3.06-1.81c.78-.46.78-1.59 0-2.05l-3.06-1.81c-.57-.35-1.28-.35-1.85-.01"/><g filter="url(#irZmuEd)"><path stroke="url(#iumVnyb)" stroke-linecap="round" stroke-width=".75" d="M28.688 16.969c.234.531-.032 1.322-1.438 2.093c-1.937 1.063-8.953 5.891-11.344 5.891c-2.14 0-8.328-3.99-11.828-6.344c-.63-.423-.86-1.203-.297-1.89"/></g><g filter="url(#ihUDczc)"><path stroke="url(#izOUCCP)" stroke-linecap="round" stroke-width=".3" d="M20.344 16.016c-.14.28-.248.309-.516.5c-.35.25-2.15 1.234-3.297 1.89"/></g><g filter="url(#iSAIhpe)"><path stroke="url(#iexy1ne)" stroke-linecap="round" stroke-width=".3" d="M11.807 16.092c.14.281.248.309.515.5c.35.25 2.152 1.234 3.297 1.89"/></g><defs><radialGradient id="iOgR3oe" cx="0" cy="0" r="1" gradientTransform="matrix(-21.87501 12.56244 -1.97698 -3.44253 27.875 23.312)" gradientUnits="userSpaceOnUse"><stop stop-color="#D28890"/><stop offset=".858" stop-color="#D4868E" stop-opacity="0"/><stop offset="1" stop-color="#DB7E89" stop-opacity="0"/></radialGradient><radialGradient id="iHm82xX" cx="0" cy="0" r="1" gradientTransform="matrix(0 5.0625 -3.47277 0 15.968 29.687)" gradientUnits="userSpaceOnUse"><stop offset=".46" stop-color="#E2878B"/><stop offset="1" stop-color="#E48C8C" stop-opacity="0"/></radialGradient><radialGradient id="i47QLae" cx="0" cy="0" r="1" gradientTransform="matrix(14.37496 7.87499 -1.1551 2.10852 6.875 24.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#DE887C"/><stop offset="1" stop-color="#E28C7F" stop-opacity="0"/></radialGradient><radialGradient id="iq3nkHc" cx="0" cy="0" r="1" gradientTransform="rotate(137.07 11.893 15.176)scale(3.67051 5.2482)" gradientUnits="userSpaceOnUse"><stop stop-color="#FAC796"/><stop offset="1" stop-color="#F9C796" stop-opacity="0"/></radialGradient><radialGradient id="iXsDrJc" cx="0" cy="0" r="1" gradientTransform="rotate(10.766 -90.875 44.03)scale(18.068 28.176)" gradientUnits="userSpaceOnUse"><stop stop-color="#F3A363"/><stop offset="1" stop-color="#EEBA87"/></radialGradient><radialGradient id="i98SCjb" cx="0" cy="0" r="1" gradientTransform="matrix(14.49997 4.5 -3.98815 12.85067 9.375 23.563)" gradientUnits="userSpaceOnUse"><stop stop-color="#E59B59"/><stop offset="1" stop-color="#E49B59" stop-opacity="0"/></radialGradient><radialGradient id="iXc8Rwd" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.6875 -4.4516 0 14.938 21.688)" gradientUnits="userSpaceOnUse"><stop offset=".583" stop-color="#B1764B"/><stop offset=".817" stop-color="#8F5630"/></radialGradient><radialGradient id="ieGzoJb" cx="0" cy="0" r="1" gradientTransform="matrix(-.10504 2.0925 -4.18744 -.2102 11.293 19.113)" gradientUnits="userSpaceOnUse"><stop offset=".583" stop-color="#A76E47"/><stop offset=".817" stop-color="#8F5630"/></radialGradient><radialGradient id="iEVbvqe" cx="0" cy="0" r="1" gradientTransform="matrix(-.10504 2.0925 -4.18744 -.2102 7.533 16.942)" gradientUnits="userSpaceOnUse"><stop offset=".583" stop-color="#A26F4E"/><stop offset=".817" stop-color="#8F5630"/></radialGradient><radialGradient id="ijuBZKc" cx="0" cy="0" r="1" gradientTransform="matrix(.01 1.7425 -4.59667 .0264 18.688 19.313)" gradientUnits="userSpaceOnUse"><stop offset=".583" stop-color="#B2764A"/><stop offset=".817" stop-color="#8F5630"/></radialGradient><radialGradient id="iRm1Mud" cx="0" cy="0" r="1" gradientTransform="matrix(-.10504 2.0925 -4.18744 -.2102 11.293 14.623)" gradientUnits="userSpaceOnUse"><stop offset=".583" stop-color="#AC7752"/><stop offset=".817" stop-color="#8F5630"/></radialGradient><radialGradient id="iAmwqqS" cx="0" cy="0" r="1" gradientTransform="matrix(-.10504 2.09847 -4.1875 -.2096 22.563 16.648)" gradientUnits="userSpaceOnUse"><stop offset=".583" stop-color="#A4704E"/><stop offset=".817" stop-color="#8F5630"/></radialGradient><radialGradient id="i9MfmBe" cx="0" cy="0" r="1" gradientTransform="matrix(-.10504 2.0925 -4.18744 -.2102 18.803 14.473)" gradientUnits="userSpaceOnUse"><stop offset=".583" stop-color="#A97451"/><stop offset=".817" stop-color="#8F5630"/></radialGradient><radialGradient id="i3DPJNL" cx="0" cy="0" r="1" gradientTransform="matrix(-.10504 2.0925 -4.18744 -.2102 15.043 12.303)" gradientUnits="userSpaceOnUse"><stop offset=".583" stop-color="#AD7853"/><stop offset=".817" stop-color="#8F5630"/></radialGradient><radialGradient id="izOUCCP" cx="0" cy="0" r="1" gradientTransform="rotate(145.72 6.768 11.511)scale(4.84088 4.89453)" gradientUnits="userSpaceOnUse"><stop stop-color="#F4D154"/><stop offset="1" stop-color="#F4D154" stop-opacity="0"/></radialGradient><radialGradient id="iexy1ne" cx="0" cy="0" r="1" gradientTransform="matrix(4 2.72656 -2.75678 4.04433 13.307 17.287)" gradientUnits="userSpaceOnUse"><stop stop-color="#F0CB4B"/><stop offset="1" stop-color="#F4D154" stop-opacity="0"/></radialGradient><linearGradient id="iWxG5gb" x1="28.688" x2="3.688" y1="21.625" y2="21.625" gradientUnits="userSpaceOnUse"><stop stop-color="#F8C199"/><stop offset=".994" stop-color="#EE9D67"/></linearGradient><linearGradient id="idnAekc" x1="7.563" x2="13.5" y1="22.375" y2="14.75" gradientUnits="userSpaceOnUse"><stop offset=".126" stop-color="#E29754"/><stop offset=".255" stop-color="#E29856" stop-opacity="0"/></linearGradient><linearGradient id="iu93Cab" x1="20.375" x2="17.375" y1="22.625" y2="17.813" gradientUnits="userSpaceOnUse"><stop stop-color="#E6A868"/><stop offset=".26" stop-color="#E8AB6B" stop-opacity="0"/></linearGradient><linearGradient id="iM1j3Kc" x1="17.223" x2="14.708" y1="15.536" y2="18.051" gradientUnits="userSpaceOnUse"><stop stop-color="#9C634D"/><stop offset=".385" stop-color="#7F4B3B"/><stop offset=".755" stop-color="#6B392F"/><stop offset="1" stop-color="#63332A"/></linearGradient><linearGradient id="iDi407Z" x1="11.54" x2="20.531" y1="17.663" y2="17.663" gradientUnits="userSpaceOnUse"><stop stop-color="#C7A22B"/><stop offset="1" stop-color="#E8C12E"/></linearGradient><linearGradient id="iumVnyb" x1="3.484" x2="17.67" y1="18.5" y2="5.614" gradientUnits="userSpaceOnUse"><stop stop-color="#F0A264" stop-opacity="0"/><stop offset=".124" stop-color="#F4AE75"/><stop offset=".368" stop-color="#F5B98F"/><stop offset=".969" stop-color="#FDCEA1"/><stop offset="1" stop-color="#FDCEA1" stop-opacity="0"/></linearGradient><filter id="iNEN7Kd" width="10.193" height="7.772" x="10.807" y="14.104" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_27385" stdDeviation=".5"/></filter><filter id="irZmuEd" width="26.552" height="9.484" x="2.836" y="16.094" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_27385" stdDeviation=".125"/></filter><filter id="ihUDczc" width="4.613" height="3.191" x="16.131" y="15.616" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_27385" stdDeviation=".125"/></filter><filter id="iSAIhpe" width="4.613" height="3.191" x="11.407" y="15.692" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_27385" stdDeviation=".125"/></filter></defs></g></svg>

How to use the Waffle icon

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji:waffle" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji:waffle" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji:waffle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--waffle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:waffle"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji:waffle"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fluent-emoji/waffle.svg" alt="Waffle icon" width="24" height="24">

Waffle icon in other icon sets

Waffle icon FAQ

Is the Waffle icon free for commercial use?

Yes. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Waffle icon in React?

Install @iconify/react and render <Icon icon="fluent-emoji:waffle" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Waffle icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/waffle.svg" alt="Waffle icon">, or paste the SVG code inline to style it with CSS.

Browse all Fluent Emoji icons →