Shield Bounces アイコン

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

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

game-icons:shield-bounces

Shield Bounces アイコン(game-icons:shield-bounces)は、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
タグ: shieldbounces、bounce

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M142.37 21.035a342 342 0 0 0-4.64.01c-41.1.368-83.607 8.237-120.058 21.103c.386 80.173 7.825 165.28 27.805 235.348c20.04 70.286 52.434 124.282 100.748 145.553c53.917-24.07 85.753-72.574 104.593-136.5c18.927-64.216 24.042-143.3 24.215-224.29c-28.374-25.59-71.56-38.62-118.838-40.867c-4.578-.218-9.19-.336-13.824-.358zm2.136 27.844c4.387.018 8.76.13 13.105.345c34.76 1.712 67.982 9.664 90.966 29.44l3.25 2.796v4.288c0 62.11-3.212 125.186-16.738 178.236s-37.82 97.014-80.918 117.147l-3.87 1.81l-3.902-1.745c-40.838-18.267-64.292-66.432-78.556-124.086C53.578 199.455 48.707 131.105 48.707 69v-7.28l7.06-1.78c26.68-6.732 58.032-11.2 88.74-11.063zM347.18 60.376a1839 1839 0 0 1-.315 33.615l-53.578 5.467c-.145 6.3-.32 12.584-.547 18.84l53.647-5.474c-.39 12.47-.93 24.85-1.676 37.084l.52 4.436L500.1 87.36zm-202.75 7.195c-26.233-.098-53.274 3.532-76.955 8.953c.39 59.084 5.394 123.083 18.51 176.096c13.11 52.988 34.476 93.765 64.204 109.554c33.705-17.703 54.448-54.405 66.79-102.807C229.475 210.35 232.9 150.27 233.065 90.34c-18.126-13.75-45.83-20.945-76.375-22.45c-4.048-.2-8.142-.302-12.26-.318zm198.648 105.07a865 865 0 0 1-2.758 27.715l-52.654-8.59a764 764 0 0 1-2.227 18.57l52.5 8.567c-1.68 11.92-3.626 23.612-5.905 34.994l141.606-30.613l-130.56-50.644zm-12.865 99.573l-8.844 24.767a392 392 0 0 1-1.864 5.993l-48.633-18.643c-.69 2.516-1.398 5.02-2.13 7.502c-1.037 3.52-2.128 7-3.253 10.45l47.885 18.355a316 316 0 0 1-4.398 11.048l-.004.01l-7.89 22.095l150.517 7.754l-121.387-89.332zm-95.79 97.205a218 218 0 0 1-10.907 15.434l29.248 28.025c-8.436 7.337-17.59 13.893-27.545 19.567l140.58 62.37l-78.357-122.184c-6.4 9.8-13.464 18.9-21.238 27.24l-31.783-30.453z"/></svg>

Shield Bounces アイコンの使い方

React

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

<Icon icon="game-icons:shield-bounces" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:shield-bounces" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:shield-bounces" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:shield-bounces"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/shield-bounces.svg" alt="Shield Bounces アイコン" width="24" height="24">

Game Icons の関連アイコン

Shield Bounces アイコンのよくある質問

Shield Bounces アイコンは商用利用でも無料ですか?

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

React で Shield Bounces アイコンを使うには?

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

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

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

Game Icons をすべて見る →