Shield Echoes アイコン

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

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

game-icons:shield-echoes

Shield Echoes アイコン(game-icons:shield-echoes)は、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
タグ: shieldechoes、echoe

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m32.75 23.063l-9.22.125l-.124 9.218c0 60.947 6.182 121.836 24.532 171.625s49.816 89.117 99.28 102.72l2.22.594l2.218-.47a136 136 0 0 0 6.25-1.5c18.914 42.993 48.93 76.25 93.594 88.532l2.188.594l2.218-.47c1.185-.25 2.337-.532 3.5-.81c20.05 50.325 52.134 87.948 101.438 101.5c113.453-24.192 130.97-161.447 130.97-296.69H377.467c2.195-25.66 2.905-52.133 2.905-78.468v-9.343H273.25c2.16-25.457 2.875-51.703 2.875-77.814v-9.343zm9.47 18.687h215.124c-.17 23.184-1 46.25-2.938 68.47H127.688v9.343c0 59.563 5.887 119.072 23.282 168.218c-.326.08-.643.175-.97.25c-41.358-12.25-67.735-44.895-84.53-90.467C49.266 153.602 42.85 98.21 42.22 41.75m104.28 87.156h215.125c-.172 23.407-1.046 46.71-3.03 69.125H229.968c0 62.666 6.02 125.03 22.78 176.69c-40.495-12.593-66.44-44.983-83.03-90c-16.203-43.962-22.588-99.355-23.22-155.814zm108.406 89.03h213.156v9.345c0 54.125-3.516 108.978-17.968 153.782s-41.13 80.5-85.938 90.97l-2.437.562l-2.408-.72c-40.974-12.34-67.332-47.6-83-91.905c-15.667-44.306-21.406-98.46-21.406-152.69v-9.343zm18.813 18.69c.65 49.682 6.538 98.41 20.217 137.093c14.2 40.152 36.1 68.604 68.532 79.374c35.817-9.437 56.817-37.4 69.842-77.78c12.557-38.93 16.445-88.56 16.875-138.69H273.72z"/></svg>

Shield Echoes アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Game Icons の関連アイコン

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

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

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

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

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

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

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

Game Icons をすべて見る →