Monogram and initials avatars

Monograma is one of the 13 original lazy-avatars collections. Original serif letter paths place initials inside circle, shield or diamond frames.

Monograma avatar example

When to use Monograma

Use it when initials should remain recognizable without loading a font.

Install and render

npm install lazy-avatars@1.1.2
import { createAvatar } from 'lazy-avatars';
import { monogram } from 'lazy-avatars/monogram';

const svg = createAvatar(monogram, {
  seed: 'Ada Moss',
  size: 64,
  shape: 'rounded',
  options: { frame: 'shield' },
});

This code demonstrates explicit collection options. The preview uses seed-selected defaults (Rack: demo-host-01 with status warn); changing options can change its appearance.

React integration

Install React 19 separately, then pass this collection to the optional component:

import { Avatar } from 'lazy-avatars/react';
import { monogram } from 'lazy-avatars/monogram';

<Avatar collection={monogram} seed="Ada Moss" size={64} title="Example profile" />;

Determinism and license

Same collection/output version, normalized seed and effective options produce identical SVG bytes. Collection outputVersion is 1. Pin the package or save the SVG to preserve historical output. Original artwork and code use this project's MIT license; no third-party fonts are bundled.

Try Monograma in the interactive gallery · Full API contract

Other collections