hackthebox logo
hackthebox from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- hackthebox
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the hackthebox logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m22.51 6.457l.001-.013a.9.9 0 0 0-.271-.638l-.027-.024q-.028-.025-.057-.048q-.03-.022-.06-.04l-.029-.02l-9.61-5.547a.89.89 0 0 0-.922.004L1.933 5.674l-.03.02l-.023.014l-.02.015a1 1 0 0 0-.147.134l-.003.003a.9.9 0 0 0-.221.584v.014l-.001.027v11.07c0 .328.18.63.469.784l9.599 5.542l.023.011a1 1 0 0 0 .166.07l.04.01l.072.015l.035.006a.8.8 0 0 0 .216 0q.018-.002.035-.006l.072-.014l.04-.012l.064-.022a1 1 0 0 0 .102-.047l.023-.011l9.599-5.542a.89.89 0 0 0 .469-.784V6.478zM5.255 6.082l6.537-3.774a.42.42 0 0 1 .418 0l6.537 3.774a.418.418 0 0 1 0 .725l-6.537 3.774a.42.42 0 0 1-.418 0L5.254 6.807a.418.418 0 0 1 0-.725m5.614 14.345a.417.417 0 0 1-.626.361l-6.524-3.766a.42.42 0 0 1-.209-.361V9.127a.417.417 0 0 1 .626-.361l6.524 3.766a.42.42 0 0 1 .209.362zm9.623-3.766a.42.42 0 0 1-.209.36l-6.524 3.767a.417.417 0 0 1-.626-.36v-7.533c0-.15.08-.287.209-.362l6.524-3.766a.417.417 0 0 1 .626.36z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsHackthebox(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m22.51 6.457l.001-.013a.9.9 0 0 0-.271-.638l-.027-.024q-.028-.025-.057-.048q-.03-.022-.06-.04l-.029-.02l-9.61-5.547a.89.89 0 0 0-.922.004L1.933 5.674l-.03.02l-.023.014l-.02.015a1 1 0 0 0-.147.134l-.003.003a.9.9 0 0 0-.221.584v.014l-.001.027v11.07c0 .328.18.63.469.784l9.599 5.542l.023.011a1 1 0 0 0 .166.07l.04.01l.072.015l.035.006a.8.8 0 0 0 .216 0q.018-.002.035-.006l.072-.014l.04-.012l.064-.022a1 1 0 0 0 .102-.047l.023-.011l9.599-5.542a.89.89 0 0 0 .469-.784V6.478zM5.255 6.082l6.537-3.774a.42.42 0 0 1 .418 0l6.537 3.774a.418.418 0 0 1 0 .725l-6.537 3.774a.42.42 0 0 1-.418 0L5.254 6.807a.418.418 0 0 1 0-.725m5.614 14.345a.417.417 0 0 1-.626.361l-6.524-3.766a.42.42 0 0 1-.209-.361V9.127a.417.417 0 0 1 .626-.361l6.524 3.766a.42.42 0 0 1 .209.362zm9.623-3.766a.42.42 0 0 1-.209.36l-6.524 3.767a.417.417 0 0 1-.626-.36v-7.533c0-.15.08-.287.209-.362l6.524-3.766a.417.417 0 0 1 .626.36z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m22.51 6.457l.001-.013a.9.9 0 0 0-.271-.638l-.027-.024q-.028-.025-.057-.048q-.03-.022-.06-.04l-.029-.02l-9.61-5.547a.89.89 0 0 0-.922.004L1.933 5.674l-.03.02l-.023.014l-.02.015a1 1 0 0 0-.147.134l-.003.003a.9.9 0 0 0-.221.584v.014l-.001.027v11.07c0 .328.18.63.469.784l9.599 5.542l.023.011a1 1 0 0 0 .166.07l.04.01l.072.015l.035.006a.8.8 0 0 0 .216 0q.018-.002.035-.006l.072-.014l.04-.012l.064-.022a1 1 0 0 0 .102-.047l.023-.011l9.599-5.542a.89.89 0 0 0 .469-.784V6.478zM5.255 6.082l6.537-3.774a.42.42 0 0 1 .418 0l6.537 3.774a.418.418 0 0 1 0 .725l-6.537 3.774a.42.42 0 0 1-.418 0L5.254 6.807a.418.418 0 0 1 0-.725m5.614 14.345a.417.417 0 0 1-.626.361l-6.524-3.766a.42.42 0 0 1-.209-.361V9.127a.417.417 0 0 1 .626-.361l6.524 3.766a.42.42 0 0 1 .209.362zm9.623-3.766a.42.42 0 0 1-.209.36l-6.524 3.767a.417.417 0 0 1-.626-.36v-7.533c0-.15.08-.287.209-.362l6.524-3.766a.417.417 0 0 1 .626.36z"/></svg> </template>
CSS
.icon-hackthebox {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m22.51%206.457l.001-.013a.9.9%200%200%200-.271-.638l-.027-.024q-.028-.025-.057-.048q-.03-.022-.06-.04l-.029-.02l-9.61-5.547a.89.89%200%200%200-.922.004L1.933%205.674l-.03.02l-.023.014l-.02.015a1%201%200%200%200-.147.134l-.003.003a.9.9%200%200%200-.221.584v.014l-.001.027v11.07c0%20.328.18.63.469.784l9.599%205.542l.023.011a1%201%200%200%200%20.166.07l.04.01l.072.015l.035.006a.8.8%200%200%200%20.216%200q.018-.002.035-.006l.072-.014l.04-.012l.064-.022a1%201%200%200%200%20.102-.047l.023-.011l9.599-5.542a.89.89%200%200%200%20.469-.784V6.478zM5.255%206.082l6.537-3.774a.42.42%200%200%201%20.418%200l6.537%203.774a.418.418%200%200%201%200%20.725l-6.537%203.774a.42.42%200%200%201-.418%200L5.254%206.807a.418.418%200%200%201%200-.725m5.614%2014.345a.417.417%200%200%201-.626.361l-6.524-3.766a.42.42%200%200%201-.209-.361V9.127a.417.417%200%200%201%20.626-.361l6.524%203.766a.42.42%200%200%201%20.209.362zm9.623-3.766a.42.42%200%200%201-.209.36l-6.524%203.767a.417.417%200%200%201-.626-.36v-7.533c0-.15.08-.287.209-.362l6.524-3.766a.417.417%200%200%201%20.626.36z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m22.51%206.457l.001-.013a.9.9%200%200%200-.271-.638l-.027-.024q-.028-.025-.057-.048q-.03-.022-.06-.04l-.029-.02l-9.61-5.547a.89.89%200%200%200-.922.004L1.933%205.674l-.03.02l-.023.014l-.02.015a1%201%200%200%200-.147.134l-.003.003a.9.9%200%200%200-.221.584v.014l-.001.027v11.07c0%20.328.18.63.469.784l9.599%205.542l.023.011a1%201%200%200%200%20.166.07l.04.01l.072.015l.035.006a.8.8%200%200%200%20.216%200q.018-.002.035-.006l.072-.014l.04-.012l.064-.022a1%201%200%200%200%20.102-.047l.023-.011l9.599-5.542a.89.89%200%200%200%20.469-.784V6.478zM5.255%206.082l6.537-3.774a.42.42%200%200%201%20.418%200l6.537%203.774a.418.418%200%200%201%200%20.725l-6.537%203.774a.42.42%200%200%201-.418%200L5.254%206.807a.418.418%200%200%201%200-.725m5.614%2014.345a.417.417%200%200%201-.626.361l-6.524-3.766a.42.42%200%200%201-.209-.361V9.127a.417.417%200%200%201%20.626-.361l6.524%203.766a.42.42%200%200%201%20.209.362zm9.623-3.766a.42.42%200%200%201-.209.36l-6.524%203.767a.417.417%200%200%201-.626-.36v-7.533c0-.15.08-.287.209-.362l6.524-3.766a.417.417%200%200%201%20.626.36z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/hackthebox.svg?color=%231a73e8&size=48
