ICONYZ
Español
Icono Haxe de Material Icon Theme

Icono Haxe

material-icon-theme:haxe

El icono Haxe (material-icon-theme:haxe) es un icono SVG gratuito de la colección Material Icon Theme de Material Extensions. Está dibujado en una cuadrícula de 210 × 210. 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
210 × 210
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="210" height="210" viewBox="0 0 210 210"><path fill="#fb8c00" d="m41.559 104.988l63.43-63.43l63.432 63.43l-63.431 63.431z"/><path fill="#ffb300" d="M41.578 105.037L29.973 61.726L18.368 18.415l43.31 11.605l43.312 11.605l-31.706 31.706z"/><path fill="#ffca28" d="M104.735 41.555L61.545 30.01L18.367 18.413l22.927.185l23.228.294l20.263 11.36z"/><path fill="#ffea00" d="m18.368 18.417l11.597 43.177l11.544 43.19l-11.303-19.948l-11.36-20.263l-.294-23.229z"/><path fill="#ef6c00" d="m104.999 41.579l43.31-11.605l43.312-11.605l-11.605 43.311l-11.605 43.311l-31.706-31.706z"/><path fill="#e64a19" d="m168.49 104.735l11.545-43.19l11.598-43.177l-.185 22.927l-.294 23.228l-11.36 20.264z"/><path fill="#ffca28" d="m191.628 18.365l-43.176 11.597l-43.19 11.544l19.948-11.303l20.263-11.36l23.228-.293z"/><path fill="#ef6c00" d="m168.419 104.987l11.605 43.311l11.605 43.311l-43.311-11.605l-43.311-11.605l31.706-31.706z"/><path fill="#fb8c00" d="m105.261 168.47l43.19 11.544l43.177 11.597l-22.927-.185l-23.229-.294l-20.263-11.36z"/><path fill="#e64a19" d="m191.631 191.617l-11.597-43.177l-11.545-43.19l11.304 19.948l11.36 20.263l.293 23.229z"/><path fill="#ffa000" d="m104.99 168.422l-43.31 11.605l-43.311 11.605l11.605-43.311l11.605-43.311l31.706 31.706z"/><path fill="#ffea00" d="m41.51 105.27l-11.545 43.19l-11.597 43.176l.185-22.927l.294-23.228l11.36-20.264z"/><path fill="#ef6c00" d="m18.368 191.63l43.176-11.598l43.19-11.544l-19.947 11.303l-20.264 11.36l-23.228.293z"/></svg>

Cómo usar el icono Haxe

React

import { Icon } from "@iconify/react";

<Icon icon="material-icon-theme:haxe" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-icon-theme:haxe" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-icon-theme:haxe" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--haxe]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:haxe"></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:haxe"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/material-icon-theme/haxe.svg" alt="Icono Haxe" width="24" height="24">

El icono Haxe en otras colecciones

Preguntas frecuentes sobre Icono Haxe

¿El icono Haxe 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 Haxe en React?

Instala @iconify/react y renderiza <Icon icon="material-icon-theme:haxe" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Haxe 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/haxe.svg" alt="Icono Haxe">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Material Icon Theme →