Banana アイコン

Q: Banana アイコンは商用利用でも無料ですか?

はい。Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

hugeicons:banana

Banana アイコン(hugeicons:banana)は、Huge Icons セットの無料 SVG アイコンです（作者: Hugeicons）。 24 × 24 のグリッドで描かれています。 Huge Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Huge Icons
作者: Hugeicons
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M14 11.917c2-1.008 4.478-.164 5.578 2.269c1.65 3.65-1.816 7.697-5.57 7.811a.8.8 0 0 1-.322-.056c-2.747-1.143 3.786-5.2 1.646-7.393M12.26 13c.493-1.862-.29-3.741-2.265-3.276c-1.196.282-1.479 1.16-2.202 1.233c-.562.057-.909-.585-.758-1.121C8.11 6.022 15.5 6.03 15.5 10.007"/><path d="M14 18.908c-2.192 1.092-6.872 1.706-8.98.172c-.578-.42-1.32-.293-1.995-.293c-1.636 0-1.174-3.188.414-2.574c.561.218 1.582.5 2.344.068c4.901-2.778 10.213-3.257 11.964-10.567C18.526 2.46 18.751 2 20.053 2s2.866 3.001 1.273 7.958c-.42 1.31-.918 2.62-1.63 3.841"/></g></svg>

Banana アイコンの使い方

React

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

<Icon icon="hugeicons:banana" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:banana" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:banana" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="hugeicons:banana"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/hugeicons/banana.svg" alt="Banana アイコン" width="24" height="24">

他のアイコンセットの Banana アイコン

Banana アイコンのよくある質問

Banana アイコンは商用利用でも無料ですか?

はい。Huge Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Banana アイコンを使うには?

@iconify/react をインストールして <Icon icon="hugeicons:banana" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Banana アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/hugeicons/banana.svg" alt="Banana アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Huge Icons をすべて見る →