Bananakong アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:bananakong

Bananakong アイコン(arcticons:bananakong)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.976 44.107a8.68 8.68 0 0 1-6.026-.821C8.263 41.62 3.56 32.229 3.56 32.229C-.188 22.085 7.162 17.334 7.162 17.334c-1.993-4.26-.988-5.395.408-7.428A23 23 0 0 1 12 5.66a4.64 4.64 0 0 1 4.292.277c-.332-4.374 3.237-1.567 3.237-1.567C32.86 2.635 33.35 14.914 33.35 14.914l1.937 4.986s1.527-4.322-.036-5.416a2.11 2.11 0 0 1 1.46-3.809c2.483 0 1.636 1.836 1.589 2.127c-.133.818 1.72 2.99 3.836 3.333c2.093.339 5.683 7.238 1.249 16.185c0 0-2.116 6.799-12.67 11.382S13.704 42.5 13.084 41.036s-1.514-3.34 2.53-4.205s13.025-2.69 16.663-7.454a13.87 13.87 0 0 0 3.01-9.477"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m16.292 5.937l1.015 1.224s2.637-1.017 4.443 4.448c0 0 4.281.005 6.101 3.266a8.4 8.4 0 0 1 1.161 6.29m-1.34 2.499c-3.657 3.586-5.432 3.185-8.635 2.734c0 0-2.517-7.122-9.426-6.691S4.667 29.71 4.667 29.71"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m19.036 26.398l1.181 1.516a7.6 7.6 0 0 0 3.34.4a20.3 20.3 0 0 0 3.973-2.797m-1.355 8.019s-.228-5.016 1.435-5.556s2.544-.122 2.423 2.074s-.027 1.44-.027 1.44"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.093 27.817c-.274-.274-1.326-5.88.954-6.66s3.382-.056 2.996 2.488s-.007 2.242.417 5.361"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.646 20.949c.94-2.683 3.753-1.588 3.703-.005M17.307 7.16s-2.797 1.39-2.467 3.686c0 0-2.668-1.54-4.254.19a4.615 4.615 0 0 0 1.745 7.257m10.431-3.765s-.545.705 1.949 1.973s1.734 6.124-.406 7.625s-5.887 1.82-9.777-4.91c0 0 6.715-1.152 8.234-4.688"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.2 21.35s7.932-.888 6.561-6.821"/><circle cx="13.275" cy="14.869" r="1.558" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="17.872" cy="11.275" r="1.462" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.087 10.119a3.24 3.24 0 0 1-.798-2.07m1.724.883c0-.12-.273-2.758-1.062-3.473m2.504 2.24c-.309-.932-.834-3.973-.127-5.131m2.056 3.592c-.058-.197-.847-2.707-.354-3.501m31.09 13.566s-2.526 4.38-6.276 1.866"/><circle cx="17.203" cy="16.251" r=".75" fill="currentColor"/><circle cx="20.518" cy="13.895" r=".75" fill="currentColor"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.355 24.071s-.855-2.976 3.533-1.886m-1.103-.486s.4-2.155 4.128-.47m-5.696 6.685s-3.402-.144-6.23 5.147m19.364-18.147a6.2 6.2 0 0 1-2.383 2.762m8.815.96s1.904 7.387-2.346 13.168s-12.575 7.88-12.575 7.88"/></svg>

Bananakong アイコンの使い方

React

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

<Icon icon="arcticons:bananakong" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:bananakong" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:bananakong" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:bananakong"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/bananakong.svg" alt="Bananakong アイコン" width="24" height="24">

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

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

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →