Haxe icon
material-icon-theme:haxe
The Haxe icon (material-icon-theme:haxe) is a free SVG icon from the Material Icon Theme set by Material Extensions. It is drawn on a 210 × 210 grid. Material Icon Theme icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Material Icon Theme
- Author
- Material Extensions
- License
- MIT
- Size
- 210 × 210
SVG code
<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>
How to use the Haxe icon
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>
HTML image
<img src="https://iconyz.com/api/public/svg/material-icon-theme/haxe.svg" alt="Haxe icon" width="24" height="24">
Haxe icon in other icon sets
Haxe icon FAQ
Is the Haxe icon free for commercial use?
Yes. Material Icon Theme icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Haxe icon in React?
Install @iconify/react and render <Icon icon="material-icon-theme:haxe" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Haxe icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-icon-theme/haxe.svg" alt="Haxe icon">, or paste the SVG code inline to style it with CSS.
Browse all Material Icon Theme icons →
ICONYZ
