Иконка Pineapple

openmoji:pineapple

Иконка Pineapple (openmoji:pineapple) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OpenMoji
Автор: OpenMoji
Лицензия: CC-BY-SA-4.0
Размер: 72 × 72
Категория: Еда и напитки

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path fill="#a57939" stroke="#a57939" stroke-linecap="round" d="M37.17 65.34h-1.26c-6.6 0-12-5.4-12-12V41.67c0-6.6 5.4-12 12-12h.82s7.35 3.41 7.35 8v20.31s.42 7.36-6.91 7.36"/><path fill="#6a462f" stroke="#6a462f" stroke-linecap="round" d="M49.75 41.67v11.67c0 6.6-5.4 12-12 12h-.58c7.33 0 6.91-7.36 6.91-7.36V37.67c0-4.59-7.35-8-7.35-8h1.02c6.6 0 12 5.4 12 12"/><path fill="#b1cc33" d="M44.374 14.679c2.134.044 3.87.583 3.87.583s-2.215 2.214-4.605 5.561c1.94.044 3.503.54 3.503.54s-3.115 3.127-5.811 7.466c-1.89 3.04-4.596 2.82-4.596 2.82s-2.706.23-4.606-2.82c-2.696-4.339-5.81-7.466-5.81-7.466s1.562-.496 3.502-.54c-2.39-3.347-4.605-5.56-4.605-5.56s1.736-.54 3.87-.584c-2.298-3.128-4.33-5.154-4.33-5.154s7.915-2.434 10.938 2.434c.439.704.776 1.387 1.041 2.048c.256-.66.593-1.344 1.032-2.048C40.79 7.09 48.704 9.525 48.704 9.525s-2.032 2.026-4.33 5.154"/><path fill="#b1cc33" d="M43.639 20.823c-3.052 1.236-3.523 3.16-4.321 4.09m5.056-10.234s-4.438 1.544-4.67 4.363m-9.848 1.781c3.051 1.236 3.523 3.16 4.321 4.09M29.12 14.679s4.44 1.544 4.67 4.363"/></g><g fill="none" stroke="#000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path stroke-linecap="round" d="M45.305 32.368c2.706 2.205 4.443 5.562 4.443 9.305v11.666c0 6.6-5.4 12-12 12h-1.835c-6.6 0-12-5.4-12-12V41.673c0-4.085 2.068-7.71 5.21-9.88"/><path d="M44.374 14.679c2.134.044 3.87.583 3.87.583s-2.215 2.214-4.605 5.561c1.94.044 3.503.54 3.503.54s-3.115 3.127-5.811 7.466c-1.89 3.04-4.596 2.82-4.596 2.82s-2.706.23-4.606-2.82c-2.696-4.339-5.81-7.466-5.81-7.466s1.562-.496 3.502-.54c-2.39-3.347-4.605-5.56-4.605-5.56s1.736-.54 3.87-.584c-2.298-3.128-4.33-5.154-4.33-5.154s7.915-2.434 10.938 2.434c.439.704.776 1.387 1.041 2.048c.256-.66.593-1.344 1.032-2.048C40.79 7.09 48.704 9.525 48.704 9.525s-2.032 2.026-4.33 5.154z"/><path stroke-linecap="round" d="M43.639 20.823c-3.052 1.236-3.523 3.16-4.321 4.09m5.056-10.234s-4.438 1.544-4.67 4.363m-9.848 1.781c3.051 1.236 3.523 3.16 4.321 4.09M29.12 14.679s4.44 1.544 4.67 4.363"/></g></svg>

Как использовать иконку Pineapple

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/openmoji/pineapple.svg" alt="Иконка Pineapple" width="24" height="24">

Иконка Pineapple в других наборах

Вопросы и ответы: Иконка Pineapple

Можно ли бесплатно использовать иконку Pineapple в коммерческих проектах?

Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Pineapple в React?

Установите @iconify/react и выведите <Icon icon="openmoji:pineapple" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Pineapple на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/pineapple.svg" alt="Иконка Pineapple">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки OpenMoji →