Banana アイコン
emojione-monotone:banana
Banana アイコン(emojione-monotone:banana)は、Emoji One (Monotone) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Monotone)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 食べ物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M53.943 35.448c6.394-12.03 6.377-22.327 3.456-27.264C56.184 6.131 54.461 5 52.548 5q-.284 0-.567.034c-3.137.376-4.355 3.938-6.043 8.867c-1.195 3.491-2.679 7.783-5.124 12.001c-1.357-1.775-3.068-3.262-4.911-4.138l.018-.01c-.058-.023-.111-.039-.169-.063a9.3 9.3 0 0 0-1.537-.564c-.178-.045-.352-.08-.526-.117c-13.103-3.456-17.258 13.266-10.228 11.16c2.048-.614 3.431-3.963 7.608-7.329c3.143 1.908 5.211 5.305 4.493 7.787c-2.387 8.254-9.596 12.007-17.848 12.007c-1.859 0-3.771-.19-5.692-.563a22 22 0 0 1-2.223-.563a24 24 0 0 1-4.345-1.776L2 44.684a29 29 0 0 0 2.878 3.801c3.841 4.305 8.941 7.406 14.845 8.551c9.261 1.795 18.278-1.621 24.4-8.291c3.388-4.271 6.648-6.051 9.438-6.588C53.021 49.418 47.438 59 51.193 59q.215 0 .472-.043c6.652-1.111 10.548-9.469 10.326-14.765c-.237-5.677-4.655-7.884-8.048-8.744m-12.769.867c-3.09 8.965-12.628 13.518-22.348 13.518c-2.723 0-5.479-.417-8.156-1.211a26 26 0 0 1-1.894-.941a28 28 0 0 0 1.771-1.889c.38.096.741.176 1.095.244c2.052.397 4.096.599 6.073.599c4.873 0 9.127-1.214 12.491-3.438c1.221.431 2.944.167 4.563-.85c2.376-1.492 3.586-3.994 2.704-5.59c-.224-.404-.573-.693-.992-.898c.391-.851.732-1.738 1.004-2.676c.594-2.055-.031-4.519-1.717-6.759a13.3 13.3 0 0 0-2.976-2.85q.398-.267.825-.53a1 1 0 0 0 .103.021c2.822.324 9.697 6.741 7.454 13.25m10.722-1.264c-5.475-.767-8.938 2.166-8.938 2.166c1.313-3.578.666-7.036-.91-9.459C48.127 17.829 48.656 7.447 52.22 7.02q.165-.02.328-.02c4.673 0 8.048 12.111-.652 28.051m.043 21.804c.175-1.193.836-3.284 1.348-4.904c1.325-4.194 3.103-9.819 1.918-14.026c2.348.954 4.639 2.796 4.788 6.352c.179 4.286-2.927 11.248-8.054 12.578"/></svg>
Banana アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:banana" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:banana" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:banana" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--banana]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:banana"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:banana"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-monotone/banana.svg" alt="Banana アイコン" width="24" height="24">
Banana アイコン のよくある質問
Banana アイコンは商用利用でも無料ですか?
はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Banana アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-monotone:banana" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Banana アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-monotone/banana.svg" alt="Banana アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Monotone) アイコン をすべて見る →
ICONYZ
