Pineapple icon

emojione-monotone:pineapple

The Pineapple icon (emojione-monotone:pineapple) is a free SVG icon from the Emoji One (Monotone) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (Monotone)
Author: Emoji One
License: CC-BY-4.0
Size: 64 × 64
Category: Food

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M47.062 47.052c-.973.972-2.11 4.343-1.207 5.247c.906.904 4.277-.232 5.251-1.206c.972-.973 2.11-4.344 1.206-5.248c-.905-.906-4.278.233-5.25 1.207m-8.181-8.181c.973-.973 2.111-4.344 1.207-5.248s-4.277.233-5.249 1.207c-.974.972-2.111 4.344-1.208 5.248c.905.904 4.276-.234 5.25-1.207m7.317.86c-.904-.904-4.277.233-5.25 1.207c-.973.972-2.111 4.344-1.207 5.248s4.277-.233 5.25-1.207c.973-.972 2.112-4.343 1.207-5.248m-8.045 9.261c-.973.974-2.101 5.096-1.195 6c.904.904 5.219-.031 6.191-1.004s1.527-4.819.623-5.724c-.904-.903-4.646-.244-5.619.728m-.435-6.89c-.904-.904-4.529-.018-5.502.955s-2.355 4.84-1.451 5.744s5.112-.139 6.084-1.111c.972-.973 1.773-4.684.869-5.588m-5.949-5.839c-.904-.904-4.553-.151-5.527.821c-.973.973-1.835 4.73-.93 5.635c.902.904 4.772.152 5.746-.82c.972-.973 1.615-4.731.711-5.636m17.236 1.882c-.973.973-1.633 4.713-.729 5.616c.904.905 4.752.351 5.725-.622s1.91-5.287 1.006-6.191s-5.029.224-6.002 1.197m-6.893-.438c.904.905 4.615.107 5.59-.866c.973-.973 2.016-5.18 1.111-6.084c-.904-.905-4.773.478-5.746 1.451c-.972.973-1.859 4.596-.955 5.499m-.203-6.657c.975-.974 1.725-4.842.82-5.746s-4.662-.041-5.635.932c-.975.974-1.727 4.62-.822 5.523c.905.905 4.665.262 5.637-.709"/><path fill="currentColor" d="M60.306 35.467a18 18 0 0 0-1.465-2.382c.1-.129.16-.254.131-.368c-.752-2.979-2.869-4.178-4.645-4.28a36 36 0 0 0-2.474-1.831c.114-.159.183-.31.165-.439c-.334-2.435-3.264-2.91-5.199-2.505a46 46 0 0 0-3.117-1.415c.634-.818-3.828-2.203-5.294-1.782a35 35 0 0 0-2.498-.547c2.661-4.873 4.017-10.208 4.017-10.208s-4.286 1.931-8.36 4.957c.842-4.703.755-8.964.755-8.964s-3 2.489-5.896 5.952c-.899-4.918-2.65-9.155-2.65-9.155s-1.654 2.979-3.046 6.86C17.509 5.178 13.617 2 13.617 2s-.041 3.066.48 6.863C9.264 5.382 3.304 3.303 3.304 3.303s2.08 5.959 5.562 10.791C5.068 13.573 2 13.613 2 13.613s3.18 3.892 7.362 7.11C5.479 22.116 2.5 23.77 2.5 23.77s4.238 1.75 9.158 2.649c-3.464 2.895-5.953 5.895-5.953 5.895s4.261.088 8.966-.755c-3.027 4.073-4.96 8.358-4.96 8.358s5.301-1.347 10.163-3.989c.153.855.336 1.719.565 2.588c-.313 1.547.968 5.634 1.769 5.199a46 46 0 0 0 1.451 3.151c-.384 1.933.103 4.81 2.515 5.14c.127.018.273-.049.43-.158a38 38 0 0 0 1.842 2.471c.104 1.773 1.304 3.888 4.281 4.64c.109.027.23-.029.354-.122a18 18 0 0 0 2.406 1.487c.496 1.351 2.645 2.019 4.363 1.468c.754.124 1.516.208 2.289.208c1.157 0 2.319-.146 3.478-.428c1.432-.003 2.943-.73 3.619-1.354a21 21 0 0 0 2.896-1.749c1.253.248 6.609-5.108 6.352-6.354a21.5 21.5 0 0 0 1.773-2.917c.634-.706 1.365-2.257 1.329-3.702c.438-1.881.511-3.762.206-5.609c.582-1.741-.103-3.943-1.486-4.42m-48.544-8.426s2.687-1.528 5.958-2.358c-3.883-1.745-7.475-4.459-7.475-4.459s2.944-.557 6.355-.431c-2.763-3.585-4.648-7.845-4.648-7.845s4.261 1.885 7.848 4.648c-.127-3.411.43-6.355.43-6.355s2.713 3.59 4.459 7.473c.831-3.271 2.359-5.956 2.359-5.956s1.644 3.768 2.357 7.632c2.639-1.89 5.639-2.962 5.639-2.962s-.203 1.367-.699 3.15q-.096.344-.207.704l-.021.072l-.028.086c-1.131.388-2.868 1.084-4.295 2.097c-1.119-2.154-3.349-3.82-3.349-3.82s-.758 1.684-1.186 3.635c-2.123-.92-5.644-2.74-5.644-2.74s1.821 3.52 2.741 5.642c-1.951.428-3.634 1.186-3.634 1.186s1.667 2.229 3.82 3.347c-1.013 1.427-1.709 3.164-2.097 4.294l-.073.024l-.079.024q-.356.109-.696.203c-1.791.501-3.167.705-3.167.705s1.074-3 2.963-5.639c-3.864-.713-7.631-2.357-7.631-2.357m48.189 16.084c-1.446-.229-3.978.431-4.755 1.209c-.975.973-1.764 4.691-.859 5.596c.459.459 1.701.539 2.941.382q-.448.685-.914 1.296c-1.344.142-2.897.678-3.482 1.263c-.584.584-1.121 2.138-1.262 3.482q-.646.495-1.299.924c.16-1.244.08-2.493-.38-2.954c-.903-.904-4.623-.113-5.597.859c-.778.779-1.438 3.311-1.209 4.756c-.331.027-.665.062-.996.062c-.133 0-.264-.018-.396-.021c.369-1.114.341-2.607-.314-3.262c-.903-.904-4.081.04-4.972.93q-.326.327-.547.637a16 16 0 0 1-1.771-1.156c.97-2.273 1.783-5.916 1.181-6.52c-1.661-1.661-5.226.463-6.155 1.367a37 37 0 0 1-1.26-1.816c1.112-1.965 2.101-4.863 1.521-5.443c-.749-.75-3.13-.434-4.437.202a44 44 0 0 1-1.457-3.468c.523-1.34.83-2.838.305-3.363a2.3 2.3 0 0 0-1.551-.686a32 32 0 0 1-.254-1.113c.994-.078 2.051-.444 2.588-.982c.471-.47.977-1.502 1.274-2.544a23 23 0 0 0 1.769-1.093c-.283 1.062-.334 2.105.111 2.552c.903.904 4.275-.234 5.25-1.207c.972-.973 2.11-4.344 1.206-5.248c-.446-.445-1.491-.394-2.553-.111c.397-.578.76-1.174 1.092-1.767c1.044-.298 2.075-.804 2.547-1.274c.54-.54.908-1.605.983-2.603c.369.075.737.153 1.11.244c.014.564.242 1.129.687 1.574c.53.53 2.049.213 3.396-.317a43 43 0 0 1 3.449 1.441c-.644 1.3-.97 3.71-.214 4.464c.581.583 3.503-.417 5.469-1.534c.621.408 1.218.834 1.798 1.269c-.902.922-3.037 4.494-1.373 6.159c.603.604 4.248-.211 6.521-1.181q.664.89 1.16 1.768a5 5 0 0 0-.642.55c-.889.89-1.834 4.067-.929 4.972c.652.654 2.143.682 3.257.314q.022.706-.037 1.391"/></svg>

How to use the Pineapple icon

React

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

<Icon icon="emojione-monotone:pineapple" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:pineapple" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:pineapple" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="emojione-monotone:pineapple"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-monotone/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. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Pineapple icon in React?

Install @iconify/react and render <Icon icon="emojione-monotone: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/emojione-monotone/pineapple.svg" alt="Pineapple icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (Monotone) icons →