Basket アイコン

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

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

game-icons:basket

Basket アイコン(game-icons:basket)は、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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M128 30c-10.8 0-19 5.73-24.9 11.79c-5.83 6.05-10.34 13.22-14.59 21.44c-8.5 16.44-15.67 37.27-21.88 60.07c-8.17 30-14.5 62.8-17.88 91.7h36.4c3.3-25.9 9.02-55.9 16.25-82.3c5.8-21.2 12.6-40.37 19.1-52.93c3.2-6.28 6.5-10.86 8.5-12.93c.7-.73.8-.73.9-.84h252.2c.1.11.2.11.9.84c2 2.07 5.3 6.65 8.5 12.93c6.5 12.56 13.3 31.73 19.1 52.93c7.2 26.4 13 56.4 16.2 82.3h36.4c-3.3-28.9-9.7-61.7-17.8-91.7c-6.2-22.8-13.4-43.63-21.9-60.07c-4.3-8.22-8.8-15.39-14.6-21.44C403 35.73 394.8 30 384 30zM32 233c-20 0-20 46 0 46h448c20 0 20-46 0-46zm27.2 64c.45 2.2.88 4.5 1.3 6.8l3.51 3.5L74.24 297zm40.6 0l-23.04 23L128 371.2l51.2-51.2l-23-23zm82 0l10.2 10.2l10.2-10.2zm46 0l-23 23l51.2 51.2l51.2-51.2l-23-23zm82 0l10.2 10.2l10.2-10.2zm46 0l-23 23l51.2 51.2l51.2-51.2l-23-23zm82 0l10.2 10.2l3.5-3.5c.4-2.3.9-4.5 1.3-6.7zM192 332.8L140.7 384l51.2 51.2l51.3-51.2zm128 0L268.8 384l51.2 51.2l51.2-51.2zm-254.58 1.4c3.82 25.9 7.56 54.3 13.36 79.8c.4 1.8.83 3.5 1.25 5.2L115.2 384zm381.08.1L396.8 384l35.2 35.2c.4-1.8.8-3.5 1.2-5.2c5.8-25.5 9.6-53.8 13.3-79.7M128 396.7l-42.37 42.4c3.64 11.2 7.86 21 12.71 28.6C106.6 480.6 115.4 487 128 487h12.2l39-39.1zm128 .1l-51.2 51.3l38.9 38.9h24.6l38.9-39zm128 0L332.8 448l39 39H384c12.6 0 21.4-6.4 29.7-19.3c4.8-7.6 9-17.4 12.6-28.6zm-191.9 64L165.8 487h52.5zm127.9 0L293.8 487h52.4z"/></svg>

Basket アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:basket"></iconify-icon>

HTML 画像

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

Game Icons の関連アイコン

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

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

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

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

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

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

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

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

Game Icons をすべて見る →