Home/Libraries/Game Icons (Iconify)/pineapple

Game Icons (Iconify)

Pineapple

License: CC-BY-3.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 512 512"><path fill="#818cf8" d="M397.777 20.81c-28.326 32.545-45.686 49.052-79.73 75.385c.98 3.462 1.904 6.923 2.767 10.373a839 839 0 0 1 71.06-15.156c2.614-5.158 4.803-10.06 6.483-14.78c6.053-17.005 6.845-32.884-.58-55.823zm-116.646 31c-1.6 24.42-1.437 48.997-.728 73.72c11.823 16.072 20.343 35.874 23.293 59.55l4.282-15.91c3.56-13.232-.114-44.212-8.596-72.72c-4.965-16.69-11.733-32.465-18.25-44.64zm-66.286 45.913c15.833 30.734 31.377 68.437 40.18 102.69c10.035 2.098 18.686 5.78 25.404 11.75c6.176 5.49 10.61 12.84 13.822 21.54c34.542 1.322 74.627 6.23 108.107 15.88c-22.727-29.94-53.25-48.74-106.12-45.626l-8.985.53l-.53-8.985c-3.143-53.38-36.79-84.435-71.878-97.78zM473.7 100.15c-37.875 2.156-91.904 9.273-149.04 24.123c2.246 12.387 3.374 24.24 2.81 34.774c16.516-3.57 37.316-4.425 58.604-3.342zm-101.26 73.278c-22.01-.027-42.3 2.385-52.43 6.437l-14.727 5.895c20.458-.12 38.216 3.195 53.735 9.144l78.19-13.728c-.43-.118-.798-.257-1.235-.37c-11.935-3.122-26.448-5.348-41.262-6.51c-7.406-.58-14.934-.86-22.27-.868zm-143.16 42.63c-1.946-.01-3.948.027-5.98.09l21.667 7.813l-2.512-7.122c-4.072-.48-8.482-.755-13.174-.78zm-45.462 4.99c-2.788.567-5.6 1.19-8.423 1.85a1858 1858 0 0 1 8.96 32.416a1532 1532 0 0 1 30.608 4.842a1158 1158 0 0 0-9.54-31.318zm79.684 1.35l3.332 9.448l7.992 2.88c-1.982-4.052-4.154-7.152-6.355-9.11c-1.28-1.138-2.964-2.216-4.968-3.218zM158 227.512a308 308 0 0 0-32.396 11.646c.903 3.08 1.786 6.137 2.673 9.2a1119 1119 0 0 1 36.713 4.238a1827 1827 0 0 0-6.99-25.084m68.695 8.994a1255 1255 0 0 1 7.967 27.064a2701 2701 0 0 1 25.96 4.784l-7.925-22.47zm47.87 17.262l6.53 18.51q1.168.23 2.34.456a170 170 0 0 0-.873-9.322c-.306-2.477-.675-4.86-1.095-7.156l-6.903-2.488zM83.89 263.006l7.672 33.676c10.445.647 21.214 1.323 32.143 2.043a2473 2473 0 0 0-9.328-33.57a934 934 0 0 0-30.486-2.15zm49.73 4a2416 2416 0 0 1 9.058 33.014c11.506.832 23.24 1.76 35.2 2.853c-2.54-10.49-5.16-20.966-7.876-31.424a1140 1140 0 0 0-36.383-4.444zm-65.83 6.36c-7.67 6.476-14.238 13.314-19.31 20.42c7.942.605 16.05 1.166 24.35 1.706l-5.04-22.125zm121.505.882q3.89 15.224 7.54 30.482a1206 1206 0 0 1 31.16 3.66a1604 1604 0 0 0-7.645-29.052a1628 1628 0 0 0-31.055-5.09m50.664 8.58c2.515 9.41 4.94 18.833 7.29 28.264a962 962 0 0 1 30.21 5.012L267.55 288c-9.176-1.76-18.37-3.488-27.59-5.172zM53.243 312.193c3.25 9.827 6.13 19.728 8.744 29.674c7.282.42 14.533.89 21.737 1.45l-6.72-29.497a2728 2728 0 0 1-23.76-1.627zm42.492 2.815l6.823 29.95a1129 1129 0 0 1 33.993 3.73a2046 2046 0 0 0-7.975-31.56a6374 6374 0 0 0-32.842-2.12zm-59.806 2.197c-2.93 7.325-5.316 15.14-7.102 23.244q7.14.19 14.22.476c-2.172-7.978-4.524-15.89-7.118-23.72m111.584 1.256a2035 2035 0 0 1 8.173 32.794a1234 1234 0 0 1 34.48 5.43a2223 2223 0 0 0-7.89-35.295c-11.79-1.123-23.375-2.076-34.763-2.93zm53.672 4.864a2292 2292 0 0 1 8.117 36.778c10.88 2.027 21.74 4.172 32.593 6.453c-2.996-13.145-6.04-26.27-9.22-39.354a1145 1145 0 0 0-31.49-3.876zm50.687 6.703c3.254 13.577 6.376 27.165 9.445 40.752c3.113.694 6.226 1.382 9.34 2.095a308 308 0 0 0 9.028-38.037a920 920 0 0 0-27.813-4.81M25.898 358.375a167 167 0 0 0-.855 24.473c.05 1.287.122 2.57.203 3.85c9.547.376 19.1.758 28.643 1.17c-1.907-9.643-3.956-19.23-6.212-28.737c-7.216-.324-14.473-.577-21.78-.755zm40.596 1.787c2.19 9.497 4.168 19.022 6.018 28.555c7.288.354 14.56.747 21.822 1.17l-6.416-28.164a1071 1071 0 0 0-21.424-1.56zm40.28 3.293l6.29 27.62c11.363.785 22.678 1.68 33.91 2.76a1853 1853 0 0 0-5.954-26.425a1123 1123 0 0 0-34.247-3.955zm53.33 6.63a1860 1860 0 0 1 5.705 25.735a805 805 0 0 1 33.344 4.534q-2.43-12.366-4.982-24.708a1240 1240 0 0 0-34.067-5.562zm53.162 9.07a2611 2611 0 0 1 4.857 24.468c11.395 2.14 22.647 4.582 33.73 7.375q-2.78-12.56-5.585-25.102a1473 1473 0 0 0-33.002-6.742zm-185.79 25.663c1.864 10.084 4.742 19.708 8.626 28.49c8.62.448 17.394.87 26.203 1.3c-1.617-9.538-3.257-19.055-4.98-28.536c-9.926-.444-19.88-.855-29.85-1.254zm48.434 2.14c1.708 9.546 3.32 19.07 4.918 28.58c8.123.43 16.218.903 24.233 1.44l-6.546-28.748c-7.51-.46-15.04-.887-22.604-1.27zm41.35 2.526l6.584 28.903c11.37.965 22.41 2.09 32.94 3.543a1795 1795 0 0 0-5.872-29.547c-11.112-1.128-22.344-2.07-33.652-2.9zm52.45 4.993a1807 1807 0 0 1 5.966 30.564c12.337 2.424 23.668 5.542 33.62 9.696a2965 2965 0 0 0-6.5-35.498a755 755 0 0 0-33.087-4.76zm52.046 8.226c1.803 9.652 3.57 19.308 5.277 28.973c6.903-6.364 13.305-14.36 19.13-23.547c-8.02-1.995-16.168-3.786-24.407-5.427zM46.816 451.89c3.138 4.21 6.606 8.045 10.405 11.42c3.476 3.09 7.304 5.85 11.415 8.307a2876 2876 0 0 1-3.248-18.828c-6.2-.304-12.4-.598-18.57-.9zm37.086 1.846a2058 2058 0 0 0 4.682 26.735c8.652 2.747 17.958 4.51 27.598 5.317l-6.946-30.482a1504 1504 0 0 0-25.334-1.57m44.15 3.118l6.68 29.326q3.08-.12 6.172-.362a167 167 0 0 0 23.047-3.464a1841 1841 0 0 0-3.677-21.442c-10.095-1.65-20.94-2.984-32.222-4.058m51.143 7.74q1.12 6.415 2.2 12.886c6.1-2.068 11.996-4.47 17.59-7.18c-5.887-2.132-12.53-4.03-19.79-5.706"/></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-3.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.