Icono Hex
material-icon-theme:hex
El icono Hex (material-icon-theme:hex) es un icono SVG gratuito de la colección Material Icon Theme de Material Extensions. Está dibujado en una cuadrícula de 32 × 32. Material Icon Theme icons se publican bajo la licencia MIT, 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
- Material Icon Theme
- Autor
- Material Extensions
- Licencia
- MIT
- Tamaño
- 32 × 32
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#26a69a" d="M4 8v16a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2m4 14V10h4v12Zm11.999-6L18 18.001L21 21l-3 3.001L19.999 26l3.003-3l3 2.999L28 24l-3-2.999l3-3L26.001 16l-3 3z"/></svg>Cómo usar el icono Hex
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:hex" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:hex" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:hex" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--hex]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:hex"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:hex"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/hex.svg" alt="Icono Hex" width="24" height="24">El icono Hex en otras colecciones
Preguntas frecuentes sobre Icono Hex
¿El icono Hex es gratis para uso comercial?
Sí. Material Icon Theme icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Hex en React?
Instala @iconify/react y renderiza <Icon icon="material-icon-theme: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/material-icon-theme/hex.svg" alt="Icono Hex">, o pega el código SVG en línea para darle estilo con CSS.