Spade アイコン

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

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

game-icons:spade

Spade アイコン(game-icons:spade)は、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="M173.844 15.563v.03l52.22 192.157c7.035-3.16 14.752-6.03 22.686-8.406c8.894-2.663 18.006-4.683 26.72-5.72L227 15.565zm240.03 183.968c-13.045 15.41-48.86 31.746-91.874 45.845c1.64 16.418 2.707 35.075 2.72 53.344c.01 18.658-1.105 36.594-4.25 51.155c-1.574 7.28-3.61 13.75-6.75 19.28c-3.143 5.53-7.815 10.59-14.564 12.376c-6.75 1.786-13.316-.275-18.812-3.5c-5.497-3.223-10.55-7.79-15.594-13.31c-10.087-11.045-20.125-26.058-29.563-42.22c-9.477-16.23-18.235-33.37-25.218-48.688c-45.532 8.43-85.193 11.69-102.126 6.313c27.59 101.65 71.632 175.738 120.312 216.094H388.75c47.247-52.587 62.203-160.075 25.125-296.69zm-127.843 12.064c-.745.007-1.525.022-2.31.062c-8.694.44-19.32 2.508-29.626 5.594c-10.308 3.086-20.344 7.183-28.063 11.313c-5.254 2.81-8.667 5.522-10.905 7.53c5.213 15.886 19.636 48.602 36.22 77c9.044 15.492 18.7 29.674 27.218 39c4.258 4.664 8.254 8.075 11.218 9.813c2.965 1.74 4.307 1.64 4.595 1.563s1.42-.62 3.094-3.564c1.67-2.944 3.424-7.837 4.75-13.97c2.648-12.262 3.823-29.34 3.81-47.217c-.02-33.398-4.27-69.712-7.842-85.564c-2.73-.895-6.933-1.61-12.157-1.562z"/></svg>

Spade アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Game Icons の関連アイコン

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

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

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

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

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

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

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

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

Game Icons をすべて見る →