IT Live – Alle logo's in code

Eén bestand met alle officiële IT Live logo-varianten zoals op itlive.nl/huisstijl/corporate/. Alles hieronder is geredigeerd in code (inline SVG + wordmark). Kopieer de gewenste blokken voor gebruik in headers, footers of huisstijl.

1. Icon – Kubus + Hart (goud, standaard)

Preview

Code (inline SVG)

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" width="48" height="48" aria-hidden="true">
  <line x1="24" y1="5"  x2="6"  y2="17" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/>
  <line x1="24" y1="5"  x2="42" y2="17" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/>
  <line x1="6"  y1="17" x2="6"  y2="33" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/>
  <line x1="42" y1="17" x2="42" y2="33" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/>
  <line x1="6"  y1="33" x2="24" y2="43" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/>
  <line x1="42" y1="33" x2="24" y2="43" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/>
  <circle cx="24" cy="5"  r="4" fill="#f2c14f"/>
  <circle cx="6"  cy="17" r="4" fill="#f2c14f"/>
  <circle cx="42" cy="17" r="4" fill="#f2c14f"/>
  <circle cx="6"  cy="33" r="4" fill="#f2c14f"/>
  <circle cx="42" cy="33" r="4" fill="#f2c14f"/>
  <circle cx="24" cy="43" r="4" fill="#f2c14f"/>
  <path d="M24 29C24 29 18 24 18 20C18 17.8 19.8 16.5 22 17.5L24 19L26 17.5C28.2 16.5 30 17.8 30 20C30 24 24 29 24 29Z" fill="#f2c14f"/>
</svg>

2. Icon – Kubus + Hart (corporate blauw)

Preview

Code – gebruik voor Corporate Edition (kleur #1e40af)

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" width="48" height="48" aria-hidden="true">
  <!-- stroke en fill: #1e40af (Corporate Blue) -->
  <line x1="24" y1="5"  x2="6"  y2="17" stroke="#1e40af" stroke-width="2.2" stroke-linecap="round"/>
  … (zelfde lijnen/cirkels/path als hierboven, fill="#1e40af" en stroke="#1e40af")
  <path d="M24 29C24 29 18 24 18 20C18 17.8 19.8 16.5 22 17.5L24 19L26 17.5C28.2 16.5 30 17.8 30 20C30 24 24 29 24 29Z" fill="#1e40af"/>
</svg>

3. Volledig logo – Icon + wordmark (op lichte achtergrond)

Preview IT LIVE DIGITAAL BUREAU

Code – icon SVG + wordmark HTML/CSS (Montserrat 900 + subtekst)

<a href="/" class="itlive-logo" aria-label="IT Live – Digitaal Bureau">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" width="40" height="40">…</svg>
  <span class="itlive-wordmark" style="color:#1e40af">IT LIVE<span class="sub">DIGITAAL BUREAU</span></span>
</a>

4. Volledig logo – Icon + wordmark (op donkere achtergrond)

Preview IT LIVE DIGITAAL BUREAU

Code – icon en wordmark in goud (#f2c14f) voor donkere achtergrond

Icon: stroke en fill="#f2c14f". Wordmark: color:#f2c14f.

5. Wordmark alleen – Corporate

IT LIVE DIGITAAL BUREAU

CSS

.itlive-wordmark { font-family: 'Montserrat', sans-serif; font-weight: 900; letter-spacing: 0.02em; }
.itlive-wordmark .sub { font-size: 0.6em; font-weight: 600; display: block; margin-top: -2px; }