Banana アイコン

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

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

vadivam:banana

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

アイコンセット: Vadivam
作者: Praveen Juge
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.064 12.345c-2.344 3.326-7.5 6.51-10.932 5.234c-1.293-.48-1.49 2.29-.533 2.951c3.814 2.634 9.089 1.45 12.784-1.357c1.959-1.489 3.734-3.354 4.156-5.413M22 18.536c0-1.904-.929-3.663-2.461-4.776c-.564-.272.659-2.332.09-4.778C19 5.5 16.736 3.079 16.53 2.434c-.333-1.03-3.444-.054-2.835 1.13c1.997 3.886 2.69 8.29.37 8.781m0 0c2.163-.541 3.33.412 5.475 1.415m-5.475-1.415h-2.229c-1.923 0-3.81.538-5.458 1.556"/></svg>

Banana アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Vadivam アイコンをすべて見る →