ICONYZ
English
Slashed Shield icon from Game Icons

Slashed Shield icon

game-icons:slashed-shield

The Slashed Shield icon (game-icons:slashed-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
slashedshield
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="M256.156 22.125L60.28 82.438c.432 108.262 10.918 200.47 40.25 270.437c13.326 31.78 30.345 59.02 52.126 81.47c4.056-11.198 8.352-22.57 12.813-34.064c-16.453-18.292-29.438-40.056-39.345-64.75c-23.25-57.95-30.656-131.856-30.656-217.717l-.095-7.188l6.563-1.72L246.313 62.47a2236 2236 0 0 1 18.125-37.814zm52.656 16.188l-17.875 33.124l23.313 7.5c5.9-11.474 11.73-22.754 17.375-33.593zM376.5 59.156c-6.004 11.338-12.02 22.668-18.03 34l25.25 8.125a2525 2525 0 0 1 20.186-33.686zm71.156 21.907l-33.844 51.5c-.736 79.713-7.717 148.21-29.25 202.687c-22.848 57.806-63.124 99.61-127.312 118.625l-2.656.813l-2.656-.813c-32.193-9.537-58.434-25.294-79.5-46.25a1391 1391 0 0 1-19.625 26.844c26.645 27.41 60.394 47.68 103.28 60.25c80.56-23.573 128.42-71.69 157.5-142.095c28.78-69.676 38.15-161.577 38.532-270.188l-4.47-1.374zm-212 4.437L114.25 124.563c.405 81.79 8.107 151.38 29.22 204a250 250 0 0 0 1.374 3.375c24.524-86.216 54.174-165.683 90.812-246.438m46.25 2.625L147.25 337.5c7.214 16.193 15.74 30.653 25.875 43.344c38.187-95.228 87.792-197.513 132.5-285.094l-23.72-7.625zm67.688 21.78C297.91 207.07 245.08 303.326 183.22 392.346c18.644 19.297 42.002 33.62 71.374 42.75c57.576-17.84 91.637-53.702 112.594-106.72c17.472-44.204 25.07-100.542 27.25-166.344L235.594 403.845c36.84-95.574 83.337-190.838 138.47-286.063l-24.47-7.874z"/></svg>

How to use the Slashed Shield icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Slashed Shield icon FAQ

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

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

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

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

Browse all Game Icons →