haxe logo

haxe-light from Skill Icons by tandpfun · Light · MIT Free for personal and commercial use.

Name: haxe-light
Set: Skill Icons
Style: Light
Viewbox: 256×256
License: MIT

1 other variant in Skill Icons

The same logo in other sets

haxeCatppuccin Icons haxeCoreUI Brands haxeDevicon haxeSVG Logos haxeMaterial Icon Theme haxeSimple Icons

Use the haxe logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#fbc707" d="m128 60.5l-51.26-5.676L38 38h44.998L128 60.504m0-.004l52.435-4.502L218 38h-45.002L128 60.504"/><path fill="#f68712" d="m128 195.502l48.913 1.761L218 218.003h-45.002L128 195.498"/><path fill="#f25c19" d="M128 195.502H78.696L38 218.003h44.998L128 195.498"/><path fill="#fff200" d="M60.5 128.002v47.347L38 218.003v-45l22.5-45.002"/><path fill="#fff200" d="m60.5 128.002l-3.718-46.96L38 38v45l22.5 45"/><path fill="#f1471d" d="m195.497 128.002l4.894-49.308L218 38v45l-22.503 45"/><path fill="#f1471d" d="m195.497 128.002l4.112 52.826L218 218.003v-45l-22.503-45.002"/><path fill="#fab20b" d="m38 38l90 22.5l-14.478 57.326l-53.023 10.176L38 38.005"/><path fill="#f47216" d="m218 38l-22.503 90.002l-60.454-10.962L128 60.498l90-22.493"/><path fill="#f25c19" d="m218 218.003l-90-22.501l10.174-59.671l57.323-7.824L218 217.997"/><path fill="#f89c0e" d="m38 218.003l22.5-90.001l54.196 12.129L128 195.502l-90 22.495"/><path fill="#f68712" d="m128 60.5l-67.5 67.502l67.5 67.5l67.497-67.5L128 60.504"/></g></svg>

React

import type { SVGProps } from "react";

export function SkillIconsHaxeLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#fbc707" d="m128 60.5l-51.26-5.676L38 38h44.998L128 60.504m0-.004l52.435-4.502L218 38h-45.002L128 60.504"/><path fill="#f68712" d="m128 195.502l48.913 1.761L218 218.003h-45.002L128 195.498"/><path fill="#f25c19" d="M128 195.502H78.696L38 218.003h44.998L128 195.498"/><path fill="#fff200" d="M60.5 128.002v47.347L38 218.003v-45l22.5-45.002"/><path fill="#fff200" d="m60.5 128.002l-3.718-46.96L38 38v45l22.5 45"/><path fill="#f1471d" d="m195.497 128.002l4.894-49.308L218 38v45l-22.503 45"/><path fill="#f1471d" d="m195.497 128.002l4.112 52.826L218 218.003v-45l-22.503-45.002"/><path fill="#fab20b" d="m38 38l90 22.5l-14.478 57.326l-53.023 10.176L38 38.005"/><path fill="#f47216" d="m218 38l-22.503 90.002l-60.454-10.962L128 60.498l90-22.493"/><path fill="#f25c19" d="m218 218.003l-90-22.501l10.174-59.671l57.323-7.824L218 217.997"/><path fill="#f89c0e" d="m38 218.003l22.5-90.001l54.196 12.129L128 195.502l-90 22.495"/><path fill="#f68712" d="m128 60.5l-67.5 67.502l67.5 67.5l67.497-67.5L128 60.504"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#fbc707" d="m128 60.5l-51.26-5.676L38 38h44.998L128 60.504m0-.004l52.435-4.502L218 38h-45.002L128 60.504"/><path fill="#f68712" d="m128 195.502l48.913 1.761L218 218.003h-45.002L128 195.498"/><path fill="#f25c19" d="M128 195.502H78.696L38 218.003h44.998L128 195.498"/><path fill="#fff200" d="M60.5 128.002v47.347L38 218.003v-45l22.5-45.002"/><path fill="#fff200" d="m60.5 128.002l-3.718-46.96L38 38v45l22.5 45"/><path fill="#f1471d" d="m195.497 128.002l4.894-49.308L218 38v45l-22.503 45"/><path fill="#f1471d" d="m195.497 128.002l4.112 52.826L218 218.003v-45l-22.503-45.002"/><path fill="#fab20b" d="m38 38l90 22.5l-14.478 57.326l-53.023 10.176L38 38.005"/><path fill="#f47216" d="m218 38l-22.503 90.002l-60.454-10.962L128 60.498l90-22.493"/><path fill="#f25c19" d="m218 218.003l-90-22.501l10.174-59.671l57.323-7.824L218 217.997"/><path fill="#f89c0e" d="m38 218.003l22.5-90.001l54.196 12.129L128 195.502l-90 22.495"/><path fill="#f68712" d="m128 60.5l-67.5 67.502l67.5 67.5l67.497-67.5L128 60.504"/></g></svg>
</template>

