<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(#i85VaFb)" fill-rule="evenodd" d="m4.27 25.052l-.407-.408l-.613.613l-.004.005c-.56.56-.132 1.895.955 2.982s2.423 1.515 2.982.955l.019-.019l.599-.599l-.407-.407c-.12-.6-.53-1.321-1.166-1.957s-1.356-1.046-1.957-1.165" clip-rule="evenodd"/><path fill="url(#ig3EQGd)" fill-rule="evenodd" d="m4.27 25.052l-.407-.408l-.613.613l-.004.005c-.56.56-.132 1.895.955 2.982s2.423 1.515 2.982.955l.019-.019l.599-.599l-.407-.407c-.12-.6-.53-1.321-1.166-1.957s-1.356-1.046-1.957-1.165" clip-rule="evenodd"/><path fill="url(#irM51ID)" fill-rule="evenodd" d="M9.847 26.94c-.512.491-1.886-.073-3.08-1.268c-1.148-1.147-1.714-2.46-1.32-3.015l-1.518 1.517c-.59.59-.095 2.043 1.105 3.243s2.653 1.695 3.243 1.104a1 1 0 0 0 .074-.086z" clip-rule="evenodd"/><path fill="url(#iED2ZWd)" fill-rule="evenodd" d="M9.847 26.94c-.512.491-1.886-.073-3.08-1.268c-1.148-1.147-1.714-2.46-1.32-3.015l-1.518 1.517c-.59.59-.095 2.043 1.105 3.243s2.653 1.695 3.243 1.104a1 1 0 0 0 .074-.086z" clip-rule="evenodd"/><path fill="url(#i3Y5Nfb)" fill-rule="evenodd" d="M9.847 26.94c-.512.491-1.886-.073-3.08-1.268c-1.148-1.147-1.714-2.46-1.32-3.015l-1.518 1.517c-.59.59-.095 2.043 1.105 3.243s2.653 1.695 3.243 1.104a1 1 0 0 0 .074-.086z" clip-rule="evenodd"/><path fill="url(#iZp8dMe)" fill-rule="evenodd" d="M9.847 26.94c-.512.491-1.886-.073-3.08-1.268c-1.148-1.147-1.714-2.46-1.32-3.015l-1.518 1.517c-.59.59-.095 2.043 1.105 3.243s2.653 1.695 3.243 1.104a1 1 0 0 0 .074-.086z" clip-rule="evenodd"/><path fill="url(#ilkZObc)" fill-rule="evenodd" d="M9.847 26.94c-.512.491-1.886-.073-3.08-1.268c-1.148-1.147-1.714-2.46-1.32-3.015l-1.518 1.517c-.59.59-.095 2.043 1.105 3.243s2.653 1.695 3.243 1.104a1 1 0 0 0 .074-.086z" clip-rule="evenodd"/><path fill="url(#imVGlrb)" fill-rule="evenodd" d="M9.847 26.94c-.512.491-1.886-.073-3.08-1.268c-1.148-1.147-1.714-2.46-1.32-3.015l-1.518 1.517c-.59.59-.095 2.043 1.105 3.243s2.653 1.695 3.243 1.104a1 1 0 0 0 .074-.086z" clip-rule="evenodd"/><path fill="url(#i2hEuCb)" fill-rule="evenodd" d="M9.847 26.94c-.512.491-1.886-.073-3.08-1.268c-1.148-1.147-1.714-2.46-1.32-3.015l-1.518 1.517c-.59.59-.095 2.043 1.105 3.243s2.653 1.695 3.243 1.104a1 1 0 0 0 .074-.086z" clip-rule="evenodd"/><path fill="url(#iaq9vgb)" fill-rule="evenodd" d="M9.847 26.94c-.512.491-1.886-.073-3.08-1.268c-1.148-1.147-1.714-2.46-1.32-3.015l-1.518 1.517c-.59.59-.095 2.043 1.105 3.243s2.653 1.695 3.243 1.104a1 1 0 0 0 .074-.086z" clip-rule="evenodd"/><ellipse cx="7.663" cy="24.784" fill="url(#iAznbqd)" rx="3.074" ry="1.293" transform="rotate(45 7.663 24.784)"/><path fill="url(#ijXBL4P)" fill-rule="evenodd" d="m22.935 13.494l-3.982-3.982L5.788 22.677l-.007.006c-.468.468.043 1.739 1.143 2.838c1.099 1.1 2.37 1.61 2.837 1.143l.002.002z" clip-rule="evenodd"/><path fill="url(#iRj5NQc)" fill-rule="evenodd" d="m22.935 13.494l-3.982-3.982L5.788 22.677l-.007.006c-.468.468.043 1.739 1.143 2.838c1.099 1.1 2.37 1.61 2.837 1.143l.002.002z" clip-rule="evenodd"/><path fill="url(#iuCjl4b)" d="M9.762 26.664c-.469.468-1.74-.043-2.838-1.143c-1.1-1.099-1.61-2.37-1.143-2.837z"/><path fill="url(#ij4BENe)" fill-rule="evenodd" d="M25.865 6.58c-1.27-1.271-2.7-1.935-3.325-1.58c-.09.038-.208.109-.409.31l-.275.274l-.422.422l-.014.014l-.019.019l-.005.005c-.576.633.047 2.228 1.411 3.592s2.96 1.987 3.592 1.41l.003.004l.46-.46l.275-.275c.21-.21.277-.33.313-.421c.342-.631-.322-2.05-1.585-3.314m-5.824.823l1.363 1.363c.425.258.86.598 1.27 1.008s.75.844 1.007 1.269l1.364 1.363l-1.066 1.066c-.661.66-2.317.077-3.699-1.305s-1.966-3.038-1.305-3.699l.007-.006z" clip-rule="evenodd"/><path fill="url(#ih6eCic)" fill-rule="evenodd" d="M25.865 6.58c-1.27-1.271-2.7-1.935-3.325-1.58c-.09.038-.208.109-.409.31l-.275.274l-.422.422l-.014.014l-.019.019l-.005.005c-.576.633.047 2.228 1.411 3.592s2.96 1.987 3.592 1.41l.003.004l.46-.46l.275-.275c.21-.21.277-.33.313-.421c.342-.631-.322-2.05-1.585-3.314m-5.824.823l1.363 1.363c.425.258.86.598 1.27 1.008s.75.844 1.007 1.269l1.364 1.363l-1.066 1.066c-.661.66-2.317.077-3.699-1.305s-1.966-3.038-1.305-3.699l.007-.006z" clip-rule="evenodd"/><path fill="url(#iXVD9ue)" fill-rule="evenodd" d="M25.865 6.58c-1.27-1.271-2.7-1.935-3.325-1.58c-.09.038-.208.109-.409.31l-.275.274l-.422.422l-.014.014l-.019.019l-.005.005c-.576.633.047 2.228 1.411 3.592s2.96 1.987 3.592 1.41l.003.004l.46-.46l.275-.275c.21-.21.277-.33.313-.421c.342-.631-.322-2.05-1.585-3.314m-5.824.823l1.363 1.363c.425.258.86.598 1.27 1.008s.75.844 1.007 1.269l1.364 1.363l-1.066 1.066c-.661.66-2.317.077-3.699-1.305s-1.966-3.038-1.305-3.699l.007-.006z" clip-rule="evenodd"/><path fill="url(#iR5pEod)" fill-rule="evenodd" d="M25.865 6.58c-1.27-1.271-2.7-1.935-3.325-1.58c-.09.038-.208.109-.409.31l-.275.274l-.422.422l-.014.014l-.019.019l-.005.005c-.576.633.047 2.228 1.411 3.592s2.96 1.987 3.592 1.41l.003.004l.46-.46l.275-.275c.21-.21.277-.33.313-.421c.342-.631-.322-2.05-1.585-3.314m-5.824.823l1.363 1.363c.425.258.86.598 1.27 1.008s.75.844 1.007 1.269l1.364 1.363l-1.066 1.066c-.661.66-2.317.077-3.699-1.305s-1.966-3.038-1.305-3.699l.007-.006z" clip-rule="evenodd"/><path fill="url(#inJw7tC)" fill-rule="evenodd" d="M22.807 9.636c1.382 1.382 3 2.003 3.616 1.388l.003-.002l.003.003l-1.77 1.77l-.014.015c-.661.661-2.317.077-3.699-1.305s-1.966-3.037-1.305-3.698l1.72-1.721c-.514.659.11 2.215 1.446 3.55" clip-rule="evenodd"/><path fill="url(#iRSLuCb)" fill-rule="evenodd" d="m28.778 7.592l-3.919-3.92l-1.68 1.423a.5.5 0 0 0-.08.067l-.002.002c-.473.492.07 1.815 1.22 2.964s2.472 1.693 2.964 1.22l.002.002z" clip-rule="evenodd"/><path fill="url(#iiNnQib)" fill-rule="evenodd" d="m28.778 7.592l-3.919-3.92l-1.68 1.423a.5.5 0 0 0-.08.067l-.002.002c-.473.492.07 1.815 1.22 2.964s2.472 1.693 2.964 1.22l.002.002z" clip-rule="evenodd"/><path fill="url(#ihWXctd)" fill-rule="evenodd" d="m28.778 7.592l-3.919-3.92l-1.68 1.423a.5.5 0 0 0-.08.067l-.002.002c-.473.492.07 1.815 1.22 2.964s2.472 1.693 2.964 1.22l.002.002z" clip-rule="evenodd"/><path fill="url(#iDYfCDb)" fill-rule="evenodd" d="m28.778 7.592l-3.919-3.92l-1.68 1.423a.5.5 0 0 0-.08.067l-.002.002c-.473.492.07 1.815 1.22 2.964s2.472 1.693 2.964 1.22l.002.002z" clip-rule="evenodd"/><ellipse cx="26.814" cy="5.631" fill="#818cf8" rx="2.773" ry="1.392" transform="rotate(45 26.814 5.631)"/><ellipse cx="26.866" cy="5.58" fill="url(#iNPfZ8d)" rx="1.834" ry=".793" transform="rotate(45 26.866 5.58)"/><path fill="url(#i4cE2Le)" d="M11.49 23.378c-.666.667-1.977.807-2.698.086c-.722-.722-.581-2.032.085-2.699c.667-.666 1.607-.437 2.329.285c.722.721.951 1.662.284 2.328"/><path fill="url(#iUxVxrd)" d="M14.717 20.152c-.667.667-1.977.807-2.699.086s-.58-2.032.086-2.699c.667-.667 1.607-.437 2.329.285c.721.721.95 1.661.284 2.328"/><path fill="url(#i4f6Pae)" d="M18.105 16.764c-.667.667-1.977.808-2.699.086s-.581-2.032.086-2.699s1.607-.437 2.328.285c.722.721.951 1.662.285 2.328"/><path fill="url(#ifvQRae)" fill-rule="evenodd" d="M8.792 23.464c.722.721 2.032.58 2.699-.086q.068-.07.125-.14c-.552.405-1.588.334-2.26-.338s-.743-1.708-.337-2.26a2 2 0 0 0-.141.125c-.667.667-.807 1.977-.086 2.699" clip-rule="evenodd"/><path fill="url(#icw9Vce)" fill-rule="evenodd" d="M12.018 20.238c.721.721 2.032.58 2.698-.086q.07-.07.125-.14c-.552.405-1.588.334-2.26-.338s-.743-1.708-.336-2.26a2 2 0 0 0-.141.125c-.667.667-.808 1.977-.086 2.699" clip-rule="evenodd"/><path fill="url(#ixULpMe)" fill-rule="evenodd" d="M15.406 16.85c.721.722 2.031.581 2.698-.086q.069-.068.125-.14c-.552.406-1.588.335-2.26-.337s-.743-1.708-.337-2.26a2 2 0 0 0-.14.124c-.668.667-.808 1.977-.087 2.699" clip-rule="evenodd"/><defs><radialGradient id="ig3EQGd" cx="0" cy="0" r="1" gradientTransform="rotate(127.604 -3.563 14.826)scale(3.04713 5.23461)" gradientUnits="userSpaceOnUse"><stop offset=".616" stop-color="#C05C5D" stop-opacity="0"/><stop offset=".885" stop-color="#C05C5D"/></radialGradient><radialGradient id="iED2ZWd" cx="0" cy="0" r="1" gradientTransform="rotate(124.161 -3.193 14.685)scale(3.36236 4.95631)" gradientUnits="userSpaceOnUse"><stop offset=".75" stop-color="#AC2E26" stop-opacity="0"/><stop offset=".855" stop-color="#AC2E26"/></radialGradient><radialGradient id="i3Y5Nfb" cx="0" cy="0" r="1" gradientTransform="matrix(.27344 1.32031 -.37856 .0784 5.414 23.234)" gradientUnits="userSpaceOnUse"><stop offset=".205" stop-color="#C76444"/><stop offset="1" stop-color="#C76444" stop-opacity="0"/></radialGradient><radialGradient id="iZp8dMe" cx="0" cy="0" r="1" gradientTransform="matrix(.57812 .78906 -.22624 .16576 6 24.672)" gradientUnits="userSpaceOnUse"><stop offset=".205" stop-color="#DA6030"/><stop offset="1" stop-color="#DA6030" stop-opacity="0"/></radialGradient><radialGradient id="ilkZObc" cx="0" cy="0" r="1" gradientTransform="rotate(-131.158 9.093 11.165)scale(1.48384 .36294)" gradientUnits="userSpaceOnUse"><stop offset=".205" stop-color="#F37147"/><stop offset="1" stop-color="#F37147" stop-opacity="0"/></radialGradient><radialGradient id="imVGlrb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.34375 -.79688 .19491 -.32868 7.82 26.273)" gradientUnits="userSpaceOnUse"><stop offset=".338" stop-color="#F37147"/><stop offset="1" stop-color="#F37147" stop-opacity="0"/></radialGradient><radialGradient id="i2hEuCb" cx="0" cy="0" r="1" gradientTransform="matrix(-.89063 -.5703 .1395 -.21785 7.938 26.531)" gradientUnits="userSpaceOnUse"><stop offset=".543" stop-color="#F37147"/><stop offset="1" stop-color="#F37147" stop-opacity="0"/></radialGradient><radialGradient id="iaq9vgb" cx="0" cy="0" r="1" gradientTransform="rotate(-170.538 5.7 13.081)scale(1.14052 .32577)" gradientUnits="userSpaceOnUse"><stop offset=".645" stop-color="#F2714B"/><stop offset="1" stop-color="#F2714B" stop-opacity="0"/></radialGradient><radialGradient id="iRj5NQc" cx="0" cy="0" r="1" gradientTransform="matrix(-.76563 .84375 -2.39988 -2.17768 21.938 12.945)" gradientUnits="userSpaceOnUse"><stop stop-color="#D07460"/><stop offset="1" stop-color="#D07460" stop-opacity="0"/></radialGradient><radialGradient id="iuCjl4b" cx="0" cy="0" r="1" gradientTransform="rotate(133.622 -1.399 14.001)scale(1.15226 3.34253)" gradientUnits="userSpaceOnUse"><stop offset=".855" stop-color="#FFA570" stop-opacity="0"/><stop offset="1" stop-color="#FFB570"/></radialGradient><radialGradient id="ih6eCic" cx="0" cy="0" r="1" gradientTransform="matrix(-2.5087 4.99928 -5.94325 -2.98239 24.24 8.681)" gradientUnits="userSpaceOnUse"><stop offset=".869" stop-color="#C05C5D" stop-opacity="0"/><stop offset=".961" stop-color="#C05C5D" stop-opacity=".6"/></radialGradient><radialGradient id="iXVD9ue" cx="0" cy="0" r="1" gradientTransform="rotate(116.075 10.464 12.385)scale(1.63518 4.39221)" gradientUnits="userSpaceOnUse"><stop offset=".548" stop-color="#FFB86F"/><stop offset=".721" stop-color="#FFB86F" stop-opacity="0"/></radialGradient><radialGradient id="iR5pEod" cx="0" cy="0" r="1" gradientTransform="rotate(144.317 10.916 6.453)scale(1.43312)" gradientUnits="userSpaceOnUse"><stop offset=".548" stop-color="#DD9D63"/><stop offset="1" stop-color="#DD9D63" stop-opacity="0"/></radialGradient><radialGradient id="iiNnQib" cx="0" cy="0" r="1" gradientTransform="rotate(119.366 11.512 10.972)scale(3.07477 4.55535)" gradientUnits="userSpaceOnUse"><stop offset=".811" stop-color="#FFB86F" stop-opacity="0"/><stop offset=".941" stop-color="#FFB86F"/></radialGradient><radialGradient id="ihWXctd" cx="0" cy="0" r="1" gradientTransform="matrix(3.67457 1.00216 -2.09595 7.68515 26.94 3.965)" gradientUnits="userSpaceOnUse"><stop offset=".874" stop-color="#DD9D63" stop-opacity="0"/><stop offset=".956" stop-color="#DD9D63"/></radialGradient><radialGradient id="iDYfCDb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.1172 1.15624 -2.09556 -2.0248 26.922 5.562)" gradientUnits="userSpaceOnUse"><stop offset=".956" stop-color="#FFC484"/><stop offset="1" stop-color="#FFC484" stop-opacity="0"/></radialGradient><radialGradient id="iNPfZ8d" cx="0" cy="0" r="1" gradientTransform="matrix(1.62897 .75752 -1.07155 2.30427 25.827 5.412)" gradientUnits="userSpaceOnUse"><stop stop-color="#974827"/><stop offset="1" stop-color="#823C15"/></radialGradient><radialGradient id="i4cE2Le" cx="0" cy="0" r="1" gradientTransform="matrix(-1.46874 2.09376 -2.26624 -1.58973 10.438 21.102)" gradientUnits="userSpaceOnUse"><stop stop-color="#984133"/><stop offset="1" stop-color="#792F0F"/></radialGradient><radialGradient id="iUxVxrd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.46874 2.09376 -2.26624 -1.58973 13.664 17.875)" gradientUnits="userSpaceOnUse"><stop stop-color="#984133"/><stop offset="1" stop-color="#792F0F"/></radialGradient><radialGradient id="i4f6Pae" cx="0" cy="0" r="1" gradientTransform="matrix(-1.46874 2.09376 -2.26624 -1.58973 17.052 14.488)" gradientUnits="userSpaceOnUse"><stop stop-color="#984133"/><stop offset="1" stop-color="#792F0F"/></radialGradient><linearGradient id="i85VaFb" x1="3.387" x2="7.349" y1="25.145" y2="29.029" gradientUnits="userSpaceOnUse"><stop stop-color="#EDB387"/><stop offset=".415" stop-color="#FFA569"/><stop offset="1" stop-color="#EE8887"/></linearGradient><linearGradient id="irM51ID" x1="4.469" x2="8.853" y1="23.664" y2="27.939" gradientUnits="userSpaceOnUse"><stop stop-color="#DA8E7C"/><stop offset=".297" stop-color="#C95837"/><stop offset=".708" stop-color="#DC4B51"/><stop offset="1" stop-color="#DD5978"/></linearGradient><linearGradient id="iAznbqd" x1="4.58" x2="10.706" y1="24.77" y2="24.72" gradientUnits="userSpaceOnUse"><stop stop-color="#C76444"/><stop offset=".297" stop-color="#DD602D"/><stop offset=".708" stop-color="#F9754E"/><stop offset="1" stop-color="#F0704B"/></linearGradient><linearGradient id="ijXBL4P" x1="8.548" x2="12.449" y1="19.998" y2="23.959" gradientUnits="userSpaceOnUse"><stop stop-color="#EDB387"/><stop offset=".415" stop-color="#FFA569"/><stop offset="1" stop-color="#EE8887"/></linearGradient><linearGradient id="ij4BENe" x1="20.703" x2="25.641" y1="6.758" y2="11.851" gradientUnits="userSpaceOnUse"><stop stop-color="#EDB387"/><stop offset=".246" stop-color="#FFAF6F"/><stop offset=".508" stop-color="#FFA171"/><stop offset=".833" stop-color="#FFA67B"/><stop offset="1" stop-color="#EF9470"/></linearGradient><linearGradient id="inJw7tC" x1="20.272" x2="25.289" y1="7.239" y2="12.134" gradientUnits="userSpaceOnUse"><stop stop-color="#DE8873"/><stop offset=".297" stop-color="#E96C44"/><stop offset=".708" stop-color="#F36556"/><stop offset="1" stop-color="#D85E5A"/></linearGradient><linearGradient id="iRSLuCb" x1="23.891" x2="28.094" y1="4.492" y2="8.398" gradientUnits="userSpaceOnUse"><stop stop-color="#EDB387"/><stop offset=".246" stop-color="#FFAF6F"/><stop offset=".508" stop-color="#FFA171"/><stop offset=".833" stop-color="#FFA67B"/><stop offset="1" stop-color="#EF9470"/></linearGradient><linearGradient id="ifvQRae" x1="8.215" x2="10.983" y1="21.371" y2="23.942" gradientUnits="userSpaceOnUse"><stop stop-color="#A95230"/><stop offset=".495" stop-color="#D1744F"/><stop offset="1" stop-color="#A1502A"/></linearGradient><linearGradient id="icw9Vce" x1="11.441" x2="14.209" y1="18.145" y2="20.716" gradientUnits="userSpaceOnUse"><stop stop-color="#A95230"/><stop offset=".495" stop-color="#D1744F"/><stop offset="1" stop-color="#A1502A"/></linearGradient><linearGradient id="ixULpMe" x1="14.828" x2="17.597" y1="14.758" y2="17.328" gradientUnits="userSpaceOnUse"><stop stop-color="#A95230"/><stop offset=".495" stop-color="#D1744F"/><stop offset="1" stop-color="#A1502A"/></linearGradient></defs></g></svg>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
my-app.com/dashboard
Dashboard
Analytics
Settings
Overview Dashboard
PROGRESS STEPPER
3
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. FluteIcon.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.