Floor Hatch icon
game-icons:floor-hatch
The Floor Hatch icon (game-icons:floor-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
- floorhatch
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m110.297 71.817l-46.71 12.936c35.32 100.342 82.123 195.39 131.653 297.3L328.656 395.7c-.385-33.58-4.508-74.918-15.427-113.043c33.89-49.694 60.607-111.009 92.484-176.203l-38.858-27.77c-23.013 55.262-46.325 111.084-81.988 163.829c-9.005 11.141-91.217 8.963-99.012 1.814c-29.931-62.736-58.224-112.585-75.558-172.51m115.455 42.623a27 27 0 0 0-3.815.239c-10.15 1.36-19.012 8.385-25.21 20.197c-6.2 11.812-9.199 28.107-6.866 45.525c2.333 17.42 9.515 32.35 18.604 42.114s19.487 14.209 29.637 12.85c10.15-1.36 19.01-8.385 25.209-20.196s9.196-28.107 6.863-45.525c-2.333-17.42-9.511-32.35-18.6-42.114c-7.952-8.543-16.908-13.016-25.822-13.09M136.01 292.354L19.03 400.78l19.779 2.037l363.03 37.366l91.132-143.526l-158.051-3.523c1.58 6.018 2.944 12.051 4.154 18.095l121.602 2.711l-68.067 107.198l-332.175-34.192l82.84-76.785q-3.687-8.901-7.264-17.807"/></svg>How to use the Floor Hatch icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:floor-hatch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:floor-hatch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:floor-hatch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--floor-hatch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:floor-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:floor-hatch"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/floor-hatch.svg" alt="Floor Hatch icon" width="24" height="24">Related icons in Game Icons
Floor Hatch icon FAQ
Is the Floor 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 Floor Hatch icon in React?
Install @iconify/react and render <Icon icon="game-icons:floor-hatch" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Floor Hatch icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/floor-hatch.svg" alt="Floor Hatch icon">, or paste the SVG code inline to style it with CSS.