Airtight Hatch icon
game-icons:airtight-hatch
The Airtight Hatch icon (game-icons:airtight-hatch) 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
- airtighthatch
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M169 25v30h174V25zm-37.271 48L41 163.729V487h46V377H57V263h30v-74.729L156.271 119H355.73L425 188.271V375h46V163.729L380.271 73zm32 64L105 195.729V263h30v32h133.271L295 268.271V227.73l-48-48V137zM265 137v35.271l48 48v55.458L293.729 295H407v-99.271L348.271 137zM75 281v78h42v-78zm60 32v14h272v-14zm0 32v32h-30v110h142v-19.271l-48-48V364.27L218.271 345zm108.729 0L217 371.729v40.542l48 48V487h142V345zM425 393v94h46v-94z"/></svg>How to use the Airtight Hatch icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:airtight-hatch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:airtight-hatch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:airtight-hatch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--airtight-hatch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:airtight-hatch"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:airtight-hatch"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/airtight-hatch.svg" alt="Airtight Hatch icon" width="24" height="24">Airtight Hatch icon FAQ
Is the Airtight Hatch 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 Airtight Hatch icon in React?
Install @iconify/react and render <Icon icon="game-icons:airtight-hatch" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Airtight Hatch icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/airtight-hatch.svg" alt="Airtight Hatch icon">, or paste the SVG code inline to style it with CSS.