Icono Hex
arcticons:hex
El icono Hex (arcticons:hex) es un icono SVG gratuito de la colección Arcticons de Donnnno. Está dibujado en una cuadrícula de 48 × 48. Arcticons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Arcticons
- Autor
- Donnnno
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 48 × 48
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M41.321 24V14L24 4L6.679 14v20L24 44m-2.885-12.5v-15m5.77 15v-15M16.5 21.115h15m-15 5.77h15"/></svg>
Cómo usar el icono Hex
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:hex" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:hex" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:hex" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--hex]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:hex"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:hex"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/arcticons/hex.svg" alt="Icono Hex" width="24" height="24">
Iconos relacionados en Arcticons
El icono Hex en otras colecciones
Preguntas frecuentes sobre Icono Hex
¿El icono Hex es gratis para uso comercial?
Sí. Arcticons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Hex en React?
Instala @iconify/react y renderiza <Icon icon="arcticons:hex" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Hex a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/arcticons/hex.svg" alt="Icono Hex">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Arcticons →
ICONYZ
