[API reference](https://evolu.dev/docs/api-reference) › [@evolu/common](https://evolu.dev/docs/api-reference/common) › [Identicon](https://evolu.dev/docs/api-reference/common/Identicon) › createIdenticon

```ts
function createIdenticon(
  id: string & Brand<"Id">,
  style?: IdenticonStyle,
): Identicon;
```

Defined in: [packages/common/src/Identicon.ts:44](https://github.com/evoluhq/evolu/blob/e7144e2bbe9069362b62dec1b64a8aa922b8f1b0/packages/common/src/Identicon.ts#L44)

Creates a deterministic identicon SVG from an [Id](https://evolu.dev/docs/api-reference/common/Type/variables/Id).

Works with any [Id](https://evolu.dev/docs/api-reference/common/Type/variables/Id) including branded IDs like `OwnerId`, etc.

Available styles:

- `"github"` (default): 5x5 grid with horizontal mirroring (GitHub-style)
- `"quadrant"`: 2x2 grid with direct RGB color mapping from bytes
- `"gradient"`: Diagonal stripes with smooth color gradients
- `"sutnar"`: Three compositional variants with adaptive colors

### Example

```ts
const svg = createIdenticon(id);
const quadrantStyle = createIdenticon(id, "quadrant");
const gradientStyle = createIdenticon(id, "gradient");
const sutnarStyle = createIdenticon(id, "sutnar");

// Works with branded IDs
const ownerSvg = createIdenticon(ownerId);
```