haxe logo

haxe from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
haxe
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

The same logo in other sets

haxeCatppuccin IconshaxeCoreUI BrandshaxeDeviconhaxeMaterial Icon ThemehaxeSimple Iconshaxe-darkSkill Icons

Use the haxe logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#fbc707" d="m127.946 31.99l-72.874-8.07L0 .003h63.97l63.976 31.991m0-.004l74.542-6.402L255.892.003h-63.975l-63.971 31.991"/><path fill="#f68712" d="m127.946 223.904l69.536 2.503l58.41 29.484h-63.975l-63.971-31.992"/><path fill="#f25c19" d="M127.946 223.904H57.854L0 255.891h63.97l63.976-31.992"/><path fill="#fff200" d="M31.985 127.948v67.308L0 255.89v-63.97l31.985-63.974"/><path fill="#fff200" d="m31.985 127.948l-5.283-66.757L0 .003v63.97z"/><path fill="#f1471d" d="m223.9 127.948l6.959-70.095L255.892.003v63.97z"/><path fill="#f1471d" d="m223.9 127.948l5.846 75.096l26.146 52.847v-63.97L223.9 127.946"/><path fill="#fab20b" d="M0 .003L127.946 31.99l-20.583 81.492l-75.378 14.466L0 .01"/><path fill="#f47216" d="M255.892.003L223.9 127.948l-85.942-15.583l-10.013-80.379L255.892.01"/><path fill="#f25c19" d="m255.892 255.891l-127.946-31.986l14.463-84.828l81.492-11.122l31.99 127.928"/><path fill="#f89c0e" d="M0 255.891L31.985 127.95l77.047 17.241l18.914 78.715L0 255.884"/><path fill="#f68712" d="m127.946 31.99l-95.96 95.959l95.96 95.956l95.955-95.956l-95.955-95.954"/></svg>

React

import type { SVGProps } from "react";

export function LogosHaxe(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#fbc707" d="m127.946 31.99l-72.874-8.07L0 .003h63.97l63.976 31.991m0-.004l74.542-6.402L255.892.003h-63.975l-63.971 31.991"/><path fill="#f68712" d="m127.946 223.904l69.536 2.503l58.41 29.484h-63.975l-63.971-31.992"/><path fill="#f25c19" d="M127.946 223.904H57.854L0 255.891h63.97l63.976-31.992"/><path fill="#fff200" d="M31.985 127.948v67.308L0 255.89v-63.97l31.985-63.974"/><path fill="#fff200" d="m31.985 127.948l-5.283-66.757L0 .003v63.97z"/><path fill="#f1471d" d="m223.9 127.948l6.959-70.095L255.892.003v63.97z"/><path fill="#f1471d" d="m223.9 127.948l5.846 75.096l26.146 52.847v-63.97L223.9 127.946"/><path fill="#fab20b" d="M0 .003L127.946 31.99l-20.583 81.492l-75.378 14.466L0 .01"/><path fill="#f47216" d="M255.892.003L223.9 127.948l-85.942-15.583l-10.013-80.379L255.892.01"/><path fill="#f25c19" d="m255.892 255.891l-127.946-31.986l14.463-84.828l81.492-11.122l31.99 127.928"/><path fill="#f89c0e" d="M0 255.891L31.985 127.95l77.047 17.241l18.914 78.715L0 255.884"/><path fill="#f68712" d="m127.946 31.99l-95.96 95.959l95.96 95.956l95.955-95.956l-95.955-95.954"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#fbc707" d="m127.946 31.99l-72.874-8.07L0 .003h63.97l63.976 31.991m0-.004l74.542-6.402L255.892.003h-63.975l-63.971 31.991"/><path fill="#f68712" d="m127.946 223.904l69.536 2.503l58.41 29.484h-63.975l-63.971-31.992"/><path fill="#f25c19" d="M127.946 223.904H57.854L0 255.891h63.97l63.976-31.992"/><path fill="#fff200" d="M31.985 127.948v67.308L0 255.89v-63.97l31.985-63.974"/><path fill="#fff200" d="m31.985 127.948l-5.283-66.757L0 .003v63.97z"/><path fill="#f1471d" d="m223.9 127.948l6.959-70.095L255.892.003v63.97z"/><path fill="#f1471d" d="m223.9 127.948l5.846 75.096l26.146 52.847v-63.97L223.9 127.946"/><path fill="#fab20b" d="M0 .003L127.946 31.99l-20.583 81.492l-75.378 14.466L0 .01"/><path fill="#f47216" d="M255.892.003L223.9 127.948l-85.942-15.583l-10.013-80.379L255.892.01"/><path fill="#f25c19" d="m255.892 255.891l-127.946-31.986l14.463-84.828l81.492-11.122l31.99 127.928"/><path fill="#f89c0e" d="M0 255.891L31.985 127.95l77.047 17.241l18.914 78.715L0 255.884"/><path fill="#f68712" d="m127.946 31.99l-95.96 95.959l95.96 95.956l95.955-95.956l-95.955-95.954"/></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%20256%20256%22%3E%3Cpath%20fill%3D%22%23fbc707%22%20d%3D%22m127.946%2031.99l-72.874-8.07L0%20.003h63.97l63.976%2031.991m0-.004l74.542-6.402L255.892.003h-63.975l-63.971%2031.991%22%2F%3E%3Cpath%20fill%3D%22%23f68712%22%20d%3D%22m127.946%20223.904l69.536%202.503l58.41%2029.484h-63.975l-63.971-31.992%22%2F%3E%3Cpath%20fill%3D%22%23f25c19%22%20d%3D%22M127.946%20223.904H57.854L0%20255.891h63.97l63.976-31.992%22%2F%3E%3Cpath%20fill%3D%22%23fff200%22%20d%3D%22M31.985%20127.948v67.308L0%20255.89v-63.97l31.985-63.974%22%2F%3E%3Cpath%20fill%3D%22%23fff200%22%20d%3D%22m31.985%20127.948l-5.283-66.757L0%20.003v63.97z%22%2F%3E%3Cpath%20fill%3D%22%23f1471d%22%20d%3D%22m223.9%20127.948l6.959-70.095L255.892.003v63.97z%22%2F%3E%3Cpath%20fill%3D%22%23f1471d%22%20d%3D%22m223.9%20127.948l5.846%2075.096l26.146%2052.847v-63.97L223.9%20127.946%22%2F%3E%3Cpath%20fill%3D%22%23fab20b%22%20d%3D%22M0%20.003L127.946%2031.99l-20.583%2081.492l-75.378%2014.466L0%20.01%22%2F%3E%3Cpath%20fill%3D%22%23f47216%22%20d%3D%22M255.892.003L223.9%20127.948l-85.942-15.583l-10.013-80.379L255.892.01%22%2F%3E%3Cpath%20fill%3D%22%23f25c19%22%20d%3D%22m255.892%20255.891l-127.946-31.986l14.463-84.828l81.492-11.122l31.99%20127.928%22%2F%3E%3Cpath%20fill%3D%22%23f89c0e%22%20d%3D%22M0%20255.891L31.985%20127.95l77.047%2017.241l18.914%2078.715L0%20255.884%22%2F%3E%3Cpath%20fill%3D%22%23f68712%22%20d%3D%22m127.946%2031.99l-95.96%2095.959l95.96%2095.956l95.955-95.956l-95.955-95.954%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%20256%20256%22%3E%3Cpath%20fill%3D%22%23fbc707%22%20d%3D%22m127.946%2031.99l-72.874-8.07L0%20.003h63.97l63.976%2031.991m0-.004l74.542-6.402L255.892.003h-63.975l-63.971%2031.991%22%2F%3E%3Cpath%20fill%3D%22%23f68712%22%20d%3D%22m127.946%20223.904l69.536%202.503l58.41%2029.484h-63.975l-63.971-31.992%22%2F%3E%3Cpath%20fill%3D%22%23f25c19%22%20d%3D%22M127.946%20223.904H57.854L0%20255.891h63.97l63.976-31.992%22%2F%3E%3Cpath%20fill%3D%22%23fff200%22%20d%3D%22M31.985%20127.948v67.308L0%20255.89v-63.97l31.985-63.974%22%2F%3E%3Cpath%20fill%3D%22%23fff200%22%20d%3D%22m31.985%20127.948l-5.283-66.757L0%20.003v63.97z%22%2F%3E%3Cpath%20fill%3D%22%23f1471d%22%20d%3D%22m223.9%20127.948l6.959-70.095L255.892.003v63.97z%22%2F%3E%3Cpath%20fill%3D%22%23f1471d%22%20d%3D%22m223.9%20127.948l5.846%2075.096l26.146%2052.847v-63.97L223.9%20127.946%22%2F%3E%3Cpath%20fill%3D%22%23fab20b%22%20d%3D%22M0%20.003L127.946%2031.99l-20.583%2081.492l-75.378%2014.466L0%20.01%22%2F%3E%3Cpath%20fill%3D%22%23f47216%22%20d%3D%22M255.892.003L223.9%20127.948l-85.942-15.583l-10.013-80.379L255.892.01%22%2F%3E%3Cpath%20fill%3D%22%23f25c19%22%20d%3D%22m255.892%20255.891l-127.946-31.986l14.463-84.828l81.492-11.122l31.99%20127.928%22%2F%3E%3Cpath%20fill%3D%22%23f89c0e%22%20d%3D%22M0%20255.891L31.985%20127.95l77.047%2017.241l18.914%2078.715L0%20255.884%22%2F%3E%3Cpath%20fill%3D%22%23f68712%22%20d%3D%22m127.946%2031.99l-95.96%2095.959l95.96%2095.956l95.955-95.956l-95.955-95.954%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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