Icono Three Hexagons
icon-park:three-hexagons
El icono Three Hexagons (icon-park:three-hexagons) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, 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
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Abstractos
- Etiquetas
- threehexagons, hexagon
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M24 27L14 21L4 27V39L14 45L24 39V27Z"/><path d="M44 27L34 21L24 27V39L34 45L44 39V27Z"/><path d="M34 9L24 3L14 9V21L24 27L34 21V9Z"/></g></svg>
Cómo usar el icono Three Hexagons
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:three-hexagons" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:three-hexagons" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:three-hexagons" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--three-hexagons]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:three-hexagons"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:three-hexagons"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/three-hexagons.svg" alt="Icono Three Hexagons" width="24" height="24">
Iconos relacionados en IconPark
El icono Three Hexagons en otras colecciones
Preguntas frecuentes sobre Icono Three Hexagons
¿El icono Three Hexagons es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Three Hexagons en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:three-hexagons" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Three Hexagons a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/three-hexagons.svg" alt="Icono Three Hexagons">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos IconPark →
ICONYZ
