Gate icon

game-icons:gate

The Gate icon (game-icons:gate) 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="M248 88v32.652c-5.287.834-10.615 2.448-16 4.63V104h-16v29.16q-2.546 1.44-5.115 2.98c-3.598 2.16-7.23 4.48-10.885 6.905V120h-16v34.19c-5.324 3.85-10.664 7.826-16 11.822V152h-16v25.965c-5.402 4.008-10.75 7.9-16 11.592V168h-16v32.213c-1.04.647-2.09 1.312-3.115 1.928c-4.448 2.67-8.766 5.003-12.885 6.962V200H88v14.973c-2.89.67-5.575 1.027-8 1.027h-8v-32H24v304h48V232h8c2.658 0 5.324-.23 8-.652V488h16V226.717c5.272-2.138 10.6-4.82 16-7.877V488h16V208.955c5.294-3.512 10.637-7.264 16-11.144V488h16V344h16v144h16V162.443c5.462-3.838 10.81-7.427 16-10.656V296h16V142.898c5.793-2.754 11.188-4.755 16-5.87V296h16V137.027c4.812 1.116 10.207 3.117 16 5.87V296h16V151.787c5.19 3.23 10.538 6.818 16 10.656V488h16V344h16v144h16V197.81c5.363 3.88 10.706 7.633 16 11.145V488h16V218.84c5.4 3.056 10.728 5.74 16 7.877V488h16V231.348c2.676.422 5.342.652 8 .652h8v256h48V184h-48v32h-8c-2.425 0-5.11-.357-8-1.027V200h-16v9.102c-4.12-1.96-8.437-4.292-12.885-6.96c-1.026-.617-2.075-1.282-3.115-1.93V168h-16v21.557c-5.252-3.69-10.598-7.584-16-11.592V152h-16v14.012c-5.336-3.996-10.676-7.97-16-11.823V120h-16v23.045c-3.654-2.424-7.287-4.746-10.885-6.904a232 232 0 0 0-5.115-2.98V104h-16v21.283c-5.385-2.183-10.713-3.797-16-4.63V88zM48 120c-13.35 0-24 10.65-24 24s10.65 24 24 24s24-10.65 24-24s-10.65-24-24-24m416 0c-13.35 0-24 10.65-24 24s10.65 24 24 24s24-10.65 24-24s-10.65-24-24-24m-280 54.035V328h-16V185.988c1.6-1.198 3.203-2.39 4.8-3.588c3.75-2.81 7.484-5.608 11.2-8.365m144 0c3.716 2.757 7.45 5.555 11.2 8.365c1.597 1.2 3.2 2.39 4.8 3.588V328h-16zM216 312v32h80v-32zm0 48v128h16V360zm32 0v128h16V360zm32 0v128h16V360z"/></svg>

How to use the Gate icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Gate icon in other icon sets

Gate icon FAQ

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

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

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

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

Browse all Game Icons →