Иконка Hive

game-icons:hive

Иконка Hive (game-icons:hive) — бесплатная 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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M196 16s-60 20.07-60 45h-15c-33.24 0-60 20.07-60 45c0 11.496 5.61 22.062 15 30c-33.24 0-60 30.915-60 60s26.76 45 60 45h30.47C111.154 160.246 153.625 93.326 211 69.906V16zm105 0v53.906c57.372 23.42 99.844 90.34 104.53 171.094H436c33.24 0 60-15.915 60-45s-26.76-60-60-60c9.392-7.938 15-18.504 15-30c0-24.93-26.76-45-60-45h-15c0-24.93-60-45-60-45zm-44.156 105a30 30 0 0 0-30.875 29.97a30 30 0 0 0 60 0A30 30 0 0 0 256.843 121zm.5 90.063a45 45 0 0 0-46.313 44.968a45 45 0 0 0 90 0a45 45 0 0 0-43.686-44.967zM151.844 226a30 30 0 0 0-30.875 29.97a30 30 0 0 0 60 0A30 30 0 0 0 151.843 226zm210 0a30 30 0 0 0-30.875 29.97a30 30 0 0 0 60 0A30 30 0 0 0 361.843 226zM76 271c-33.24 0-60 15.915-60 45s26.76 60 60 60c-9.39 7.938-15 18.504-15 30c0 24.93 26.76 45 60 45h15c0 24.93 60 45 60 45h15v-53.906c-57.372-23.42-99.844-90.34-104.53-171.094zm329.53 0c-4.685 80.754-47.156 147.674-104.53 171.094V496h15s60-20.07 60-45h15c33.24 0 60-20.07 60-45c0-11.496-5.608-22.062-15-30c33.24 0 60-30.915 60-60s-26.76-45-60-45zm-148.686 60a30 30 0 0 0-30.875 29.97a30 30 0 0 0 60 0A30 30 0 0 0 256.843 331z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

Изображение HTML

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

Иконка Hive в других наборах

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

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

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

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

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

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

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

Все Game Icons →