Shining Heart アイコン

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

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

game-icons:shining-heart

Shining Heart アイコン(game-icons:shining-heart)は、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
タグ: shiningheart

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m142.094 20.063l37.594 76.78a94.2 94.2 0 0 0-27.47-4.187a94.3 94.3 0 0 0-23 2.78c-9.593 2.388-18.805 6.298-27.312 11.533L18.53 23.593v70.312l56.19 37.813c-12.143 16.172-19.905 36.81-20.657 60.78c-.14 4.438-.026 8.76.312 12.97l-35.844-9.657v41.843l44.72 3.094c3.274 7.523 7.29 14.613 11.906 21.28c9.205 13.295 20.61 25.098 33 36.345L18.53 322.188V368.5l109.157-53.28c13.032 10.868 26.395 21.638 39.094 33L20.345 494.28H91.78l88.97-132.936c14.037 13.884 26.635 28.95 36.188 46.344l-23.22 86.593h41.595l4.593-65.936l1.938-5.03c9.503-24.743 24.99-45.3 42.937-63.94l35.626 134.907h47.22L296.218 348c9.033-8.604 18.47-16.856 27.936-25.03L492.78 491.593v-70.938l-158.374-106.53c1.105-.955 2.21-1.922 3.313-2.876c10.166-8.807 20.203-17.72 29.467-27.063l125.594 33.907v-42.22l-111-7.718c13.545-16.36 24.01-34.353 28.533-55.437l82.468-21.94v-47.843l-80.186 39.47c-1.48-25.603-11.335-46.322-25.938-61.25L487.75 20.062h-70.375l-55.906 83.062a93 93 0 0 0-22.376-7.406c-14.422-2.82-29.657-2.43-44.47 1.186l20.813-76.844h-41.843l-5.938 87.438c-12.74 7.1-24.463 16.97-34.187 29.688c-5.627-8.07-11.943-14.987-18.72-20.813L189 20.062h-46.906zm10.125 91.124c27.033-.222 54.69 13.835 72.655 47.563l7.906 14.813l8.44-14.532c21.855-37.654 61.142-51.45 94.31-44.968c33.17 6.483 59.992 31.78 58.5 78.438c-1.38 43.233-31.41 72.474-68.53 104.625c-32.58 28.218-70.07 57.918-92.594 100.78c-23.6-42.682-62.317-71.126-95.156-98.624c-18.69-15.648-35.51-30.997-47.22-47.905c-11.707-16.908-18.508-35.107-17.78-58.28c1.364-43.454 28.753-71.513 61-79.532c6.046-1.504 12.23-2.324 18.47-2.376zM314.97 135.5c-11.794 0-23.042 3.426-32.25 9.406c20.885-2.46 44.746 10.98 59.03 35.72c12.43 21.526 14.015 45.497 5.938 62.468c15.646-10.572 25.78-28.802 25.78-49.094a58.297 58.297 0 0 0-58.5-58.5z"/></svg>

Shining Heart アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:shining-heart"></iconify-icon>

HTML 画像

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

Game Icons の関連アイコン

Shining Heart アイコンのよくある質問

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

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

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

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

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

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

Game Icons をすべて見る →