Pineapple icon

fxemoji:pineapple

The Pineapple icon (fxemoji:pineapple) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Objects

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#2BA52E" d="M258.156 106.085s-.929-.055-2.59-.035c-.833.007-1.856.02-3.026.087c-1.289.165-2.763.43-4.431.78c-1.739.339-3.417.762-5.297 1.288c-1.902.502-3.881 1.164-5.961 1.965c-4.213 1.555-8.723 3.745-13.434 6.559c-1.207.679-2.316 1.486-3.516 2.266c-1.183.793-2.398 1.61-3.562 2.507c-2.333 1.792-4.765 3.685-7.05 5.844a89 89 0 0 0-6.968 7.038c-.487-.402-.969-.809-1.464-1.203a98 98 0 0 0-2.558-1.91c.031-.883.061-1.766.087-2.658c-.03-1.185.042-2.368.067-3.557c.036-1.189.05-2.383.146-3.571c.086-1.188.148-2.383.169-3.589l.232-3.594c.054-1.203.196-2.39.298-3.584c.092-1.198.128-2.409.264-3.596l.721-7.117c.501-4.717 1.112-9.346 1.735-13.818c.331-2.23.627-4.433.986-6.561c.314-2.149.653-4.231 1.005-6.243l.48-2.989c.157-.98.371-1.91.513-2.859c.308-1.885.632-3.676.946-5.373c.297-1.699.611-3.319.847-4.805c.257-1.46.513-2.81.703-4.073c.107-.631.185-1.217.305-1.797l.32-1.673l.498-2.644c.145-.711.212-1.287.274-1.664l.087-.576l.124-.821a6.882 6.882 0 0 0-10.733-6.665l-1.781 1.237l-2.11 1.507l-1.335.958c-.467.357-.973.789-1.505 1.22l-3.548 2.934c-1.297 1.07-2.55 2.275-3.977 3.556c-2.807 2.576-5.938 5.577-9.089 9.094a144 144 0 0 0-9.875 11.803a257 257 0 0 0-4.978 6.884a127 127 0 0 0-4.792 7.532a218 218 0 0 0-2.589 4.432c-.229-.875-.464-1.748-.716-2.615c-.751-3.273-1.72-6.489-2.435-9.727l-1.226-4.808c-.356-1.601-.771-3.189-1.15-4.767c-.821-3.15-1.479-6.273-2.276-9.325c-.732-3.055-1.434-6.053-2.171-8.972l-1.02-4.321c-.349-1.42-.733-2.821-1.035-4.194c-.644-2.748-1.333-5.408-1.955-7.952c-.605-2.542-1.235-4.978-1.83-7.282a250 250 0 0 0-1.668-6.499l-1.494-5.533c-.979-3.339-1.678-6.209-2.255-8.088c-.57-1.903-.926-2.926-.926-2.926a4.294 4.294 0 0 0-7.48-1.184s-.654.864-1.783 2.498c-1.111 1.662-2.735 3.966-4.532 7.263c-.871 1.626-1.93 3.461-2.912 5.449a209 209 0 0 0-3.072 6.468c-1.033 2.331-2.043 4.835-3.096 7.497c-1.036 2.663-1.982 5.489-2.992 8.46c-.956 2.973-1.839 6.096-2.742 9.349c-.799 3.258-1.649 6.647-2.344 10.158a211 211 0 0 0-.995 5.354a94 94 0 0 0-.863 5.521c-.245 1.867-.525 3.761-.745 5.675l-.536 5.821c-.344 3.917-.466 7.939-.582 12.01c-.038 2.04-.014 4.1.025 6.168c.022 1.568.057 3.149.13 4.736c-1.445.04-2.881.078-4.302.153c-3.758.112-7.428.485-10.981.794c-3.556.375-7 .846-10.315 1.34c-1.658.27-3.285.562-4.877.863c-1.593.303-3.148.558-4.672.92c-3.047.682-5.947 1.351-8.691 2.092a238 238 0 0 0-7.747 2.28a264 264 0 0 0-6.726 2.355c-2.07.787-3.997 1.6-5.698 2.287c-1.707.726-3.224 1.404-4.465 2.025l-3.203 1.646c-1.737.932-2.661 1.473-2.661 1.473a4.243 4.243 0 0 0 .465 7.559s.983.424 2.821 1.137l3.381 1.242c1.349.431 2.815 1.023 4.449 1.626l5.368 1.923a346 346 0 0 0 6.316 2.195c2.24.77 4.608 1.613 7.085 2.429c2.477.826 5.064 1.763 7.745 2.626l17.042 5.797l4.507 1.556a134 134 0 0 1 4.58 1.582c1.533.562 3.088 1.059 4.647 1.593c1.548.576 3.107 1.143 4.68 1.681l2.222.775a154 154 0 0 0-6.637 1.99c-5.84 1.835-11.305 4.07-16.365 6.294l-3.7 1.755c-1.209.577-2.399 1.125-3.537 1.77c-2.287 1.246-4.487 2.399-6.542 3.636c-4.15 2.336-7.777 4.794-10.912 7.025c-1.563 1.142-3.021 2.129-4.34 3.188l-3.633 2.921l-1.52 1.244l-1.211 1.137l-1.907 1.8c-1.033.983-1.573 1.535-1.573 1.535a7.087 7.087 0 0 0 4.248 11.991l.809.094l.595.069c.391.041.98.126 1.726.183c.751.069 1.676.15 2.748.208l1.73.104c.592.041 1.194.109 1.84.169c1.291.144 2.676.232 4.167.353c1.529.156 3.179.236 4.915.372l5.471.393c1.901.123 3.876.254 5.926.431c2.036.13 4.14.296 6.294.479l6.584.531c4.476.417 9.088.813 13.766 1.33c2.342.258 4.692.538 7.051.77l3.546.486c.591.078 1.181.116 1.772.186l1.772.236c3.973.52 7.924 1.14 11.841 1.776c-5.694 3.416-10.813 7.206-15.233 11.262c-2.367 2.068-4.484 4.309-6.49 6.46c-1.005 1.073-1.934 2.204-2.836 3.306c-.891 1.12-1.799 2.146-2.591 3.283c-3.251 4.422-5.862 8.702-7.811 12.747c-.995 1.994-1.843 3.9-2.524 5.746c-.703 1.821-1.284 3.451-1.787 5.15c-.508 1.626-.912 3.069-1.2 4.336a60 60 0 0 0-.375 3.004c-.178 1.652-.212 2.582-.212 2.582a9 9 0 0 0 .263 2.465a8.68 8.68 0 0 0 10.557 6.266l.005-.001s.902-.23 2.48-.753a61 61 0 0 0 2.858-1.001a139 139 0 0 0 3.447-.851c1.194-.285 2.683-.672 4.184-1.093l2.324-.649a97 97 0 0 0 2.494-.649c3.355-.922 7.107-1.829 10.982-2.809l5.99-1.424c2.062-.435 4.094-.962 6.21-1.382c4.169-.95 8.463-1.77 12.711-2.546c4.244-.834 8.496-1.383 12.6-1.968c4.127-.578 8.117-.901 11.96-1.141l1.438-.097c.481-.041.958-.089 1.422-.071c.935.001 1.87-.047 2.808-.106c1.822.065 3.687-.095 5.46.016c1.826-.047 3.561.156 5.37.168l2.653.225c.442.044.899.048 1.349.077l1.32.182c.875.14 1.8.167 2.699.285a37 37 0 0 0 2.688.439c.453.07.92.11 1.368.201l1.349.288c.904.189 1.813.376 2.754.521c1.606.436 3.264.815 4.919 1.232c.373.305.751.6 1.145.868a130 130 0 0 0 6.733 4.554a120 120 0 0 0 6.409 3.325l1.488.712c.489.231 1.005.4 1.491.595c.976.38 1.928.724 2.842 1.044a80 80 0 0 0 5.041 1.612a67 67 0 0 0 4.208.893c1.22.24 2.281.395 3.139.512c1.711.24 2.655.292 2.655.292a8.7 8.7 0 0 0 2.372-.206a8.36 8.36 0 0 0 4.345-2.576a8.39 8.39 0 0 0 3.414-6.424s.038-.945-.038-2.671a53 53 0 0 0-.211-3.174a68 68 0 0 0-.487-4.274a80 80 0 0 0-1.124-5.172c-.23-.94-.482-1.92-.768-2.928c-.148-.502-.267-1.033-.45-1.541l-.567-1.549a120 120 0 0 0-2.698-6.697a131 131 0 0 0-3.891-7.136a16 16 0 0 0-.755-1.223c-.256-1.687-.475-3.374-.757-5.014a51 51 0 0 0-.256-2.791l-.158-1.371c-.048-.455-.043-.923-.069-1.381a37 37 0 0 0-.18-2.718c-.032-.906.03-1.829-.027-2.714l-.055-1.332c.014-.451.054-.906.052-1.351l.029-2.662c.161-1.802.123-3.549.345-5.362c.058-1.776.396-3.617.505-5.437c.148-.928.285-1.854.373-2.785c.027-.463.12-.933.207-1.408l.234-1.422c.606-3.802 1.307-7.744 2.277-11.796c.974-4.03 1.926-8.21 3.161-12.355c1.178-4.154 2.404-8.35 3.748-12.41c.619-2.066 1.338-4.039 1.968-6.05l1.989-5.827c1.345-3.764 2.606-7.412 3.844-10.663q.464-1.222.884-2.421l.868-2.251a116 116 0 0 0 1.487-4.061c.433-1.197.832-2.315 1.176-3.35c.521-1.05.936-1.986 1.269-2.75c.671-1.521.986-2.396.986-2.396l.018-.043a8.7 8.7 0 0 0 .481-2.391a8.673 8.673 0 0 0-8.151-9.179"/><path fill="#FFD469" d="m443.117 464.862l-4.05 4.05c-52.018 52.018-136.355 52.018-188.373 0l-54.752-54.752c-52.018-52.018-52.018-136.355 0-188.373l4.05-4.05c52.018-52.018 136.355-52.018 188.373 0l54.752 54.752c52.018 52.017 52.018 136.355 0 188.373"/><path fill="#FFC136" d="M220.566 306.892h-22.779a3.67 3.67 0 0 1-3.672-3.672v-22.779a3.67 3.67 0 0 1 3.672-3.672h22.779a3.67 3.67 0 0 1 3.672 3.672v22.779a3.67 3.67 0 0 1-3.672 3.672m55.617-55.617v-22.779a3.67 3.67 0 0 0-3.672-3.672h-22.779a3.67 3.67 0 0 0-3.672 3.672v22.779a3.67 3.67 0 0 0 3.672 3.672h22.779a3.67 3.67 0 0 0 3.672-3.672m-19.701 188.078v-22.779a3.67 3.67 0 0 0-3.672-3.672h-22.779a3.67 3.67 0 0 0-3.672 3.672v22.779a3.67 3.67 0 0 0 3.672 3.672h22.779a3.67 3.67 0 0 0 3.672-3.672m51.945-51.944V364.63a3.67 3.67 0 0 0-3.672-3.672h-22.779a3.67 3.67 0 0 0-3.672 3.672v22.779a3.67 3.67 0 0 0 3.672 3.672h22.779a3.67 3.67 0 0 0 3.672-3.672m51.945-51.945v-22.779a3.67 3.67 0 0 0-3.672-3.672h-22.779a3.67 3.67 0 0 0-3.672 3.672v22.779a3.67 3.67 0 0 0 3.672 3.672H356.7a3.67 3.67 0 0 0 3.672-3.672m51.944-51.945V260.74a3.67 3.67 0 0 0-3.672-3.672h-22.779a3.67 3.67 0 0 0-3.672 3.672v22.779a3.67 3.67 0 0 0 3.672 3.672h22.779a3.67 3.67 0 0 0 3.672-3.672m-169.614 90.11V350.85a3.67 3.67 0 0 0-3.672-3.672h-22.779a3.67 3.67 0 0 0-3.672 3.672v22.779a3.67 3.67 0 0 0 3.672 3.672h22.779a3.67 3.67 0 0 0 3.672-3.672m51.945-51.945v-22.779a3.67 3.67 0 0 0-3.672-3.672h-22.779a3.67 3.67 0 0 0-3.672 3.672v22.779a3.67 3.67 0 0 0 3.672 3.672h22.779a3.67 3.67 0 0 0 3.672-3.672m51.945-51.945V246.96a3.67 3.67 0 0 0-3.672-3.672h-22.779a3.67 3.67 0 0 0-3.672 3.672v22.779a3.67 3.67 0 0 0 3.672 3.672h22.779a3.67 3.67 0 0 0 3.672-3.672m46.023 201.858v-22.779a3.67 3.67 0 0 0-3.672-3.672h-22.779a3.67 3.67 0 0 0-3.672 3.672v22.779a3.67 3.67 0 0 0 3.672 3.672h22.779a3.67 3.67 0 0 0 3.672-3.672m51.945-51.945v-22.779a3.67 3.67 0 0 0-3.672-3.672h-22.779a3.67 3.67 0 0 0-3.672 3.672v22.779a3.67 3.67 0 0 0 3.672 3.672h22.779a3.67 3.67 0 0 0 3.672-3.672m-117.669 38.165v-22.779a3.67 3.67 0 0 0-3.672-3.672H300.44a3.67 3.67 0 0 0-3.672 3.672v22.779a3.67 3.67 0 0 0 3.672 3.672h22.779a3.67 3.67 0 0 0 3.672-3.672m51.944-51.945v-22.779a3.67 3.67 0 0 0-3.672-3.672h-22.779a3.67 3.67 0 0 0-3.672 3.672v22.779a3.67 3.67 0 0 0 3.672 3.672h22.779a3.67 3.67 0 0 0 3.672-3.672m51.945-51.945v-22.779a3.67 3.67 0 0 0-3.672-3.672h-22.779a3.67 3.67 0 0 0-3.672 3.672v22.779a3.67 3.67 0 0 0 3.672 3.672h22.779a3.67 3.67 0 0 0 3.672-3.672m21.822-66.893v14.948a3.67 3.67 0 0 0 3.672 3.672h8.944a132.6 132.6 0 0 0-12.616-18.62m13.78 57.894v22.779a3.67 3.67 0 0 0 3.672 3.672h12.068a133.8 133.8 0 0 0-3.271-30.123h-8.797a3.67 3.67 0 0 0-3.672 3.672M336.998 497.091h-22.779a3.67 3.67 0 0 0-3.672 3.672v2.679a133.7 133.7 0 0 0 30.123 4.409v-7.088a3.67 3.67 0 0 0-3.672-3.672m35.088-275.625h16.002a134 134 0 0 0-19.674-16.157v12.485a3.67 3.67 0 0 0 3.672 3.672m-74.081-38.682v16.547a3.67 3.67 0 0 0 3.672 3.672h22.779a3.67 3.67 0 0 0 3.672-3.672v-12.222a133.6 133.6 0 0 0-30.123-4.325m-129.383 145.93h-11.4a133.5 133.5 0 0 0 5.484 30.123h5.916a3.67 3.67 0 0 0 3.672-3.672v-22.779a3.67 3.67 0 0 0-3.672-3.672"/></svg>

How to use the Pineapple icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:pineapple" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:pineapple" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:pineapple" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--pineapple]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:pineapple"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:pineapple"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/pineapple.svg" alt="Pineapple icon" width="24" height="24">

Pineapple icon in other icon sets

Pineapple icon FAQ

Is the Pineapple icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Pineapple icon in React?

Install @iconify/react and render <Icon icon="fxemoji:pineapple" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Pineapple icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/pineapple.svg" alt="Pineapple icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →