Magic Shield アイコン

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

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

game-icons:magic-shield

Magic Shield アイコン(game-icons:magic-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
タグ: magicshield

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M57.78 23.135c-1.517 29.085-2.193 55.608-2.266 80.316c6.56-2.716 13.703-4.333 21.228-4.333c31.245 0 56.883 25.64 56.883 56.887c0 31.246-25.777 56.3-56.883 56.3c-6.068 0-11.95-1.003-17.488-2.77C71.906 332.82 108.064 376.35 147.668 401.9c20.677 13.34 42.986 21.7 64.268 33.245c17.444 9.463 34.177 21.525 47.42 40.127c13.23-18.597 29.925-30.658 47.324-40.122c21.226-11.545 43.46-19.904 64.064-33.242c39.46-25.543 75.488-69.07 88.135-192.324c-5.32 1.708-10.974 2.723-16.907 2.723c-31.107 0-56.88-25.058-56.88-56.3c0-31.244 25.634-56.888 56.88-56.888c7.63 0 14.745 1.697 21.23 4.508c-.07-24.757-.745-51.334-2.265-80.49c-59.488 13-130.78 19.266-201.5 19.888h-.163c-70.718-.62-142.008-6.888-201.496-19.888zm304.124 39.32l-27.117 93.18l-17.945-5.22l11.504-39.532l-85.116 63.646l-11.19-14.97l129.864-97.105zm-205.394 1.01l81.732 59.512l-11 15.107l-34.338-25.004l34.79 103.514l-17.714 5.955l-53.47-159.085zm140.486 99.652l129.383 97.95l-98.25-.48l.09-18.69l42.15.208l-84.653-64.087zm-122.357 37.71l10.83 15.228l-36.206 25.754l104.898-.17l.03 18.69l-163.577.262l84.024-59.766zm117.79 21l17.806 5.675l-49.39 155.008l-31.248-96.46l17.777-5.76l13.324 41.124l31.73-99.586z"/></svg>

Magic Shield アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Game Icons の関連アイコン

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

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

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

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

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

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

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

Game Icons をすべて見る →