# GabLab logo variants

Created from `../LogoGabLab.png`. The original is preserved.

These SVGs contain vector paths, including the lettering; they require no fonts and contain no embedded bitmap. The raster logo was traced and cleaned, using flat navy (#0e1d32) and orange (#ff7900) rather than its subtle texture. All exports have transparent backgrounds.

| File | Use |
| --- | --- |
| gablab-full.svg / .png | Complete logo with company name; PNG is 2400 pixels wide |
| gablab-symbol.svg / .png | Symbol without text; PNG is 1024 pixels wide |
| gablab-symbol-white.svg / .png | White and orange symbol for dark backgrounds |
| gablab-symbol-monochrome.svg / .png | One-color navy symbol |
| favicon.svg | Scalable, square favicon |
| favicon.ico | Combined 16, 32, and 48 pixel browser icons |
| favicon-16x16.png / favicon-32x32.png / favicon-48x48.png | Individual browser icons |
| apple-touch-icon.png | 180 × 180 icon |
| android-chrome-192x192.png / android-chrome-512x512.png | Larger square icons |

Example HTML, after copying these assets to your website root:

```html
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
```

For dark backgrounds, use the white symbol variant. SVG colors can be edited directly in the `fill` attributes.