Riot Shield アイコン
game-icons:riot-shield
Riot Shield アイコン(game-icons:riot-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
- タグ
- riotshield
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m147.72 22l-12 186.063L136 206l20.47 19.28l60.06 4.22l-62.718 17.53l-19.687-14.186L119.28 462.72c34.19 37.568 246.03 46.008 292.783 1l10.093-156.345l-.5.656l-106.28 28.72l108.655-58.594l15.314-237.312c-.416.048-.834.077-1.25.125l-17.844-12C342.784 48 262.702 41.085 162.062 26.5a425 425 0 0 1-14.343-4.5zm35.155 65.875l10.03 1.53c71.27 10.928 142.92 12.908 215.44 1.69l11.56-1.814l-.81 11.69l-6.158 87.874l-.468 6.72l-6.533 1.686c-75.586 19.37-150.226 19.046-223.187-1.75l-7.28-2.094l.53-7.562l6.156-87.875zm17.25 21.375l-4.938 70.094c16.562 4.392 33.175 7.695 49.875 9.906l-44.28-79.906q-.33-.046-.657-.094m199.5 1.844c-22.016 2.998-43.938 4.807-65.78 5.594l38.092 68.812a449 449 0 0 0 22.813-4.875l4.875-69.53zM223.75 112.25l43.938 79.313c8.84.65 17.708 1.015 26.593 1.062l-43.092-77.75a798 798 0 0 1-27.438-2.625zm-11.344 181.656c5.072 11.86 14.753 13.32 25.125 13.25c-8.644 17.158.01 19.542 13.095 31.25c-22.473-5.502-36.892.28-49.438 22.156c-.343-18.092-6.846-35.864-33.5-45.812c22.11 1.196 42.39-3.123 44.72-20.844zm70.375 48.53c6.363 16.677 20.84 19.917 36.94 10.94c-8.647 17.155-9.585 30.1 3.5 41.812c-22.474-5.502-32.294-7.15-40.783 8.937c-.343-18.094-14.782-24.426-34.312-29.03c19.98-4.563 33.006-12.248 34.656-32.658zm88.47 70.283c.344 18.093.94 25.36 19.25 32.28c-16.95-1.495-29.377 4.88-34.063 19.47c-5.073-11.863-14.75-13.32-25.125-13.25c2.8-8.81 4.74-19.01-3.218-30.22c17.49 3.448 31.427.68 43.156-8.28"/></svg>Riot Shield アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:riot-shield" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:riot-shield" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:riot-shield" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--riot-shield]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:riot-shield"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:riot-shield"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/riot-shield.svg" alt="Riot Shield アイコン" width="24" height="24">Riot Shield アイコン のよくある質問
Riot Shield アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Riot Shield アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:riot-shield" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Riot Shield アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/riot-shield.svg" alt="Riot Shield アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。