ICONYZ
Русский
Иконка Pineapple из набора Fluent Emoji

Иконка Pineapple

fluent-emoji:pineapple

Иконка Pineapple (fluent-emoji:pineapple) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Fluent Emoji
Автор
Microsoft Corporation
Лицензия
MIT
Размер
32 × 32
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iBsZ9bc)" d="M7.9 2.007c3.12 1.193 4.795 4.724 3.743 7.895C8.532 8.705 6.858 5.174 7.9 2.007"/><g filter="url(#iSHBpSb)"><path fill="url(#iXNyQBb)" d="M8.121 2.507c2.36 1.479 3.867 3.497 3.27 6.795c-2.843-1.82-3.668-3.696-3.27-6.795"/></g><g filter="url(#i44075b)"><path fill="url(#iUDWLhz)" d="M8.121 2.507c2.36 1.478 3.867 3.497 3.27 6.795c-.825-3.07-1.678-4.293-3.27-6.795"/></g><path fill="url(#ielXUnd)" d="M14.455 2.042c-2.948 1.398-4.165 5-2.72 8.05c2.944-1.409 4.161-5.011 2.72-8.05"/><g filter="url(#i97kLqe)"><path fill="url(#iQlPxze)" d="M14.321 2.47c-2.69 1.47-3.482 4.296-2.487 7.28c2.578-1.628 3.561-4.217 2.487-7.28"/></g><g filter="url(#ijk6Abd)"><path fill="url(#iELY7Id)" d="M14.321 2.47c-1.546 1.968-2.634 4.24-2.487 7.28c1.596-2.52 2.487-4.889 2.487-7.28"/></g><path fill="url(#idonQ3J)" d="M4 7c2.948-1.398 6.508-.06 7.953 2.988C9.001 11.376 5.441 10.038 4 7"/><g filter="url(#i9hmeVL)"><path fill="url(#ihv0k0b)" d="M4.51 7.17c2.701-.825 5.203 0 6.88 2.616c-3.098.91-5.202-.228-6.88-2.616"/></g><g filter="url(#inO7gXl)"><path fill="#CFF278" fill-opacity=".8" d="M5.647 7.198c2.36-.54 3.839 0 5.744 2.588c-2.303-1.82-3.128-2.218-5.744-2.588"/></g><path fill="url(#ixmJagd)" fill-rule="evenodd" d="M15.678 8.875a7.2 7.2 0 0 0-3.534.686l-1.072.508q-.447.212-.851.475a7.215 7.215 0 0 0-2.588 9.147l1.135 2.394l1.715 3.617q.127.27.274.522a7.2 7.2 0 0 0 2.361 2.47a7.3 7.3 0 0 0 2.67 1.036a7.2 7.2 0 0 0 4.327-.593l1.071-.508a7.2 7.2 0 0 0 3.17-2.928a7.3 7.3 0 0 0 .906-2.697a7.2 7.2 0 0 0-.64-4.006l-1.715-3.615l-1.137-2.397a7.22 7.22 0 0 0-6.092-4.11" clip-rule="evenodd"/><path fill="url(#ie2Bivt)" fill-rule="evenodd" d="M15.678 8.875a7.2 7.2 0 0 0-3.534.686l-1.072.508q-.447.212-.851.475a7.215 7.215 0 0 0-2.588 9.147l1.135 2.394l1.715 3.617q.127.27.274.522a7.2 7.2 0 0 0 2.361 2.47a7.3 7.3 0 0 0 2.67 1.036a7.2 7.2 0 0 0 4.327-.593l1.071-.508a7.2 7.2 0 0 0 3.17-2.928a7.3 7.3 0 0 0 .906-2.697a7.2 7.2 0 0 0-.64-4.006l-1.715-3.615l-1.137-2.397a7.22 7.22 0 0 0-6.092-4.11" clip-rule="evenodd"/><path fill="url(#iVVq9me)" fill-rule="evenodd" d="M15.678 8.875a7.2 7.2 0 0 0-3.534.686l-1.072.508q-.447.212-.851.475a7.215 7.215 0 0 0-2.588 9.147l1.135 2.394l1.715 3.617q.127.27.274.522a7.2 7.2 0 0 0 2.361 2.47a7.3 7.3 0 0 0 2.67 1.036a7.2 7.2 0 0 0 4.327-.593l1.071-.508a7.2 7.2 0 0 0 3.17-2.928a7.3 7.3 0 0 0 .906-2.697a7.2 7.2 0 0 0-.64-4.006l-1.715-3.615l-1.137-2.397a7.22 7.22 0 0 0-6.092-4.11" clip-rule="evenodd"/><path fill="#F3851E" fill-opacity=".6" d="m13.029 10.546l2.131 1.336a.255.255 0 0 0 .39-.185l.312-2.529a.26.26 0 0 0-.117-.246l-.068-.047a7.2 7.2 0 0 0-2.63.329l-.14 1.086a.28.28 0 0 0 .122.256m-4.714 1.807a7.2 7.2 0 0 1 1.906-1.809l.918.596a.26.26 0 0 1 .117.247l-.315 2.496a.255.255 0 0 1-.389.184l-2.131-1.335a.28.28 0 0 1-.122-.256zm2.442 13.871a7 7 0 0 1-.274-.522l-1.715-3.617c.064-.14.235-.225.366-.133l2.132 1.335a.26.26 0 0 1 .117.247l-.315 2.495c-.021.145-.17.222-.311.195m5.031 3.506a7.3 7.3 0 0 1-2.67-1.035l-.004-.047l.313-2.518a.255.255 0 0 1 .389-.184l2.131 1.335a.22.22 0 0 1 .117.246zm9.474-6.726a7.3 7.3 0 0 1-.906 2.697l-1.92-1.195a.26.26 0 0 1-.117-.247l.315-2.495a.255.255 0 0 1 .389-.185l2.16 1.35c.034.018.06.046.08.075m-2.356-7.621l1.714 3.615q.125.267.23.538c-.058.126-.234.216-.366.13l-2.131-1.335a.26.26 0 0 1-.117-.247l.315-2.495c.021-.166.208-.26.355-.206m-11.686 1.932L9.09 15.98a.255.255 0 0 0-.389.184l-.315 2.496a.26.26 0 0 0 .117.246l2.132 1.335a.255.255 0 0 0 .388-.184l.315-2.495a.22.22 0 0 0-.117-.247m4.022.741a.255.255 0 0 0 .389-.184l.315-2.496a.26.26 0 0 0-.117-.246l-2.132-1.336a.255.255 0 0 0-.389.185l-.314 2.495a.26.26 0 0 0 .116.247zm4.599-2.181a.255.255 0 0 0 .389-.184l.314-2.496a.26.26 0 0 0-.117-.246l-2.131-1.335a.255.255 0 0 0-.389.184l-.315 2.495a.26.26 0 0 0 .117.247zm-3.968 5.227l-2.131-1.336a.255.255 0 0 0-.39.185l-.314 2.495a.26.26 0 0 0 .117.247l2.131 1.335a.255.255 0 0 0 .39-.184l.314-2.496a.26.26 0 0 0-.117-.246m4.599-2.182l-2.131-1.335a.255.255 0 0 0-.39.185l-.314 2.495a.26.26 0 0 0 .117.247l2.131 1.335a.255.255 0 0 0 .39-.184l.314-2.496a.26.26 0 0 0-.117-.246m-2.049 4.839a.255.255 0 0 0-.389.184l-.315 2.496a.26.26 0 0 0 .117.246l2.132 1.336a.255.255 0 0 0 .389-.184l.314-2.496a.26.26 0 0 0-.116-.246z"/><defs><linearGradient id="iBsZ9bc" x1="8.431" x2="12.133" y1="2.581" y2="7.034" gradientUnits="userSpaceOnUse"><stop stop-color="#7DB41C"/><stop offset="1" stop-color="#98C71B"/></linearGradient><linearGradient id="iXNyQBb" x1="8.44" x2="12.095" y1="2.648" y2="6.734" gradientUnits="userSpaceOnUse"><stop stop-color="#90CB27"/><stop offset="1" stop-color="#ADDF28"/></linearGradient><linearGradient id="iUDWLhz" x1="8.44" x2="12.095" y1="2.648" y2="6.734" gradientUnits="userSpaceOnUse"><stop stop-color="#CBF07F"/><stop offset="1" stop-color="#CBF07F" stop-opacity="0"/></linearGradient><linearGradient id="ielXUnd" x1="12.366" x2="14.527" y1="3.611" y2="7.159" gradientUnits="userSpaceOnUse"><stop stop-color="#7DB41C"/><stop offset="1" stop-color="#98C71B"/></linearGradient><linearGradient id="iQlPxze" x1="12.366" x2="14.527" y1="3.611" y2="7.159" gradientUnits="userSpaceOnUse"><stop stop-color="#90CB27"/><stop offset="1" stop-color="#ADDF28"/></linearGradient><linearGradient id="iELY7Id" x1="14.168" x2="12.118" y1="2.737" y2="9.13" gradientUnits="userSpaceOnUse"><stop stop-color="#C7F481"/><stop offset="1" stop-color="#C7F481" stop-opacity="0"/></linearGradient><linearGradient id="idonQ3J" x1="7.977" x2="7.211" y1="6.715" y2="10.098" gradientUnits="userSpaceOnUse"><stop stop-color="#7DB41C"/><stop offset="1" stop-color="#98C71B"/></linearGradient><linearGradient id="ihv0k0b" x1="5.392" x2="10.914" y1="7.625" y2="9.797" gradientUnits="userSpaceOnUse"><stop stop-color="#90CB27"/><stop offset="1" stop-color="#ADDF28"/></linearGradient><filter id="iSHBpSb" width="4.495" height="7.796" x="7.527" y="2.007" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_29304" stdDeviation=".25"/></filter><filter id="i44075b" width="4.401" height="7.795" x="7.621" y="2.007" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_29304" stdDeviation=".25"/></filter><filter id="i97kLqe" width="4.329" height="8.28" x="10.921" y="1.97" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_29304" stdDeviation=".25"/></filter><filter id="ijk6Abd" width="3.5" height="8.28" x="11.321" y="1.97" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_29304" stdDeviation=".25"/></filter><filter id="i9hmeVL" width="7.881" height="4.235" x="4.01" y="6.363" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_29304" stdDeviation=".25"/></filter><filter id="inO7gXl" width="6.743" height="3.777" x="5.147" y="6.509" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_29304" stdDeviation=".25"/></filter><radialGradient id="ixmJagd" cx="0" cy="0" r="1" gradientTransform="rotate(113.288 4.28 12.865)scale(16.3759 14.3546)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE79E"/><stop offset=".672" stop-color="#FFA46B"/><stop offset="1" stop-color="#F0906D"/></radialGradient><radialGradient id="ie2Bivt" cx="0" cy="0" r="1" gradientTransform="matrix(6.05467 13.22589 -11.59333 5.3073 14.428 15.797)" gradientUnits="userSpaceOnUse"><stop offset=".603" stop-color="#FFAB6F" stop-opacity="0"/><stop offset=".82" stop-color="#E97766" stop-opacity=".2"/><stop offset="1" stop-color="#D03E6B" stop-opacity=".8"/></radialGradient><radialGradient id="iVVq9me" cx="0" cy="0" r="1" gradientTransform="matrix(16.74844 12.661 -11.09818 14.68108 7.804 12.614)" gradientUnits="userSpaceOnUse"><stop stop-color="#B68450" stop-opacity=".6"/><stop offset=".505" stop-color="#FCA968" stop-opacity="0"/></radialGradient></defs></g></svg>

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

React

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

<Icon icon="fluent-emoji:pineapple" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:pineapple" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:pineapple" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="fluent-emoji:pineapple"></iconify-icon>

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

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

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

Иконка Pineapple из набора Dinkie Icons
Dinkie Icons
 Иконка Pineapple из набора Emoji One (Colored)
Emoji One (Colored)
 Иконка Pineapple из набора Emoji One (Monotone)
Emoji One (Monotone)
 Иконка Pineapple из набора Emoji One (v1)
Emoji One (v1)
 Иконка Pineapple из набора Firefox OS Emoji
Firefox OS Emoji
 Иконка Pineapple из набора Fluent Emoji Flat
Fluent Emoji Flat
 Иконка Pineapple из набора Fluent Emoji High Contrast
Fluent Emoji High Contrast
 Иконка Pineapple из набора Game Icons
Game Icons
 Иконка Pineapple из набора IconOven
IconOven
 Иконка Pineapple из набора IconPark
IconPark
 Иконка Pineapple из набора IconPark Outline
IconPark Outline
 Иконка Pineapple из набора Noto Emoji
Noto Emoji

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

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

Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Иконки Fluent Emoji →