Ícone Hive
game-icons:hive
O ícone Hive (game-icons:hive) é um ícone SVG gratuito da coleção Game Icons de GameIcons. Ele é desenhado em uma grade de 512 × 512. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Game Icons
- Autor
- GameIcons
- Licença
- CC-BY-3.0
- Tamanho
- 512 × 512
Código 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>
Como usar o ícone 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>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:hive"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/game-icons/hive.svg" alt="Ícone Hive" width="24" height="24">
Ícones relacionados em Game Icons
O ícone Hive em outras coleções
Perguntas frequentes sobre Ícone Hive
O ícone Hive é grátis para uso comercial?
Sim. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Hive no React?
Instale @iconify/react e renderize <Icon icon="game-icons:hive" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Hive a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/game-icons/hive.svg" alt="Ícone Hive">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Game Icons →
ICONYZ
