Half Heart アイコン
game-icons:half-heart
Half Heart アイコン(game-icons:half-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
- タグ
- halfheart
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M367.844 23.563c-1.25-.007-2.497 0-3.75.03c-39.558 1.014-80.216 21.152-108.656 61.938c-35.39-50.06-91.964-68.935-140.938-58.905C61.602 37.46 17.574 83.133 19.844 154.188c2.375 74.366 56.072 131.622 109.844 179.968c26.885 24.173 54.033 46.28 75.468 67s36.758 40.126 41.313 57.125l9.03 33.69l9-33.69c3.988-14.88 19.58-34.12 41.594-55.03s49.996-43.803 77.47-68.78c54.944-49.96 109.165-108.878 106.905-180.876c-2.19-69.696-45.2-115.576-96.75-127.125a121 121 0 0 0-25.876-2.907zm-227.97 19.125c39.622-.274 81.748 20.09 107.532 64.75l7.75 13.437V239.75a37 37 0 0 0-4.5-.28c-20.714 0-37.53 16.784-37.53 37.5c0 20.715 16.816 37.5 37.53 37.5c1.533 0 3.016-.104 4.5-.283v117.657c-8.78-15.032-21.796-29.428-37-44.125c-1.05-1.015-2.117-2.047-3.187-3.064c13.682-2.09 24.186-13.89 24.186-28.156c0-15.744-12.788-28.5-28.53-28.5c-15.304 0-27.784 12.052-28.47 27.188c-13.032-11.32-26.6-22.92-39.97-34.938c-52.87-47.538-101.56-101.075-103.655-166.656c-2.022-63.343 34.622-99.42 79.72-108.656a111.5 111.5 0 0 1 21.625-2.25zm40.75 41.75c-20.713 0-37.5 16.785-37.5 37.5c0 4.616.85 9.04 2.376 13.124q-.203-.002-.406 0c-12.153 0-22 9.848-22 22c0 12.154 9.847 22 22 22c12.152 0 22-9.846 22-22v-.125c4.197 1.624 8.76 2.5 13.53 2.5c20.715 0 37.5-16.783 37.5-37.5s-16.785-37.5-37.5-37.5zm26.314 83.687c-10.834.55-19.438 9.53-19.438 20.5c0 11.325 9.176 20.5 20.5 20.5s20.5-9.175 20.5-20.5s-9.176-20.5-20.5-20.5c-.354 0-.713-.018-1.063 0zm-33.844 52.438c-14.362 0-26 11.636-26 26c0 14.363 11.638 26.03 26 26.03s26.03-11.67 26.03-26.03c0-14.364-11.668-26-26.03-26"/></svg>Half Heart アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:half-heart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:half-heart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:half-heart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--half-heart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:half-heart"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:half-heart"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/half-heart.svg" alt="Half Heart アイコン" width="24" height="24">Game Icons の関連アイコン
Half Heart アイコン のよくある質問
Half Heart アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Half Heart アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:half-heart" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Half Heart アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/half-heart.svg" alt="Half Heart アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。