Icono Honeycomb
whh:honeycomb
El icono Honeycomb (whh:honeycomb) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 1024 × 1025. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- WebHostingHub Glyphs
- Autor
- WebHostingHub
- Licencia
- OFL-1.1
- Tamaño
- 1024 × 1025
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1025" viewBox="0 0 1024 1025"><path fill="currentColor" d="M1024 689v224l-192 112l-160-93l-160 93l-160-93l-160 93L0 913V689l192-112V449L0 337V113L192 0l160 94L512 0l160 94L832 0l192 113v224l-128 74v203zM384 881l128 80l128-80V721l-110-69l-146 85zM192 641L64 721v160l128 80l128-80V721zm128-496L192 65L64 145v160l128 80l128-80zm-64 288v160l128 80l128-80V433l-128-80zm384-288L512 65l-128 80v144l146 85l110-69zm-64 288v160l128 80l128-80V433l-128-80zm384-128V145L832 65l-128 80v144l146 85zM850 652l-146 85v144l128 80l128-80V721z"/></svg>Cómo usar el icono Honeycomb
React
import { Icon } from "@iconify/react";
<Icon icon="whh:honeycomb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:honeycomb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:honeycomb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--honeycomb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:honeycomb"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:honeycomb"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/whh/honeycomb.svg" alt="Icono Honeycomb" width="24" height="24">El icono Honeycomb en otras colecciones
Preguntas frecuentes sobre Icono Honeycomb
¿El icono Honeycomb es gratis para uso comercial?
Sí. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Honeycomb en React?
Instala @iconify/react y renderiza <Icon icon="whh:honeycomb" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Honeycomb a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/whh/honeycomb.svg" alt="Icono Honeycomb">, o pega el código SVG en línea para darle estilo con CSS.