Marque — Hack Club

Drapeau Orpheus en haut

SVG PNG PDF

https://assets.hackclub.com/flag-orpheus-top.svg

Drapeau Orpheus à gauche

SVG PNG PDF

https://assets.hackclub.com/flag-orpheus-left.svg

Drapeau seul

SVG PNG PDF

https://assets.hackclub.com/flag-standalone.svg

Drapeau Orpheus en haut N/B

SVG PNG PDF

https://assets.hackclub.com/flag-orpheus-top-bw.svg

Drapeau Orpheus à gauche N/B

SVG PNG PDF

https://assets.hackclub.com/flag-orpheus-left-bw.svg

Drapeau seul N/B

SVG PNG PDF

https://assets.hackclub.com/flag-standalone-bw.svg

Icône arrondie

SVG PNG PDF

https://assets.hackclub.com/icon-rounded.svg

Icône carrée

SVG PNG PDF

https://assets.hackclub.com/icon-square.svg

Icône Progress arrondie

SVG PNG PDF

https://assets.hackclub.com/icon-progress-rounded.svg

Icône Progress carrée

SVG PNG PDF

https://assets.hackclub.com/icon-progress-square.svg

Télécharger tous les logos

HCB clair

SVG PNG PDF

https://assets.hackclub.com/hcb-light.svg

HCB foncé

SVG PNG PDF

https://assets.hackclub.com/hcb-dark.svg

Voir le guide de marque HCB

<a href="https://hackclub.com/"><img style="position: absolute; top: 0; left: 10px; border: 0; width: 256px; z-index: 999;" src="https://assets.hackclub.com/flag-orpheus-top.svg" alt="Hack Club"/></a>

<a href="https://hackclub.com/"><img style="position: absolute; top: 0; left: 10px; border: 0; width: 256px; z-index: 999;" src="https://assets.hackclub.com/flag-orpheus-left.svg" alt="Hack Club"/></a>

<a href="https://hackclub.com/"><img style="position: absolute; top: 0; left: 10px; border: 0; width: 256px; z-index: 999;" src="https://assets.hackclub.com/banners/2026.svg" alt="Hack Club"/></a>

Composant React

Phantom Sans

est notre police de marque.

CSS de la police web(cliquer pour développer)(cliquer pour réduire)

@font-face {
  font-family: 'Phantom Sans';
  src:
    url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff')
      format('woff'),
    url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff2')
      format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Phantom Sans';
  src:
    url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Italic.woff')
      format('woff'),
    url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Italic.woff2')
      format('woff2');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Phantom Sans';
  src:
    url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff')
      format('woff'),
    url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff2')
      format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}