Punching Bag アイコン
game-icons:punching-bag
Punching Bag アイコン(game-icons:punching-bag)は、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
- タグ
- punchingbag
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m383 19.27l-88.6 88.63c5.8-2.9 12.7-5 20.6-6.7c4.4-1 9.2-1.84 14.2-2.58L383 44.73l53.8 53.89c5 .74 9.8 1.58 14.2 2.58c7.9 1.7 14.8 3.8 20.6 6.7zm0 93.73c-23.5 0-47.1 2-64 5.8c-8.5 1.9-15.4 4.3-19.3 6.5c-3.4 2-3.7 3-3.7 2.8v49.2c5.6-1.4 12.2-2.4 20-3.2c18.6-2.1 42.8-3.1 67-3.1s48.4 1 67 3.1c7.8.8 14.4 1.8 20 3.2v-49.2c0 .2-.3-.8-3.7-2.8c-3.9-2.2-10.8-4.6-19.3-6.5c-16.9-3.8-40.5-5.8-64-5.8m0 76c-23.7 0-47.6 1-65 2.9c-8.7 1-15.9 2.3-20.3 3.5c-.6.2-1.2.4-1.7.5v200.2c.5.1 1.1.3 1.7.5c4.4 1.2 11.6 2.5 20.3 3.5c17.4 1.9 41.2 2.9 65 2.9s47.6-1 65-2.9c8.7-1 15.9-2.3 20.3-3.5c.6-.2 1.2-.4 1.7-.5V195.9c-.5-.1-1.1-.3-1.7-.5c-4.4-1.2-11.6-2.5-20.3-3.5c-17.4-1.9-41.2-2.9-65-2.9m-253.3 6.8C101.8 195.5 59 224 59 224v64s37.9 44.7 79.8 44.4c21.5-.1 86.5-9.5 95.5-37.7c5.8-18 5.7-46.4-9-60.7c-20.1-19.6-83.5-10-83.5-10s9.7-17.5 4.1-22.7c-4.1-3.8-9.8-5.4-16.2-5.5M24 224v64h18v-64zm272 190.7v49.2c0-.2.3.8 3.7 2.8c3.9 2.2 10.8 4.6 19.3 6.5c16.9 3.8 40.5 5.8 64 5.8s47.1-2 64-5.8c8.5-1.9 15.4-4.3 19.3-6.5c3.4-2 3.7-3 3.7-2.8v-49.2c-5.6 1.4-12.2 2.4-20 3.2c-18.6 2.1-42.8 3.1-67 3.1c-24.3 0-48.4-1-67-3.1c-7.8-.8-14.4-1.8-20-3.2"/></svg>Punching Bag アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:punching-bag" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:punching-bag" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:punching-bag" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--punching-bag]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:punching-bag"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:punching-bag"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/punching-bag.svg" alt="Punching Bag アイコン" width="24" height="24">他のアイコンセットの Punching Bag アイコン
Punching Bag アイコン のよくある質問
Punching Bag アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Punching Bag アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:punching-bag" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Punching Bag アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/punching-bag.svg" alt="Punching Bag アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。