ICONYZ
Bahasa Indonesia
Ikon Haxe dari Material Icon Theme

Ikon Haxe

material-icon-theme:haxe

Ikon Haxe (material-icon-theme:haxe) adalah ikon SVG gratis dari set Material Icon Theme karya Material Extensions. Ikon ini digambar pada grid 210 × 210. Material Icon Theme icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Material Icon Theme
Pembuat
Material Extensions
Lisensi
MIT
Ukuran
210 × 210
Download SVG

Kode 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>

Cara memakai ikon 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>

Gambar HTML

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

Ikon Haxe di set ikon lain

FAQ Ikon Haxe

Apakah ikon Haxe gratis untuk penggunaan komersial?

Ya. Material Icon Theme icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Haxe di React?

Pasang @iconify/react lalu render <Icon icon="material-icon-theme:haxe" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Haxe ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-icon-theme/haxe.svg" alt="Ikon Haxe">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Material Icon Theme →