Card 5 Hearts アイコン

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

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

game-icons:card-5-hearts

Card 5 Hearts アイコン(game-icons:card-5-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.436 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.91 52.452-11.848c6.262-10.846 15.923-15.978 25.236-16.195m34.31 124.361q30.075 6.895 49.095 6.895q8.914 0 16.76-1.664q7.846-1.784 11.769-4.041q2.02-1.07 2.615-1.07q1.189 0 1.188 1.782q0 4.161-5.348 11.055q-5.35 6.776-14.621 10.819q-9.153 4.04-21.16 4.04q-13.909 0-33.166-4.279l-3.922 45.408q9.034-4.516 17.236-6.775t15.572-2.258q23.3 0 39.11 15.453q15.928 15.454 15.928 38.159q0 25.2-16.88 41.486t-43.745 16.285q-20.565 0-33.522-11.65q-12.838-11.768-12.838-27.934q0-9.747 4.041-14.978q4.16-5.35 10.58-5.35q6.3 0 10.223 4.28q4.042 4.16 4.043 10.937q0 5.11-2.022 7.963q-1.902 2.853-7.132 4.756q-5.23 2.021-5.23 4.636q0 3.804 3.566 8.44q3.566 4.517 10.699 7.488q7.251 2.853 16.523 2.853q18.188 0 27.697-11.292q9.63-11.295 9.63-36.733q-.001-23.18-10.106-33.877q-10.104-10.699-25.795-10.7q-7.132 0-14.264 2.616t-14.265 7.846q-.833 8.32-2.973 11.174q-2.139 2.734-5.467 2.734q-2.378 0-3.804-1.664q-1.426-1.665-1.426-4.637q0-5.23 4.873-10.342q1.426-1.545 2.021-2.734l2.735-34.947q1.665-20.685 1.783-40.18zM360.73 361.77c4.572 17.07 53.289 38.923 52.312 70.013c-.57 18.189-13.462 28.364-27.074 28.045v-.002c-9.314-.217-18.975-5.349-25.237-16.195c-15.048 26.061-53.445 19.308-52.45-11.848c1.036-32.442 47.451-51.364 52.449-70.013"/></svg>

Card 5 Hearts アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:card-5-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-5-hearts"></iconify-icon>

HTML 画像

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

Game Icons の関連アイコン

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

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

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

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

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

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

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

Game Icons をすべて見る →