Lightning Shield icon

game-icons:lightning-shield

The Lightning Shield icon (game-icons:lightning-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: lightningshield

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="m464.188 21.844l-10.97 1.937C322.7 46.84 193.83 49.9 62.376 25.188c-17.847-.33-4.407-.276-19.063-.28l.376 8.062c0 20.07.373 39.718 1.187 58.81l.313 7.5l7.406 1.282c23.815 4.14 41.906 24.693 41.906 49.782c0 21.526-12.815 39.36-31.5 46.812L55.875 200l1.406 7.53C79.423 327.95 134.21 423.74 249.25 490.157l4.688 2.72l4.656-2.72C371.38 425.04 426.936 328.466 450 207l1.406-7.406l-6.937-2.938c-18.255-7.72-31.095-25.293-31.095-46.312c0-25.048 18.128-45.617 41.906-49.78l7.376-1.283l.344-7.468c.888-19.207 1.188-38.74 1.188-58.843V21.843zm-18.782 22.062c-.08 13.617-.337 26.97-.844 40.063c-28.778 8.433-49.875 34.948-49.875 66.374c0 25.886 14.477 48.117 35.532 59.937C407.48 323.113 356.802 410 253.905 471.126C148.812 408.765 98.946 322.767 77.062 211.03c21.635-11.7 36.126-34.465 36.126-60.686c0-31.43-21.077-57.958-49.876-66.375c-.476-13-.747-26.278-.843-39.782C138.186 58.14 213.08 62.986 287.812 60.28L196.03 182.25h51.69l-91.876 159.97l93.72-96.064H289l-95.53 147.156l183.093-184.625h-90.47l60.25-61.75H290l75.938-92.187a1279 1279 0 0 0 79.468-10.844"/></svg>

How to use the Lightning Shield icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Game Icons

Lightning Shield icon FAQ

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

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

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

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

Browse all Game Icons →