# brands/marks (zidane-ui)

Import: `import { … } from 'zidane-ui'`. Source: [ui/src/brands/marks.ts](https://github.com/Tahul/zidane/blob/main/ui/src/brands/marks.ts).

## Constants

### `BRAND_MARKS`

Constant.

Every logo the kit has, by slug.

```ts
const BRAND_MARKS: Readonly<Record<string, BrandMarkData>>
```

Source: [ui/src/brands/marks.ts:28](https://github.com/Tahul/zidane/blob/main/ui/src/brands/marks.ts#L28)

## Interfaces

### `BrandMarkData`

Interface.

One logo: the brand's name, its color and its paths.

```ts
interface BrandMarkData
```

**Properties**

- `hex` (`string`): The brand color, as six hex digits without `#`.
- `paths` (`readonly BrandMarkPath[]`): The logo, as one-color paths in a 24 by 24 box.
- `title` (`string`): The brand's name.

Source: [ui/src/brands/marks.ts:18](https://github.com/Tahul/zidane/blob/main/ui/src/brands/marks.ts#L18)

### `BrandMarkPath`

Interface.

One path of a logo, in a 24 by 24 box.

```ts
interface BrandMarkPath
```

**Properties**

- `d` (`string`): The SVG path.
- `evenOdd?` (`boolean`): The path fills by the even-odd rule.

Source: [ui/src/brands/marks.ts:10](https://github.com/Tahul/zidane/blob/main/ui/src/brands/marks.ts#L10)
