ICONYZ
日本語
Game Icons の Card 3 Hearts アイコン

Card 3 Hearts アイコン

game-icons:card-3-hearts

Card 3 Hearts アイコン(game-icons:card-3-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.214 16.174h.002c13.612-.318 26.504 9.855 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.261-10.846 15.921-15.977 25.234-16.195m69.973 124.361q22.348 0 35.662 12.006t13.315 29.717q0 12.72-7.252 21.992q-7.132 9.272-24.725 16.404q16.999 4.16 26.508 13.79q12.125 12.243 12.125 30.312q0 20.446-14.502 32.808q-16.524 14.266-43.033 14.266q-15.929 0-27.46-5.23q-11.411-5.23-17.116-14.147q-5.706-8.915-5.706-20.09q0-9.034 4.399-14.263c4.399-5.229 6.617-5.23 11.055-5.23q6.061 0 9.748 4.04q3.684 3.923 3.683 10.819q0 4.397-1.902 7.488q-1.902 2.972-6.656 5.588q-5.112 2.733-5.112 5.23q0 3.565 3.567 8.082q3.685 4.398 10.699 7.133q7.132 2.615 17.95 2.615q18.662 0 27.577-9.154q9.034-9.27 9.033-29.598q0-21.278-7.726-30.193q-7.608-9.035-22.703-9.035q-4.043 0-10.106.95q-4.874.714-7.013.714q-3.567 0-5.586-1.426q-1.902-1.545-1.903-3.805q0-2.495 1.784-3.802q1.902-1.427 6.062-1.428l6.537.238l5.707.238q15.097 0 22.705-7.726q7.608-7.727 7.608-23.895q0-19.85-7.252-28.172q-7.251-8.439-21.635-8.439q-13.195 0-21.04 4.754q-7.845 4.755-7.845 8.797q-.001 2.615 4.516 7.013q6.42 5.943 6.42 12.362q0 4.874-3.567 8.203q-3.565 3.328-9.152 3.328q-5.944 0-9.748-4.518q-3.686-4.515-3.686-12.6q0-12.6 9.036-22.347q12.837-13.79 36.73-13.789M360.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.307-52.45-11.848c1.036-32.442 47.451-51.364 52.449-70.013"/></svg>

Card 3 Hearts アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

Game Icons の関連アイコン

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

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

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

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

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

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

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

Game Icons をすべて見る →