<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" 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="#818cf8" 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="#818cf8" 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="#818cf8" 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="1.5" 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="1.5" 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="1.5" 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>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
Overview Dashboard
PROGRESS STEPPER
BUTTON UI ACTIONS
SCALABILITY & CLARITY
Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.
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 **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.