Helmet icon

game-icons:helmet

The Helmet icon (game-icons:helmet) 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

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 76C123.45 76 16 183.452 16 316c0 43.716 11.453 84.698 31.875 120H196l31.875-64.688C191.868 359.546 166 325.938 166 286c0-49.706 40.294-90 90-90s90 40.294 90 90v30h150c0-132.548-107.45-240-240-240m-4.218 150A60 60 0 0 0 196 286a60 60 0 0 0 120 0a60 60 0 0 0-64.218-60"/></svg>

How to use the Helmet icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:helmet"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:helmet"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/helmet.svg" alt="Helmet icon" width="24" height="24">

Related icons in Game Icons

Helmet icon in other icon sets

Helmet icon FAQ

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

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

How do I add the Helmet icon to a web page?

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

Browse all Game Icons →