ICONYZ
Русский
Иконка Airtight Hatch из набора Game Icons

Иконка Airtight Hatch

game-icons:airtight-hatch

Иконка Airtight Hatch (game-icons:airtight-hatch) — бесплатная SVG-иконка из набора Game Icons от GameIcons. Она нарисована на сетке 512 × 512. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Game Icons
Автор
GameIcons
Лицензия
CC-BY-3.0
Размер
512 × 512
Теги
airtighthatch
Скачать SVG

Код SVG

<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>

Как использовать иконку Airtight Hatch

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>

Веб-компонент

<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

<img src="https://iconyz.com/api/public/svg/game-icons/airtight-hatch.svg" alt="Иконка Airtight Hatch" width="24" height="24">

Вопросы и ответы: Иконка Airtight Hatch

Можно ли бесплатно использовать иконку Airtight Hatch в коммерческих проектах?

Да. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Airtight Hatch в React?

Установите @iconify/react и выведите <Icon icon="game-icons:airtight-hatch" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Airtight Hatch на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/game-icons/airtight-hatch.svg" alt="Иконка Airtight Hatch">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Game Icons →