Card 2 Hearts アイコン

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

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

game-icons:card-2-hearts

Card 2 Hearts アイコン(game-icons:card-2-hearts)は、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
タグ: cardhearts、heart

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M119.434 36c-16.126 0-29.2 17.237-29.2 38.5v363c0 21.263 13.074 38.5 29.2 38.5h275.298c16.126 0 29.198-17.237 29.198-38.5v-363c0-21.263-13.072-38.5-29.198-38.5zm57.216 16.174c13.613-.319 26.504 9.854 27.075 28.043c.976 31.09-47.74 52.945-52.313 70.015c-4.997-18.649-51.413-37.573-52.45-70.015c-.994-31.155 37.404-37.907 52.452-11.846c6.262-10.846 15.923-15.978 25.236-16.195zm70.21 124.361q14.382 0 26.626 6.182q12.363 6.18 18.545 16.285q6.182 9.986 6.182 21.873q0 8.201-3.092 16.64q-3.09 8.441-9.033 15.811q-10.224 12.72-21.041 21.754l-31.383 26.39q-11.887 9.985-17.353 16.999q-5.47 7.013 53.966 7.013q8.915 0 12.72-4.636q3.803-4.636 8.677-25.676h8.084l-3.805 49.332H189.445v-6.42l34.592-39.346q28.885-31.383 34.71-39.466q8.32-11.531 12.124-22.229q3.805-10.817 3.805-19.613q0-14.622-8.084-22.944q-8.084-8.44-22.467-8.44q-16.166 0-26.389 7.727t-10.222 16.405q0 2.972 1.545 4.517q1.425 1.545 6.181 2.735q12.006 2.852 12.006 14.025q0 6.063-4.04 10.106q-4.043 3.922-10.343 3.921q-7.252 0-12.72-6.656q-5.468-6.776-5.467-17.594q0-12.124 6.18-21.99q6.3-9.985 18.902-16.285q12.6-6.42 27.101-6.42zM360.728 361.77c4.572 17.07 53.287 38.925 52.31 70.015c-.57 18.189-13.462 28.362-27.074 28.043v-.002c-9.314-.217-18.975-5.349-25.236-16.195c-15.048 26.061-53.446 19.31-52.452-11.846c1.037-32.442 47.454-51.366 52.452-70.016z"/></svg>

Card 2 Hearts アイコンの使い方

React

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

<Icon icon="game-icons:card-2-hearts" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:card-2-hearts" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:card-2-hearts" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:card-2-hearts"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/card-2-hearts.svg" alt="Card 2 Hearts アイコン" width="24" height="24">

Game Icons の関連アイコン

Card 2 Hearts アイコンのよくある質問

Card 2 Hearts アイコンは商用利用でも無料ですか?

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

React で Card 2 Hearts アイコンを使うには?

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

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

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

Game Icons をすべて見る →