<!-- source-hash: d68a2227a3551e27e65a194850078361 -->
Centralized repository of monochrome SVG brand mark silhouettes, keyed by lowercase brand name, intended for use with CSS `mask-image` tinting.

## Key Components

**`BRAND_MARK_SVGS`** — `Record<string, string>`

A constant map of brand name strings to raw SVG markup. Each SVG uses `role="img"` and a `<title>` element for accessibility. Current entries include:

| Key | Brand |
|---|---|
| `amazonwebservices` | Amazon Web Services |
| `datadog` | Datadog |
| `git` | Git |
| `github` | GitHub |
| `gnubash` | GNU Bash |
| `googlecloud` | Google Cloud |
| `grafana` | Grafana |

## Usage Example

```typescript
import { BRAND_MARK_SVGS } from './brand-marks';

// Render an inline SVG
const svgMarkup = BRAND_MARK_SVGS['github'];
element.innerHTML = svgMarkup;

// Use as a CSS mask for tinted icons
const maskStyle = {
  maskImage: `url("data:image/svg+xml,${encodeURIComponent(BRAND_MARK_SVGS['github'])}")`,
  maskRepeat: 'no-repeat',
  maskSize: 'contain',
  backgroundColor: 'currentColor',
};
```

## Notes

- All SVGs are monochrome (single `<path>`) to support CSS `mask-image` tinting — applying color via `background-color` or `color` without modifying the SVG source.
- Centralizing these assets prevents consumers from bundling duplicate copies.
- Lookup keys are always **lowercase** with no spaces or hyphens (e.g., `amazonwebservices`, `googlecloud`).

## Source

[`brand-marks.ts`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/brand-marks.ts)