Broken Shield icon

game-icons:broken-shield

The Broken Shield icon (game-icons:broken-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: brokenshield

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="M45.906 23.625v9.344c0 102.68 10.49 205.087 41.125 288.155c30.637 83.068 82.364 147.415 163.75 169.78l2.22.626l2.22-.5C344.49 472 396.864 407.39 425.593 323.47c28.728-83.92 35.25-187.777 35.25-290.5v-9.345zM64.72 42.313h377.34c-.413 98.8-7.497 197.342-34.125 275.125c-27.21 79.487-73.39 136.637-154.375 154.78c-73.28-21.03-119.914-78.696-149-157.562c-28.475-77.212-39.206-174.13-39.843-272.344zm18.81 18.75c.807 84.13 12.486 172.823 39.314 244.812c7.825 20.998 16.874 40.495 27.25 58.063l45.844-38.438l-40.75-75.063l-5.47-10.062l10.97-3.344s38.865-11.786 60.406-18.25l20.437-7.25l-94.843-150.468zm160.25 0l45.782 91.5l132.407-43.157c.69-16.205 1.053-32.366 1.155-48.344H243.78zm177.157 68.343L298.031 169.47l24.908 49.78l25.875 48.72l53.28-1.845c10.245-42.834 16.03-89.664 18.844-136.72zM310.908 236.47l-30.75 10.374l67.25 145.187c17.813-23.2 31.737-51.6 42.624-83.686c2.578-7.595 4.966-15.39 7.19-23.344l-53.626 1.844l-5.844.22l-2.75-5.158zm-99.22 4.686c-13.133 3.972-27.346 8.262-34.625 10.47L216 323.28l3.625 6.72l-5.844 4.906l-53.56 44.906c24.67 35.91 55.887 61.828 94.655 73.125c30.34-6.91 55.36-21.496 76.03-42.062L211.69 241.155z"/></svg>

How to use the Broken Shield icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Game Icons

Broken Shield icon FAQ

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

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

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

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

Browse all Game Icons →