Cross Shield icon

game-icons:cross-shield

The Cross Shield icon (game-icons:cross-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: crossshield

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 20c-64 96-128 88-192 104c0 256 64 320 192 368c128-48 192-112 192-368c-64-16-128-8-192-104m0 32a9 9 0 1 1 0 18a9 9 0 0 1 0-18m.291 30.152a269 269 0 0 0 13.84 14.15c34.949 35.385 82.966 45.887 130.685 56.428c2.732 1.184 6.62.508 8.864 1.958c-2.683 64.84-5.522 131.649-32.315 191.746c-12.685 31.46-36.26 57.602-64.37 76.144c-15.452 10.864-32.847 18.227-49.884 26.115c-6.586 4.573-13.697-.448-20.242-2.46c-43.648-17.847-84.444-48.619-105.056-92.266c-29.065-62.018-32.949-131.823-35.815-199.393c57.423-8.808 112.578-27.8 152.441-70.418zM256 124l-27.512 68.78C211.228 189.067 190.45 182.15 160 172c0 32-16 48-32 64c0 16 64 32 80 32c13.173-8.782 22.72-15.138 30.646-19.1C234.19 277.441 218.65 337.35 192 364c32 16 48 32 64 48c16-16 32-32 64-48c-26.65-26.65-42.19-86.559-46.646-115.1c7.926 3.962 17.473 10.318 30.646 19.1c16 0 80-16 80-32c-16-16-32-32-32-64c-30.45 10.15-51.228 17.068-68.488 20.78zm-172 8a9 9 0 1 1 0 18a9 9 0 0 1 0-18m344 0a9 9 0 1 1 0 18a9 9 0 0 1 0-18M96 282a9 9 0 1 1 0 18a9 9 0 0 1 0-18m320 0a9 9 0 1 1 0 18a9 9 0 0 1 0-18M160 410a9 9 0 1 1 0 18a9 9 0 0 1 0-18m192 0a9 9 0 1 1 0 18a9 9 0 0 1 0-18m-96 50a9 9 0 1 1 0 18a9 9 0 0 1 0-18"/></svg>

How to use the Cross Shield icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Game Icons

Cross Shield icon FAQ

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

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

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

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

Browse all Game Icons →