Health Capsule アイコン
game-icons:health-capsule
Health Capsule アイコン(game-icons:health-capsule)は、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
- タグ
- healthcapsule
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m314 29.72l-11.4 11.35l32.5 32.54l11.4-11.39zm38.3 2.74c-3.5-.04-6.8.1-9.6.39c0 0-.1.01-.1.02l61.9 61.87l30.8-30.82c-19.8-17.03-43.2-26-63.5-29.57c-5.6-.99-11-1.56-15.9-1.79c-1.2-.05-2.4-.09-3.6-.1m-51.1 32.69L65.15 301.3L108.9 345l4.9-4.9l6.4-6.3l58 58l-11.3 11.3l43.8 43.8l236.2-236.1zm58.1 9.83l-11.4 11.39l77.7 77.73l11.4-11.4zm88.8 1.7l-30.8 30.82l61.9 62v-.2c.8-7.6.5-17.9-1.5-29.1c-3.6-20.3-12.6-43.73-29.6-63.52m1.7 88.82l-11.4 11.4l32.5 32.5l11.4-11.4zm-227.7 11.3l33.9 33.9l33.9-33.9l45.3 45.3l-33.9 33.9l33.9 33.9l-45.3 45.3l-33.9-33.9l-33.9 33.9l-45.3-45.3l33.9-33.9l-33.9-33.9zM40.94 302.6L29.7 314l55.14 55.1l11.31-11.3zm-8.08 40c0 .1-.01.1-.01.1c-.78 7.6-.48 17.9 1.5 29.1c3.98 22.6 14.65 49.1 35.68 70.1c21.03 21.1 47.57 31.8 70.17 35.8c11.2 2 21.5 2.3 29.1 1.5h.2l-39.4-39.4l-9.9 9.9l-57.96-57.9l9.9-9.9zm87.34 16.6l-32.5 32.6l32.5 32.5l32.6-32.5zm34 56.6l-11.4 11.3l55.2 55.2l11.4-11.3z"/></svg>Health Capsule アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:health-capsule" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:health-capsule" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:health-capsule" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--health-capsule]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:health-capsule"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:health-capsule"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/health-capsule.svg" alt="Health Capsule アイコン" width="24" height="24">Game Icons の関連アイコン
Health Capsule アイコン のよくある質問
Health Capsule アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Health Capsule アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:health-capsule" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Health Capsule アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/health-capsule.svg" alt="Health Capsule アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。