ICONYZ
English
Riot Shield icon from Game Icons

Riot Shield icon

game-icons:riot-shield

The Riot Shield icon (game-icons:riot-shield) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Game Icons
Author
GameIcons
License
CC-BY-3.0
Size
512 × 512
Tags
riotshield
Download SVG

SVG code

<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>

How to use the Riot Shield icon

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 component

<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 image

<img src="https://iconyz.com/api/public/svg/game-icons/riot-shield.svg" alt="Riot Shield icon" width="24" height="24">

Riot Shield icon FAQ

Is the Riot Shield icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Riot Shield icon in React?

Install @iconify/react and render <Icon icon="game-icons:riot-shield" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Riot Shield icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/riot-shield.svg" alt="Riot Shield icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →