# Noir, a PostHog hedgehog

> Noir, a PostHog hedgehog illustration (a "hoggie"). Tags: hog, solo, detective, noir, old-timey, gray scale, black and white, mystery, crime, magnifying glass, searching, pointing, shocked, angry, binoculars, shrub, spy, stakeout, projector, movie, camera, film, reel, suit, desk, relax, surveillance, computer, pink, charts, tip back.

HTML version: https://brand.posthog.com/hoggies/noir · All docs for agents: https://brand.posthog.com/llms.txt

## In code (recommended)

```tsx
import { HedgehogNoir } from "@posthog/brand/hoggies"

<HedgehogNoir variant="1" />
<HedgehogNoir variant="2" />
<HedgehogNoir variant="3" />
<HedgehogNoir variant="4" />
<HedgehogNoir variant="5" />
```

Install with `npm install @posthog/brand`. Noir is a numbered family: one component, picked with the `variant` prop.

## Download

### Variant 1

- SVG: https://brand.posthog.com/hoggies/noir-1.svg
- PNG (1000×1000): https://brand.posthog.com/hoggies/noir-1.png
- JSX: `<HedgehogNoir variant="1" />`
- SVG string: `import svg from "@posthog/brand/hoggies/svg/noir-1"` · PNG URL: `import png from "@posthog/brand/hoggies/png/noir-1"`

### Variant 2

- SVG: https://brand.posthog.com/hoggies/noir-2.svg
- PNG (1000×1000): https://brand.posthog.com/hoggies/noir-2.png
- JSX: `<HedgehogNoir variant="2" />`
- SVG string: `import svg from "@posthog/brand/hoggies/svg/noir-2"` · PNG URL: `import png from "@posthog/brand/hoggies/png/noir-2"`

### Variant 3

- SVG: https://brand.posthog.com/hoggies/noir-3.svg
- PNG (1000×1000): https://brand.posthog.com/hoggies/noir-3.png
- JSX: `<HedgehogNoir variant="3" />`
- SVG string: `import svg from "@posthog/brand/hoggies/svg/noir-3"` · PNG URL: `import png from "@posthog/brand/hoggies/png/noir-3"`

### Variant 4

- SVG: https://brand.posthog.com/hoggies/noir-4.svg
- PNG (1000×1000): https://brand.posthog.com/hoggies/noir-4.png
- JSX: `<HedgehogNoir variant="4" />`
- SVG string: `import svg from "@posthog/brand/hoggies/svg/noir-4"` · PNG URL: `import png from "@posthog/brand/hoggies/png/noir-4"`

### Variant 5

- SVG: https://brand.posthog.com/hoggies/noir-5.svg
- PNG (1000×1000): https://brand.posthog.com/hoggies/noir-5.png
- JSX: `<HedgehogNoir variant="5" />`
- SVG string: `import svg from "@posthog/brand/hoggies/svg/noir-5"` · PNG URL: `import png from "@posthog/brand/hoggies/png/noir-5"`

More hoggies: https://brand.posthog.com/hoggies.md

## License

PostHog's brand assets are PostHog trademarks, made available under the PolyForm Strict License 1.0.0 (source-available, not open source: commercial use, use in your own projects, distribution and derivative works are not licensed). For licensing inquiries, contact hey@posthog.com. Full text: https://github.com/PostHog/brand/blob/main/LICENSE