Cross Shield アイコン

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

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

game-icons:cross-shield

Cross Shield アイコン(game-icons:cross-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
タグ: crossshield

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 20c-64 96-128 88-192 104c0 256 64 320 192 368c128-48 192-112 192-368c-64-16-128-8-192-104m0 32a9 9 0 1 1 0 18a9 9 0 0 1 0-18m.291 30.152a269 269 0 0 0 13.84 14.15c34.949 35.385 82.966 45.887 130.685 56.428c2.732 1.184 6.62.508 8.864 1.958c-2.683 64.84-5.522 131.649-32.315 191.746c-12.685 31.46-36.26 57.602-64.37 76.144c-15.452 10.864-32.847 18.227-49.884 26.115c-6.586 4.573-13.697-.448-20.242-2.46c-43.648-17.847-84.444-48.619-105.056-92.266c-29.065-62.018-32.949-131.823-35.815-199.393c57.423-8.808 112.578-27.8 152.441-70.418zM256 124l-27.512 68.78C211.228 189.067 190.45 182.15 160 172c0 32-16 48-32 64c0 16 64 32 80 32c13.173-8.782 22.72-15.138 30.646-19.1C234.19 277.441 218.65 337.35 192 364c32 16 48 32 64 48c16-16 32-32 64-48c-26.65-26.65-42.19-86.559-46.646-115.1c7.926 3.962 17.473 10.318 30.646 19.1c16 0 80-16 80-32c-16-16-32-32-32-64c-30.45 10.15-51.228 17.068-68.488 20.78zm-172 8a9 9 0 1 1 0 18a9 9 0 0 1 0-18m344 0a9 9 0 1 1 0 18a9 9 0 0 1 0-18M96 282a9 9 0 1 1 0 18a9 9 0 0 1 0-18m320 0a9 9 0 1 1 0 18a9 9 0 0 1 0-18M160 410a9 9 0 1 1 0 18a9 9 0 0 1 0-18m192 0a9 9 0 1 1 0 18a9 9 0 0 1 0-18m-96 50a9 9 0 1 1 0 18a9 9 0 0 1 0-18"/></svg>

Cross Shield アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Game Icons の関連アイコン

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

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

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

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

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

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

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

Game Icons をすべて見る →