Surrounded Shield icon

game-icons:surrounded-shield

The Surrounded Shield icon (game-icons:surrounded-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: surroundedshield

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="m265.496 21.607l6.318 111.87l26.352-39.502l35.848-72.368zm89.373 0l-47.47 95.83l-6.834 19.184l48.793-30.65l-.024-.03L452.98 21.608h-98.11zm123.915 0l1.516 1.864l-87.152 70.915l-78.554 70.47l69.467-19.244l109.727-42.077V21.607h-15.002zm-345.55.586c-1.197.04-2.08.143-2.643.143c-37.722 0-66.125 37.65-66.125 81.605c0 17.037 4.316 32.848 11.64 46.023c-12.274 4.675-22.294 12.76-29.855 22.896c-10.174 13.64-16.37 30.73-20.426 49.288c-8.11 37.118-7.623 80.647-7.623 115.81v9.343h39.713l9.672 146.626h122.148l7.174-96.196a382 382 0 0 1-17.555-15.894l-6.964 93.402H85.085l-9.672-146.625H36.92c.017-33.33.38-71.425 7.164-102.476c3.706-16.962 9.328-31.62 17.148-42.104s17.386-17.03 31.254-19.18l15.926-2.466L98.36 149.79c-9.08-11.376-15.204-27.674-15.204-45.85c0-36.015 22.562-62.915 47.436-62.915c2.79 0 4.426-.112 4.617-.086l.1.013c22.578 2.953 42.72 29.22 42.72 62.988c0 18.513-6.364 34.904-15.757 46.33l26.434-7.823c5.084-11.485 8.01-24.554 8.01-38.506c0-41.176-24.445-77-58.985-81.516l-.002-.002l-1.248-.086h.48a27 27 0 0 0-3.728-.143zm3.726.143c.255.027.503.05.77.086l-.044-.008l-.6-.078zM493.788 123.55l-104.22 39.964l-70.083 37.465l98.082 5.493l76.22-10.008zm-199.172 30.706l-92.94 3.842L93.497 190.12c18.687 86.98 67.757 162.757 146.287 216.802c51.176-99.324 68.713-165.12 54.83-252.666zm199.172 61.058l-77.953 10.235l-102.865 33.944l96.708 34.318l84.11 11.043zm-77.25 98.25l-112.437.272l104.63 68.035l.034-.073l85.023 38.396v-96.49zm-118.926 55.54l54.347 62.43L427.02 493.8h66.767v-53.1l-92.715-41.87l.055-.12l-103.516-29.606zm-25.63 39.503l12.563 27.676l44.113 57.518h69.092l-61.703-51.185zM249.363 428.4l-3.234 65.4h58.974l-36.637-47.77z"/></svg>

How to use the Surrounded Shield icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Game Icons

Surrounded Shield icon FAQ

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

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

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

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

Browse all Game Icons →