CSS

.icon-haxe-light {
  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%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23f4f2ed%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fbc707%22%20d%3D%22m128%2060.5l-51.26-5.676L38%2038h44.998L128%2060.504m0-.004l52.435-4.502L218%2038h-45.002L128%2060.504%22%2F%3E%3Cpath%20fill%3D%22%23f68712%22%20d%3D%22m128%20195.502l48.913%201.761L218%20218.003h-45.002L128%20195.498%22%2F%3E%3Cpath%20fill%3D%22%23f25c19%22%20d%3D%22M128%20195.502H78.696L38%20218.003h44.998L128%20195.498%22%2F%3E%3Cpath%20fill%3D%22%23fff200%22%20d%3D%22M60.5%20128.002v47.347L38%20218.003v-45l22.5-45.002%22%2F%3E%3Cpath%20fill%3D%22%23fff200%22%20d%3D%22m60.5%20128.002l-3.718-46.96L38%2038v45l22.5%2045%22%2F%3E%3Cpath%20fill%3D%22%23f1471d%22%20d%3D%22m195.497%20128.002l4.894-49.308L218%2038v45l-22.503%2045%22%2F%3E%3Cpath%20fill%3D%22%23f1471d%22%20d%3D%22m195.497%20128.002l4.112%2052.826L218%20218.003v-45l-22.503-45.002%22%2F%3E%3Cpath%20fill%3D%22%23fab20b%22%20d%3D%22m38%2038l90%2022.5l-14.478%2057.326l-53.023%2010.176L38%2038.005%22%2F%3E%3Cpath%20fill%3D%22%23f47216%22%20d%3D%22m218%2038l-22.503%2090.002l-60.454-10.962L128%2060.498l90-22.493%22%2F%3E%3Cpath%20fill%3D%22%23f25c19%22%20d%3D%22m218%20218.003l-90-22.501l10.174-59.671l57.323-7.824L218%20217.997%22%2F%3E%3Cpath%20fill%3D%22%23f89c0e%22%20d%3D%22m38%20218.003l22.5-90.001l54.196%2012.129L128%20195.502l-90%2022.495%22%2F%3E%3Cpath%20fill%3D%22%23f68712%22%20d%3D%22m128%2060.5l-67.5%2067.502l67.5%2067.5l67.497-67.5L128%2060.504%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23f4f2ed%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fbc707%22%20d%3D%22m128%2060.5l-51.26-5.676L38%2038h44.998L128%2060.504m0-.004l52.435-4.502L218%2038h-45.002L128%2060.504%22%2F%3E%3Cpath%20fill%3D%22%23f68712%22%20d%3D%22m128%20195.502l48.913%201.761L218%20218.003h-45.002L128%20195.498%22%2F%3E%3Cpath%20fill%3D%22%23f25c19%22%20d%3D%22M128%20195.502H78.696L38%20218.003h44.998L128%20195.498%22%2F%3E%3Cpath%20fill%3D%22%23fff200%22%20d%3D%22M60.5%20128.002v47.347L38%20218.003v-45l22.5-45.002%22%2F%3E%3Cpath%20fill%3D%22%23fff200%22%20d%3D%22m60.5%20128.002l-3.718-46.96L38%2038v45l22.5%2045%22%2F%3E%3Cpath%20fill%3D%22%23f1471d%22%20d%3D%22m195.497%20128.002l4.894-49.308L218%2038v45l-22.503%2045%22%2F%3E%3Cpath%20fill%3D%22%23f1471d%22%20d%3D%22m195.497%20128.002l4.112%2052.826L218%20218.003v-45l-22.503-45.002%22%2F%3E%3Cpath%20fill%3D%22%23fab20b%22%20d%3D%22m38%2038l90%2022.5l-14.478%2057.326l-53.023%2010.176L38%2038.005%22%2F%3E%3Cpath%20fill%3D%22%23f47216%22%20d%3D%22m218%2038l-22.503%2090.002l-60.454-10.962L128%2060.498l90-22.493%22%2F%3E%3Cpath%20fill%3D%22%23f25c19%22%20d%3D%22m218%20218.003l-90-22.501l10.174-59.671l57.323-7.824L218%20217.997%22%2F%3E%3Cpath%20fill%3D%22%23f89c0e%22%20d%3D%22m38%20218.003l22.5-90.001l54.196%2012.129L128%20195.502l-90%2022.495%22%2F%3E%3Cpath%20fill%3D%22%23f68712%22%20d%3D%22m128%2060.5l-67.5%2067.502l67.5%2067.5l67.497-67.5L128%2060.504%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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