Surrounded Shield アイコン
game-icons:surrounded-shield
Surrounded Shield アイコン(game-icons:surrounded-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
- タグ
- surroundedshield
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m265.496 21.607l6.318 111.87l26.352-39.502l35.848-72.368zm89.373 0l-47.47 95.83l-6.834 19.184l48.793-30.65l-.024-.03L452.98 21.608h-98.11zm123.915 0l1.516 1.864l-87.152 70.915l-78.554 70.47l69.467-19.244l109.727-42.077V21.607h-15.002zm-345.55.586c-1.197.04-2.08.143-2.643.143c-37.722 0-66.125 37.65-66.125 81.605c0 17.037 4.316 32.848 11.64 46.023c-12.274 4.675-22.294 12.76-29.855 22.896c-10.174 13.64-16.37 30.73-20.426 49.288c-8.11 37.118-7.623 80.647-7.623 115.81v9.343h39.713l9.672 146.626h122.148l7.174-96.196a382 382 0 0 1-17.555-15.894l-6.964 93.402H85.085l-9.672-146.625H36.92c.017-33.33.38-71.425 7.164-102.476c3.706-16.962 9.328-31.62 17.148-42.104s17.386-17.03 31.254-19.18l15.926-2.466L98.36 149.79c-9.08-11.376-15.204-27.674-15.204-45.85c0-36.015 22.562-62.915 47.436-62.915c2.79 0 4.426-.112 4.617-.086l.1.013c22.578 2.953 42.72 29.22 42.72 62.988c0 18.513-6.364 34.904-15.757 46.33l26.434-7.823c5.084-11.485 8.01-24.554 8.01-38.506c0-41.176-24.445-77-58.985-81.516l-.002-.002l-1.248-.086h.48a27 27 0 0 0-3.728-.143zm3.726.143c.255.027.503.05.77.086l-.044-.008l-.6-.078zM493.788 123.55l-104.22 39.964l-70.083 37.465l98.082 5.493l76.22-10.008zm-199.172 30.706l-92.94 3.842L93.497 190.12c18.687 86.98 67.757 162.757 146.287 216.802c51.176-99.324 68.713-165.12 54.83-252.666zm199.172 61.058l-77.953 10.235l-102.865 33.944l96.708 34.318l84.11 11.043zm-77.25 98.25l-112.437.272l104.63 68.035l.034-.073l85.023 38.396v-96.49zm-118.926 55.54l54.347 62.43L427.02 493.8h66.767v-53.1l-92.715-41.87l.055-.12l-103.516-29.606zm-25.63 39.503l12.563 27.676l44.113 57.518h69.092l-61.703-51.185zM249.363 428.4l-3.234 65.4h58.974l-36.637-47.77z"/></svg>Surrounded Shield アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:surrounded-shield" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:surrounded-shield" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:surrounded-shield" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--surrounded-shield]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:surrounded-shield"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:surrounded-shield"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/surrounded-shield.svg" alt="Surrounded Shield アイコン" width="24" height="24">Game Icons の関連アイコン
Surrounded Shield アイコン のよくある質問
Surrounded Shield アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Surrounded Shield アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:surrounded-shield" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Surrounded Shield アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/surrounded-shield.svg" alt="Surrounded Shield アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。