Life Tap アイコン
game-icons:life-tap
Life Tap アイコン(game-icons:life-tap)は、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
- タグ
- lifetap
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M345.688 65.844c-35.618.5-72.53 18.186-98.813 55.594c10.073 20.198 14.32 42.84 11.063 66.156L239.405 185c6.576-47.067-22.98-91.607-72.97-112.28c-69.356-23.26-149.8 17.77-146.842 110.5c4.334 135.738 198.593 214.873 219.5 292.905c7.42-27.684 42.628-58.402 82.687-93.188c-2.85.51-5.782.782-8.78.782c-33.258 0-58.156-32.542-58.156-70.19c0-37.646 24.9-70.155 58.156-70.155c15.437 0 29.067 7.034 39.25 18.313h28.062v-19.063H353.72v-18.688h71.905v18.688H399.03v19.063h34.439v3.843c15.718-25.613 25.388-52.978 24.467-82.31c-2.326-74.106-53.54-116.433-108.812-117.376a110 110 0 0 0-3.438 0zM313 262.064c-20.678-.002-39.47 21.928-39.47 51.467c0 29.54 18.792 51.5 39.47 51.5c11.58 0 22.595-6.877 30.03-18.124h-16.217c-11.09 0-20.496-4.162-26.344-10.906c-5.85-6.744-8.05-15.39-7.533-23.594c.518-8.202 3.65-16.23 9.407-22.562s14.48-10.75 24.47-10.75h15.467c-7.414-10.596-18.078-17.03-29.28-17.03zm51.563 18.31v62.907h50.218v-62.905h-50.217zm-37.75 17.407c-4.823 0-8.008 1.747-10.625 4.626s-4.337 7.11-4.594 11.188c-.257 4.077.86 7.72 3 10.187c2.138 2.467 5.4 4.44 12.22 4.44h19.06v-30.44zm106.656.158V328.5c10.466 1.267 15.374 7.182 15.374 18.75v34.25h30.437v-34.25c0-27.41-13.77-47.27-45.81-49.313zm29.967 103.218c-5.23 43.36-24.52 37.683-24.906 65c-.167 12.38 11.43 22.625 25.814 22.625c14.382 0 26.25-10.24 26.25-22.624c0-27.455-21.384-21.81-27.156-65z"/></svg>Life Tap アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:life-tap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:life-tap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:life-tap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--life-tap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:life-tap"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:life-tap"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/life-tap.svg" alt="Life Tap アイコン" width="24" height="24">Game Icons の関連アイコン
Life Tap アイコン のよくある質問
Life Tap アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Life Tap アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:life-tap" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Life Tap アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/life-tap.svg" alt="Life Tap アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。