Jelly Beans アイコン

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

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:jelly-beans

Jelly Beans アイコン(game-icons:jelly-beans)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512
タグ: jellybeans、bean

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M241 30.32c-4.7 0-9.3.7-13.8 2.22c-13.5 4.65-26.5 16.93-35.5 42.12c-9.7 26.74-12.9 50.34-27.4 70.04c-14.6 19.7-39.9 32.3-88.23 37.5c-20.53 2.3-33.92 11.1-42.5 23.3c-8.59 12.2-12.18 28.1-10.74 44.4c2.89 32.4 25.05 64.2 63.49 67.9C137 322.7 175.4 319 205 308.9c-.4-6.4-.7-12.8-.8-19.3c-1-50.6 33.2-90.5 71.2-104.3c9.5-3.5 19.3-5.3 29-5.2c.8 0 1.5.1 2.3.1c2.8-10.4 5.3-21.4 7.6-32.7c9.6-46.8-14.3-89.71-43.6-107.81c-9.1-5.66-18.5-8.86-27.6-9.33c-.7 0-1.4-.1-2.1-.1zm-32.4 41.62l17.6 3.32c-10.3 55.14-26.5 90.14-53.4 112.24c-18.7 15.4-41.8 24.1-70 29.9l-4.46-17.5c26.86-5.5 47.36-13.4 63.06-26.3c22.5-18.5 37.2-48.5 47.2-101.66M304 198.1c-7.2-.1-14.8 1.3-22.5 4.1c-30.6 11.2-60.2 44.9-59.3 87c1 50.7 10.6 95.3 38.9 128.7c28.2 33.4 76 56.9 157.2 63.5c37.3 3.1 62.1-18.9 69.2-43.2c3.5-12.2 2.5-24.8-3.6-35.6c-6-10.8-17.4-20.3-36.5-25.7c-45-12.7-68.5-32.7-80.5-56.6c-12-23.8-12.9-49.8-17.4-75v-.1c-4-23.4-13.9-36-25.7-42.3c-6-3.1-12.7-4.7-19.8-4.8m-223.42 5l4.4 17.6c-7.22 1.1-14.7 2.1-22.54 3.1l-2.2-17.8c7.12-.9 13.87-1.8 20.34-2.9m223.32 14.3l1.4 18c-5.7.5-10.7 1.5-15.1 2.9l-7.9-16.2c6.5-2.4 13.7-4 21.6-4.7m-37.5 13.2l8.1 16.6c-1.4 1.2-2.6 2.5-3.8 3.9c-7.1 8.5-11 20.3-12.2 33.9c-2.5 27.3 6.2 61.1 14.7 82.2l-16.6 6.8c-9.4-23.2-18.9-58.4-16.1-90.6c1.5-16 6.1-31.6 16.4-43.8c2.7-3.3 5.9-6.3 9.5-9"/></svg>

Jelly Beans アイコンの使い方

React

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

<Icon icon="game-icons:jelly-beans" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:jelly-beans" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:jelly-beans" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--jelly-beans]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:jelly-beans"></div>

Web コンポーネント

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

<iconify-icon icon="game-icons:jelly-beans"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/jelly-beans.svg" alt="Jelly Beans アイコン" width="24" height="24">

Game Icons の関連アイコン

Jelly Beans アイコンのよくある質問

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

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Game Icons をすべて見る →