Magic Shield icon

game-icons:magic-shield

The Magic Shield icon (game-icons:magic-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: magicshield

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="M57.78 23.135c-1.517 29.085-2.193 55.608-2.266 80.316c6.56-2.716 13.703-4.333 21.228-4.333c31.245 0 56.883 25.64 56.883 56.887c0 31.246-25.777 56.3-56.883 56.3c-6.068 0-11.95-1.003-17.488-2.77C71.906 332.82 108.064 376.35 147.668 401.9c20.677 13.34 42.986 21.7 64.268 33.245c17.444 9.463 34.177 21.525 47.42 40.127c13.23-18.597 29.925-30.658 47.324-40.122c21.226-11.545 43.46-19.904 64.064-33.242c39.46-25.543 75.488-69.07 88.135-192.324c-5.32 1.708-10.974 2.723-16.907 2.723c-31.107 0-56.88-25.058-56.88-56.3c0-31.244 25.634-56.888 56.88-56.888c7.63 0 14.745 1.697 21.23 4.508c-.07-24.757-.745-51.334-2.265-80.49c-59.488 13-130.78 19.266-201.5 19.888h-.163c-70.718-.62-142.008-6.888-201.496-19.888zm304.124 39.32l-27.117 93.18l-17.945-5.22l11.504-39.532l-85.116 63.646l-11.19-14.97l129.864-97.105zm-205.394 1.01l81.732 59.512l-11 15.107l-34.338-25.004l34.79 103.514l-17.714 5.955l-53.47-159.085zm140.486 99.652l129.383 97.95l-98.25-.48l.09-18.69l42.15.208l-84.653-64.087zm-122.357 37.71l10.83 15.228l-36.206 25.754l104.898-.17l.03 18.69l-163.577.262l84.024-59.766zm117.79 21l17.806 5.675l-49.39 155.008l-31.248-96.46l17.777-5.76l13.324 41.124l31.73-99.586z"/></svg>

How to use the Magic Shield icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Game Icons

Magic Shield icon FAQ

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

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

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

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

Browse all Game Icons →