Heart Bottle アイコン

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

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

game-icons:heart-bottle

Heart Bottle アイコン(game-icons:heart-bottle)は、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
タグ: heartbottle

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m252.875 24.25l-11.53 42.906l141.218 37.875l11.5-42.905zm.78 65.563l-6.843 25.468l-18.375-4.936c-42.78-11.464-87.073 13.496-98.562 56.375L80 352.843c-11.49 42.88 14.12 87.232 57 98.72l143.438 38.436c42.88 11.49 86.63-14.376 98.093-57.156l49.876-186.156c11.462-42.78-13.752-86.44-56.53-97.907v-.03l-19.032-5.094l6.812-25.437l-18.03-4.845l-9.25 34.5l-2.407 9l.124.03c-9.833 28.888 56.393 96.208 82.312 64.69a62.9 62.9 0 0 1-2.03 20.28l-2.75 10.22h-45.72c9.88 13.787 13.913 32.493 7.656 53.155c-9.313 30.756-36.22 45.28-62.687 58.125c-26.467 12.846-53.43 24.8-70.28 47.97L222.687 430.5L219.78 407c-3.545-28.56-21.868-51.723-38.78-75.813c-8.456-12.044-16.508-24.29-21.406-37.968c-4.487-12.53-6.085-26.434-2.563-41.126h-30.686l21.594-80.563c8.87-33.105 42.48-52.054 75.687-43.155l27.406 7.344l9 2.436l2.44-9.03l9.25-34.47l-18.064-4.844zM217.47 220.188c-17.402.35-34.707 10.976-41.44 33.25c-3.707 12.27-2.716 22.65 1.157 33.468c3.874 10.817 10.928 21.855 19.125 33.53c13.337 18.998 29.728 39.8 37.782 65.69c19.37-18.71 43.527-29.34 64.594-39.563c25.93-12.587 46.112-23.974 53-46.72c7.507-24.79-2.893-40.962-19.344-49c-16.45-8.037-39.098-6.47-56.156 10.5l-11.907 11.844l-3.81-16.375c-5.908-25.504-23.357-36.304-41.314-36.625c-.56-.01-1.126-.01-1.687 0z"/></svg>

Heart Bottle アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Game Icons の関連アイコン

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

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

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

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

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

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

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

Game Icons をすべて見る →