Home/Libraries/Fluent Emoji (Iconify)/coconut

Fluent Emoji (Iconify)

Coconut

License: MITCommercial Safe

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 32 32"><g fill="none"><path fill="url(#irxorQR)" d="M25.156 6.063L5.25 24.188c4.047 5.687 14.016 8.562 21.031 1.218c4.848-5.074 4.813-13.906-1.125-19.343"/><path fill="#818cf8" d="M25.625 17.5c1.563-4.656 2.188-8.469-1-12.094c-3.156-3.14-7.626-3.842-11.823-2.52C4.51 5.458-1.678 17.32 5.225 24.172c1.664 1.647 3.502 2.164 5.79 2.436c.742.095 2.86-.375 3.485-.375c.86 0 1.41.57 2.688 0c.915-.452 1.44-1.745 2.5-2.234c1.623-.75 3.378-.622 4.437-1.656c1.503-1.469.752-2.867 1.5-4.844"/><path fill="url(#iCRp85d)" d="M25.625 17.5c1.563-4.656 2.188-8.469-1-12.094c-3.156-3.14-7.626-3.842-11.823-2.52C4.51 5.458-1.678 17.32 5.225 24.172c1.664 1.647 3.502 2.164 5.79 2.436c.742.095 2.86-.375 3.485-.375c.86 0 1.41.57 2.688 0c.915-.452 1.44-1.745 2.5-2.234c1.623-.75 3.378-.622 4.437-1.656c1.503-1.469.752-2.867 1.5-4.844"/><path fill="url(#ipBvAtd)" d="M25.625 17.5c1.563-4.656 2.188-8.469-1-12.094c-3.156-3.14-7.626-3.842-11.823-2.52C4.51 5.458-1.678 17.32 5.225 24.172c1.664 1.647 3.502 2.164 5.79 2.436c.742.095 2.86-.375 3.485-.375c.86 0 1.41.57 2.688 0c.915-.452 1.44-1.745 2.5-2.234c1.623-.75 3.378-.622 4.437-1.656c1.503-1.469.752-2.867 1.5-4.844"/><path fill="url(#izITYce)" d="M25.625 17.5c1.563-4.656 2.188-8.469-1-12.094c-3.156-3.14-7.626-3.842-11.823-2.52C4.51 5.458-1.678 17.32 5.225 24.172c1.664 1.647 3.502 2.164 5.79 2.436c.742.095 2.86-.375 3.485-.375c.86 0 1.41.57 2.688 0c.915-.452 1.44-1.745 2.5-2.234c1.623-.75 3.378-.622 4.437-1.656c1.503-1.469.752-2.867 1.5-4.844"/><path fill="#818cf8" d="M24.484 16.781c1.532-3.531 1.688-8.11-1.712-11c-2.84-2.415-6.27-2.625-10.052-1.41C5.728 6.788.219 16 5.875 22.672c2.11 2.49 5.406 2.75 8.344 2.423c1.077-.12 1 .24 2.156.187c1.155-.052 1.281-1.11 1.812-1.617c1.466-1.401 3.547-.836 4.915-2.047c1.126-.997 1.195-2.273 1.195-3.476c0-.681-.066-.897.187-1.36"/><path fill="url(#i6Te5Td)" d="M24.484 16.781c1.532-3.531 1.688-8.11-1.712-11c-2.84-2.415-6.27-2.625-10.052-1.41C5.728 6.788.219 16 5.875 22.672c2.11 2.49 5.406 2.75 8.344 2.423c1.077-.12 1 .24 2.156.187c1.155-.052 1.281-1.11 1.812-1.617c1.466-1.401 3.547-.836 4.915-2.047c1.126-.997 1.195-2.273 1.195-3.476c0-.681-.066-.897.187-1.36"/><path fill="url(#iiqDIee)" d="M24.484 16.781c1.532-3.531 1.688-8.11-1.712-11c-2.84-2.415-6.27-2.625-10.052-1.41C5.728 6.788.219 16 5.875 22.672c2.11 2.49 5.406 2.75 8.344 2.423c1.077-.12 1 .24 2.156.187c1.155-.052 1.281-1.11 1.812-1.617c1.466-1.401 3.547-.836 4.915-2.047c1.126-.997 1.195-2.273 1.195-3.476c0-.681-.066-.897.187-1.36"/><path fill="url(#i5tGqdb)" d="M24.484 16.781c1.532-3.531 1.688-8.11-1.712-11c-2.84-2.415-6.27-2.625-10.052-1.41C5.728 6.788.219 16 5.875 22.672c2.11 2.49 5.406 2.75 8.344 2.423c1.077-.12 1 .24 2.156.187c1.155-.052 1.281-1.11 1.812-1.617c1.466-1.401 3.547-.836 4.915-2.047c1.126-.997 1.195-2.273 1.195-3.476c0-.681-.066-.897.187-1.36"/><path fill="url(#iCw6tDH)" d="M23.219 16.906c1.54-3.24 1.5-7.343-1.594-10.125c-2.095-1.883-5.664-1.769-8.444-1.009c-5.84 1.623-11.228 10.587-6.29 15.76c2.457 2.573 6.117 2.546 7.187 2.312c1.09-.24 1.394.51 2.453.156c1.06-.353.454-.974 1.86-1.89c1.405-.917 2.656 0 4.093-1.358c.596-.562.761-1.563.735-2.47c-.014-.458-.216-.911 0-1.376"/><path fill="url(#iM7h1jd)" d="M23.219 16.906c1.54-3.24 1.5-7.343-1.594-10.125c-2.095-1.883-5.664-1.769-8.444-1.009c-5.84 1.623-11.228 10.587-6.29 15.76c2.457 2.573 6.117 2.546 7.187 2.312c1.09-.24 1.394.51 2.453.156c1.06-.353.454-.974 1.86-1.89c1.405-.917 2.656 0 4.093-1.358c.596-.562.761-1.563.735-2.47c-.014-.458-.216-.911 0-1.376"/><g filter="url(#i0j0Rnb)"><path stroke="url(#iutxYne)" stroke-linecap="round" stroke-width="1.5" d="M9.031 8.219C6.97 9.948 2.717 15.25 6.063 20.563c2.5 3.968 8.062 3.5 8.062 3.5"/></g><g filter="url(#i9acJqb)"><path stroke="url(#iTlDcZb)" stroke-linecap="round" stroke-width="1.5" d="M26.375 8.156c.797 1.75.86 5.563-.672 9.344c-.161.344-.484 1.2-.484 1.875c0 .844-.032 1.844-.532 2.5s-2.437 1.5-3.625 1.719c-1.187.218-2.062.781-2.375 1.125c-.312.343-.906 1.468-1.687 1.718s-1.844-.156-2.187-.187"/></g><defs><radialGradient id="iCRp85d" cx="0" cy="0" r="1" gradientTransform="rotate(88.821 -4.59 20.202)scale(5.31363 .87521)" gradientUnits="userSpaceOnUse"><stop offset=".338" stop-color="#AF705F"/><stop offset=".561" stop-color="#B17261"/><stop offset="1" stop-color="#B17664" stop-opacity="0"/></radialGradient><radialGradient id="ipBvAtd" cx="0" cy="0" r="1" gradientTransform="matrix(4.5 3.625 -2.09122 2.596 20.688 21.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#AC6C53"/><stop offset="1" stop-color="#AC6C53" stop-opacity="0"/></radialGradient><radialGradient id="izITYce" cx="0" cy="0" r="1" gradientTransform="matrix(5.625 2.25 -.94013 2.35034 23.438 17.938)" gradientUnits="userSpaceOnUse"><stop stop-color="#9F4D5A"/><stop offset="1" stop-color="#A05058" stop-opacity="0"/></radialGradient><radialGradient id="i6Te5Td" cx="0" cy="0" r="1" gradientTransform="matrix(.28125 7.59375 -.85224 .03156 15.594 23.063)" gradientUnits="userSpaceOnUse"><stop stop-color="#D9D2E5"/><stop offset=".4" stop-color="#FEF8FF"/><stop offset="1" stop-color="#FFFBFF" stop-opacity="0"/></radialGradient><radialGradient id="iiqDIee" cx="0" cy="0" r="1" gradientTransform="matrix(5.4375 3.125 -1.21862 2.1204 19.719 21.719)" gradientUnits="userSpaceOnUse"><stop stop-color="#E9E7F1"/><stop offset=".606" stop-color="#E6E4EC" stop-opacity="0"/></radialGradient><radialGradient id="i5tGqdb" cx="0" cy="0" r="1" gradientTransform="matrix(0 4.53125 -.83698 0 17.281 23.438)" gradientUnits="userSpaceOnUse"><stop stop-color="#B1A4C0"/><stop offset="1" stop-color="#B2A6C1" stop-opacity="0"/></radialGradient><radialGradient id="iCw6tDH" cx="0" cy="0" r="1" gradientTransform="matrix(15.6703 -16.87505 10.91836 10.13886 4.954 24.437)" gradientUnits="userSpaceOnUse"><stop offset=".164" stop-color="#CECDD5"/><stop offset="1" stop-color="#AC9DBF"/></radialGradient><radialGradient id="iM7h1jd" cx="0" cy="0" r="1" gradientTransform="rotate(-139.808 18.32 9.88)scale(18.9819 19.4049)" gradientUnits="userSpaceOnUse"><stop offset=".444" stop-color="#8E8998"/><stop offset="1" stop-color="#8E8898" stop-opacity="0"/></radialGradient><linearGradient id="irxorQR" x1="27.938" x2="11.313" y1="11.375" y2="28.25" gradientUnits="userSpaceOnUse"><stop stop-color="#BF856C"/><stop offset=".155" stop-color="#BB7960"/><stop offset=".396" stop-color="#B66467"/><stop offset=".569" stop-color="#B3597C"/><stop offset=".774" stop-color="#A65085"/><stop offset="1" stop-color="#A15E92"/></linearGradient><linearGradient id="iutxYne" x1="7.25" x2=".257" y1="25.313" y2="11.266" gradientUnits="userSpaceOnUse"><stop stop-color="#FBF6FF" stop-opacity="0"/><stop offset=".499" stop-color="#F0EDF8"/><stop offset="1" stop-color="#F6F1FE" stop-opacity="0"/></linearGradient><linearGradient id="iTlDcZb" x1="12.688" x2="26.927" y1="25.5" y2="8.812" gradientUnits="userSpaceOnUse"><stop offset=".038" stop-color="#BE8577" stop-opacity="0"/><stop offset=".05" stop-color="#BE8577"/><stop offset=".105" stop-color="#A2507D"/><stop offset=".242" stop-color="#AA597B"/><stop offset=".383" stop-color="#C18576"/><stop offset=".568" stop-color="#AF5B77"/><stop offset=".705" stop-color="#C28679"/><stop offset="1" stop-color="#F6F1FE" stop-opacity="0"/></linearGradient><filter id="i0j0Rnb" width="9.704" height="16.261" x="4.621" y="8.019" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_31807" stdDeviation=".05"/></filter><filter id="i9acJqb" width="12.715" height="18.962" x="14.512" y="7.856" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_31807" stdDeviation=".1"/></filter></defs></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. CoconutIcon.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.