Home/Libraries/Emoji One (Colored) (Iconify)/pineapple

Emoji One (Colored) (Iconify)

Pineapple

License: CC-BY-4.0

ICON SIZE

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 64 64"><g fill="#818cf8"><path d="M16.9 11.2c4.9 4.9 5.7 8.2 4.1 9.8s-4.9.8-9.8-4.1S3.3 3.3 3.3 3.3s8.7 3 13.6 7.9"/><path d="M23.7 14.1c2.9 6.3 2.5 9.7.5 10.6s-4.9-.9-7.8-7.2S13.6 2 13.6 2s7.2 5.8 10.1 12.1"/><path d="M29.6 21.2c-2.9 6.3-5.7 8.2-7.7 7.2c-2-.9-2.5-4.3.4-10.6s10-12.2 10-12.2s.2 9.4-2.7 15.6"/><path d="M26.9 18c-.4 6.9-2.4 9.7-4.6 9.6s-3.9-3.1-3.5-10s4.9-15 4.9-15S27.3 11 26.9 18"/><path d="M33.2 24c-4.4 5.3-7.7 6.4-9.4 4.9c-1.7-1.4-1.2-4.8 3.2-10.1s12.9-9.1 12.9-9.1s-2.2 9-6.7 14.3"/><path d="M14.1 23.7c6.3 2.9 9.7 2.5 10.6.5s-.9-4.9-7.2-7.8S2 13.6 2 13.6s5.8 7.2 12.1 10.1"/><path d="M21.2 29.6c6.3-2.9 8.2-5.7 7.2-7.7c-.9-2-4.3-2.5-10.6.4s-12.2 10-12.2 10s9.4.2 15.6-2.7"/><path d="M18 26.9c6.9-.4 9.7-2.4 9.6-4.6s-3.1-3.9-10-3.5s-15 4.9-15 4.9S11 27.3 18 26.9"/><path d="M24 33.2c5.3-4.4 6.4-7.7 4.9-9.4c-1.4-1.7-4.8-1.2-10.1 3.2S9.7 39.9 9.7 39.9s9-2.2 14.3-6.7"/></g><path fill="#818cf8" d="M55.9 31.2c8 8 5.8 16.8-1.1 23.6c-6.8 6.8-15.7 9.1-23.6 1.1c-8-8-14.7-25.8-7.9-32.6s24.6-.1 32.6 7.9"/><path fill="#818cf8" d="M47.1 47.1c-1 1-2.1 4.3-1.2 5.2s4.3-.2 5.2-1.2c1-1 2.1-4.3 1.2-5.2s-4.3.2-5.2 1.2m5.8 5.8c-1 1-1.8 4.6-.9 5.5s7.4-5.6 6.5-6.5c-1-.8-4.7 0-5.6 1M34.8 34.8c-1 1-2.1 4.3-1.2 5.2s4.3-.2 5.2-1.2c1-1 2.1-4.3 1.2-5.2s-4.2.3-5.2 1.2m6.1 6.1c-1 1-2.1 4.3-1.2 5.2S44 46 45 45s2.1-4.3 1.2-5.2s-4.3.2-5.3 1.1M29 29c-1 1-2.1 4.3-1.2 5.2S32 34 33 33s2.1-4.3 1.2-5.2s-4.3.2-5.2 1.2m.1 23c-1.4 1.4-1 5.8 3.6 7c1.2.3 3.5-7.4 2.6-8.4c-1.7-1.7-5.3.5-6.2 1.4m7.3 5.7c-3.5 3.5 2.4 5.7 4.7 3.4c.9-.9 1.2-3.4.3-4.3c-.9-1-4.1 0-5 .9m1.7-8.7c-1 1-2.1 5.1-1.2 6s5.2 0 6.2-1s1.5-4.8.6-5.7c-.8-.9-4.6-.3-5.6.7m6.2 6.2c-1 1-1.8 4.7-.9 5.6c1.7 1.7 4.9.3 5.8-.6c1-1 1.5-4.9.6-5.8c-.8-1-4.5-.2-5.5.8M32.2 43.1c-1 1-2.4 4.8-1.5 5.7s5.1-.1 6.1-1.1s1.8-4.7.9-5.6s-4.5 0-5.5 1M20.6 31.3c-1 1-1.4 3.7-.5 4.6s3.6.5 4.6-.5s2.1-4.3 1.2-5.2s-4.4.1-5.3 1.1m0 6.8c-.9.9.8 6.5 1.6 5.6c.9-.9 2.4-4.7 1.5-5.6s-2.2-.9-3.1 0m3.7 7.2c-1.2 1.2-1.4 6.2 1.8 6.7c1.2.2 4.2-6.4 3.2-7.3c-.8-.9-4.1-.2-5 .6m1.9-8.2c-1 1-1.8 4.7-.9 5.6s4.8.2 5.7-.8c1-1 1.6-4.7.7-5.6s-4.5-.2-5.5.8m25.8-8c1.4-1.4 5.8-1 7 3.6c.3 1.2-7.4 3.5-8.4 2.6c-1.7-1.7.5-5.3 1.4-6.2m5.7 7.3c3.5-3.5 5.7 2.3 3.4 4.7c-.9.9-3.4 1.2-4.3.3c-1-.9 0-4.1.9-5M49 38.1c1-1 5.1-2.1 6-1.2s0 5.2-1 6.2s-4.8 1.5-5.7.6c-.9-.8-.3-4.6.7-5.6m6.2 6.2c1-1 4.7-1.8 5.6-.9c1.7 1.7.3 4.9-.6 5.8s-4.9 1.5-5.8.6c-1-.8-.2-4.5.8-5.5M43.1 32.2c1-1 4.8-2.4 5.7-1.5s-.1 5.1-1.1 6.1s-4.7 1.8-5.6.9s0-4.5 1-5.5M31.3 20.6c1-1 3.7-1.4 4.6-.5s.5 3.6-.5 4.6s-4.3 2.1-5.2 1.2c-1-1 .1-4.4 1.1-5.3m6.8 0c.9-.9 6.5.8 5.6 1.7s-4.7 2.4-5.6 1.5s-.9-2.3 0-3.2m7.2 3.7c1.2-1.2 6.2-1.4 6.7 1.8c.2 1.2-6.4 4.2-7.3 3.2c-.9-.8-.2-4.1.6-5m-8.2 1.9c1-1 4.7-1.8 5.6-.9s.2 4.8-.8 5.7c-1 1-4.7 1.6-5.6.7c-.9-.8-.2-4.5.8-5.5"/><g fill="#818cf8"><path d="M21.9 18.4c3.7 3.7 4.5 6.1 3.6 7c-1 1-3.3.2-7-3.6s-6.5-10-6.5-10s6.2 2.9 9.9 6.6"/><path d="M25.7 31.5c3.3-2.7 3.8-4.8 2.7-6.1s-3.4-1.2-6.7 1.4c-3.3 2.7-5.3 8.2-5.3 8.2s6-.8 9.3-3.5"/><path d="M21.4 24.2c4.7 0 6.9 1.2 7.2 2.7c.4 1.5-1.3 2.8-6 2.8c-4.6.1-10.8-2.7-10.8-2.7s4.9-2.8 9.6-2.8"/><path d="M20.9 20.4c4.8 1.3 6.7 3 6.6 4.5s-2.1 2.1-6.9.8s-10.4-5.5-10.4-5.5s5.9-1.1 10.7.2"/><path d="M31.5 25.7c-2.7 3.3-4.8 3.8-6.1 2.7s-1.2-3.4 1.4-6.7c2.7-3.3 8.2-5.3 8.2-5.3s-.8 6-3.5 9.3"/><path d="M24.2 21.4c0 4.7 1.2 6.9 2.7 7.2c1.5.4 2.8-1.3 2.8-6S27 11.7 27 11.7s-2.8 5-2.8 9.7"/><path d="M20.4 20.9c1.3 4.8 3 6.7 4.5 6.6s2.1-2.1.8-6.9s-5.5-10.4-5.5-10.4s-1.1 5.9.2 10.7"/></g><path fill="#818cf8" d="M29.8 22.5c-1.1-2.2-3.3-3.8-3.3-3.8s-.8 1.7-1.2 3.6c-2.1-.9-5.6-2.7-5.6-2.7s1.8 3.5 2.7 5.6c-2 .4-3.6 1.2-3.6 1.2s1.7 2.2 3.8 3.3c-1.6 2.3-2.5 5.5-2.5 5.5s6.2-1.8 9.8-5.4s5.4-9.8 5.4-9.8s-3.2.9-5.5 2.5"/></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. PineappleIcon.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-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.