Иконка Banana
twemoji:banana
Иконка Banana (twemoji:banana) — бесплатная SVG-иконка из набора Twitter Emoji от Twitter. Она нарисована на сетке 36 × 36. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Twitter Emoji
- Автор
- Twitter
- Лицензия
- CC-BY-4.0
- Размер
- 36 × 36
- Категория
- Еда и напитки
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffe8b6" d="M28 2c2.684-1.342 5 4 3 13c-1.106 4.977-5 9-9 12s-11-1-7-5s8-7 10-13c1.304-3.912 1-6 3-7"/><path fill="#ffd983" d="M31 8c0 3-1 9-4 13s-7 5-4 1s5-7 6-11s2-7 2-3"/><path fill="#ffcc4d" d="M22 20c-.296.592 1.167-3.833-3-6c-1.984-1.032-10 1-4 1c3 0 4 2 2 4a2.9 2.9 0 0 0-.622.912c-.417.346-.873.709-1.378 1.088c-2.263 1.697-5.84 4.227-10 7c-3 2-4 3-4 4c0 3 9 3 14 1s10-7 10-7l4-4c-3-4-7-2-7-2"/><path fill="#ffe8b6" d="M22 20s1.792-4.729-3-7c-4.042-1.916-8-1-11 1s-2 4-3 5s1 2 3 0s8.316-4.895 11-4c3 1 2 2.999 3 5"/><path fill="#a6d388" d="M26 35h-4c-2 0-3 1-4 1s-2-2 0-2s4 0 5-1s5 2 3 2"/><circle cx="18" cy="35" r="1" fill="#3e721d"/><path fill="#ffcc4d" d="M32.208 28S28 35 26 35h-4c-2 0 0-1 1-2s5 0 5-6c0-3 4.208 1 4.208 1"/><path fill="#ffe8b6" d="M26 19c3 0 8 3 7 9s-5 7-7 7h-2c-2 0-1-1 0-2s4 0 4-6c0-3-4-7-6-7c0 0 2-1 4-1"/><path fill="#ffd983" d="M17 21c3 0 5 1 3 3c-1.581 1.581-6 5-10 6s-8 1-5-1s9.764-8 12-8"/><path fill="#c1694f" d="M2 31c1 0 1 0 1 .667C3 32.333 3 33 2 33s-1-1.333-1-1.333S1 31 2 31"/></svg>
Как использовать иконку Banana
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:banana" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:banana" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:banana" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--banana]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:banana"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:banana"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/twemoji/banana.svg" alt="Иконка Banana" width="24" height="24">
Иконка Banana в других наборах
Вопросы и ответы: Иконка Banana
Можно ли бесплатно использовать иконку Banana в коммерческих проектах?
Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Banana в React?
Установите @iconify/react и выведите <Icon icon="twemoji:banana" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Banana на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/twemoji/banana.svg" alt="Иконка Banana">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Twitter Emoji →
ICONYZ
