haxe logo

haxe from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: haxe
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

The same logo in other sets

haxeCatppuccin Icons haxeCoreUI Brands haxeSVG Logos haxeMaterial Icon Theme haxeSimple Icons haxe-darkSkill Icons

Use the haxe logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f6b214" d="m15.7 64l48.4-48.4L0 0z"/><path fill="#f17321" d="m64 15.7l48.4 48.4L128 0z"/><path fill="#ef5e21" d="m112.3 64l-48.4 48.4L128 128z"/><path fill="#f6b214" d="M64 112.3L15.6 63.9L0 128z"/><path fill="#ea8220" d="M15.6 63.9L64 15.7L112.3 64L64 112.3z"/><path fill="#f8ef23" d="M15.6 63.9L0 32V0zM0 128V96l15.6-32.1z"/><path fill="#f8c713" d="M0 0h32l32 15.7zm128 0L64 15.7L96 0z"/><path fill="#ec4822" d="M112.3 64L128 0v32zm15.7 64V96l-15.7-32z"/><path fill="#ef5e21" d="m0 128l64-15.7L32 128z"/><path fill="#ea8220" d="M128 128H96l-32-15.7z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconHaxe(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f6b214" d="m15.7 64l48.4-48.4L0 0z"/><path fill="#f17321" d="m64 15.7l48.4 48.4L128 0z"/><path fill="#ef5e21" d="m112.3 64l-48.4 48.4L128 128z"/><path fill="#f6b214" d="M64 112.3L15.6 63.9L0 128z"/><path fill="#ea8220" d="M15.6 63.9L64 15.7L112.3 64L64 112.3z"/><path fill="#f8ef23" d="M15.6 63.9L0 32V0zM0 128V96l15.6-32.1z"/><path fill="#f8c713" d="M0 0h32l32 15.7zm128 0L64 15.7L96 0z"/><path fill="#ec4822" d="M112.3 64L128 0v32zm15.7 64V96l-15.7-32z"/><path fill="#ef5e21" d="m0 128l64-15.7L32 128z"/><path fill="#ea8220" d="M128 128H96l-32-15.7z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f6b214" d="m15.7 64l48.4-48.4L0 0z"/><path fill="#f17321" d="m64 15.7l48.4 48.4L128 0z"/><path fill="#ef5e21" d="m112.3 64l-48.4 48.4L128 128z"/><path fill="#f6b214" d="M64 112.3L15.6 63.9L0 128z"/><path fill="#ea8220" d="M15.6 63.9L64 15.7L112.3 64L64 112.3z"/><path fill="#f8ef23" d="M15.6 63.9L0 32V0zM0 128V96l15.6-32.1z"/><path fill="#f8c713" d="M0 0h32l32 15.7zm128 0L64 15.7L96 0z"/><path fill="#ec4822" d="M112.3 64L128 0v32zm15.7 64V96l-15.7-32z"/><path fill="#ef5e21" d="m0 128l64-15.7L32 128z"/><path fill="#ea8220" d="M128 128H96l-32-15.7z"/></svg>
</template>

CSS

.icon-haxe {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23f6b214%22%20d%3D%22m15.7%2064l48.4-48.4L0%200z%22%2F%3E%3Cpath%20fill%3D%22%23f17321%22%20d%3D%22m64%2015.7l48.4%2048.4L128%200z%22%2F%3E%3Cpath%20fill%3D%22%23ef5e21%22%20d%3D%22m112.3%2064l-48.4%2048.4L128%20128z%22%2F%3E%3Cpath%20fill%3D%22%23f6b214%22%20d%3D%22M64%20112.3L15.6%2063.9L0%20128z%22%2F%3E%3Cpath%20fill%3D%22%23ea8220%22%20d%3D%22M15.6%2063.9L64%2015.7L112.3%2064L64%20112.3z%22%2F%3E%3Cpath%20fill%3D%22%23f8ef23%22%20d%3D%22M15.6%2063.9L0%2032V0zM0%20128V96l15.6-32.1z%22%2F%3E%3Cpath%20fill%3D%22%23f8c713%22%20d%3D%22M0%200h32l32%2015.7zm128%200L64%2015.7L96%200z%22%2F%3E%3Cpath%20fill%3D%22%23ec4822%22%20d%3D%22M112.3%2064L128%200v32zm15.7%2064V96l-15.7-32z%22%2F%3E%3Cpath%20fill%3D%22%23ef5e21%22%20d%3D%22m0%20128l64-15.7L32%20128z%22%2F%3E%3Cpath%20fill%3D%22%23ea8220%22%20d%3D%22M128%20128H96l-32-15.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23f6b214%22%20d%3D%22m15.7%2064l48.4-48.4L0%200z%22%2F%3E%3Cpath%20fill%3D%22%23f17321%22%20d%3D%22m64%2015.7l48.4%2048.4L128%200z%22%2F%3E%3Cpath%20fill%3D%22%23ef5e21%22%20d%3D%22m112.3%2064l-48.4%2048.4L128%20128z%22%2F%3E%3Cpath%20fill%3D%22%23f6b214%22%20d%3D%22M64%20112.3L15.6%2063.9L0%20128z%22%2F%3E%3Cpath%20fill%3D%22%23ea8220%22%20d%3D%22M15.6%2063.9L64%2015.7L112.3%2064L64%20112.3z%22%2F%3E%3Cpath%20fill%3D%22%23f8ef23%22%20d%3D%22M15.6%2063.9L0%2032V0zM0%20128V96l15.6-32.1z%22%2F%3E%3Cpath%20fill%3D%22%23f8c713%22%20d%3D%22M0%200h32l32%2015.7zm128%200L64%2015.7L96%200z%22%2F%3E%3Cpath%20fill%3D%22%23ec4822%22%20d%3D%22M112.3%2064L128%200v32zm15.7%2064V96l-15.7-32z%22%2F%3E%3Cpath%20fill%3D%22%23ef5e21%22%20d%3D%22m0%20128l64-15.7L32%20128z%22%2F%3E%3Cpath%20fill%3D%22%23ea8220%22%20d%3D%22M128%20128H96l-32-15.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/haxe.svg?color=%231a73e8&size=48