Arrows Shield アイコン

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

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

game-icons:arrows-shield

Arrows Shield アイコン(game-icons:arrows-shield)は、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
タグ: arrowsshield、arrow

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M17.47 26.563v20.875L84.812 81.06l-14.5 30.47l155.968 24.03L109.313 29.626L92.876 64.188L17.47 26.562zm354.842 32.5c-4.43.024-8.844.136-13.218.343c-45.09 2.137-86.237 14.54-113.28 38.782c.172 77.194 5.056 152.54 23.124 213.687c17.983 60.865 48.327 106.972 99.687 129.906c45.97-20.273 76.837-71.63 95.97-138.56c19.067-66.71 26.205-147.742 26.592-224.126c-34.766-12.206-75.27-19.68-114.437-20.03c-1.48-.015-2.96-.01-4.438-.002m-6.5 27.968c1.047-.006 2.107-.008 3.157 0c29.384.265 59.388 6.713 85.03 17.44l5.72 2.405v6.22c0 58.435-4.575 121.105-18.064 173.78c-13.488 52.675-35.843 96.5-74.375 113.688l-3.905 1.718l-3.844-1.78c-40.63-18.93-63.79-58.79-76.592-107.156c-12.803-48.366-15.813-106.07-15.813-164.5v-3.688l2.5-2.687c21.535-23.147 53.538-33.397 86.813-35.157c3.12-.166 6.235-.26 9.375-.282zm3 18.69c-3.82-.04-7.618.05-11.375.25c-28.647 1.514-54.426 10.133-71.562 26.81c.145 56.383 3.362 111.343 15.125 155.782c11.566 43.697 30.844 76.442 62.5 93c27.89-14.766 47.736-51.3 60.03-99.312c12.383-48.354 17.045-107.17 17.376-162.78c-22.038-8.363-47.53-13.5-72.094-13.75M91.875 162.155l-2.844 33.78l-71.56-6.592v18.75l69.968 6.47l-2.844 33.624l146.97-30.875zm9.97 128.156l8.03 27.532L17.47 344.47v19.467l97.624-28.187l9.437 32.344l118.25-76.688l-140.936-1.094zm171.436 85.094l-145.155 44.438l19.03 28.5l-70.093 46.78l.376.563h32.468l47.625-31.78l19.032 28.53l96.72-117.03z"/></svg>

Arrows Shield アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Game Icons をすべて見る →