ICONYZ
English
Arrows Shield icon from Game Icons

Arrows Shield icon

game-icons:arrows-shield

The Arrows Shield icon (game-icons:arrows-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
arrowsshield, arrow
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="M17.47 26.563v20.875L84.812 81.06l-14.5 30.47l155.968 24.03L109.313 29.626L92.876 64.188L17.47 26.562zm354.842 32.5c-4.43.024-8.844.136-13.218.343c-45.09 2.137-86.237 14.54-113.28 38.782c.172 77.194 5.056 152.54 23.124 213.687c17.983 60.865 48.327 106.972 99.687 129.906c45.97-20.273 76.837-71.63 95.97-138.56c19.067-66.71 26.205-147.742 26.592-224.126c-34.766-12.206-75.27-19.68-114.437-20.03c-1.48-.015-2.96-.01-4.438-.002m-6.5 27.968c1.047-.006 2.107-.008 3.157 0c29.384.265 59.388 6.713 85.03 17.44l5.72 2.405v6.22c0 58.435-4.575 121.105-18.064 173.78c-13.488 52.675-35.843 96.5-74.375 113.688l-3.905 1.718l-3.844-1.78c-40.63-18.93-63.79-58.79-76.592-107.156c-12.803-48.366-15.813-106.07-15.813-164.5v-3.688l2.5-2.687c21.535-23.147 53.538-33.397 86.813-35.157c3.12-.166 6.235-.26 9.375-.282zm3 18.69c-3.82-.04-7.618.05-11.375.25c-28.647 1.514-54.426 10.133-71.562 26.81c.145 56.383 3.362 111.343 15.125 155.782c11.566 43.697 30.844 76.442 62.5 93c27.89-14.766 47.736-51.3 60.03-99.312c12.383-48.354 17.045-107.17 17.376-162.78c-22.038-8.363-47.53-13.5-72.094-13.75M91.875 162.155l-2.844 33.78l-71.56-6.592v18.75l69.968 6.47l-2.844 33.624l146.97-30.875zm9.97 128.156l8.03 27.532L17.47 344.47v19.467l97.624-28.187l9.437 32.344l118.25-76.688l-140.936-1.094zm171.436 85.094l-145.155 44.438l19.03 28.5l-70.093 46.78l.376.563h32.468l47.625-31.78l19.032 28.53l96.72-117.03z"/></svg>

How to use the Arrows Shield icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:arrows-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:arrows-shield"></iconify-icon>

HTML image

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

Arrows Shield icon FAQ

Is the Arrows 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 Arrows Shield icon in React?

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

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

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

Browse all Game Icons →