Coffee and latte art avatars

Latte is one of the 13 original lazy-avatars collections. Coffee cups contain heart, tulip, rosetta or ring patterns selected by a seed.

Latte avatar example

When to use Latte

Use it for café projects, relaxed communities and coffee-themed bots.

Install and render

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

const svg = createAvatar(latte, {
  seed: 'Ada Moss',
  size: 64,
  shape: 'rounded',
  options: { art: 'tulip' },
});

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 { latte } from 'lazy-avatars/latte';

<Avatar collection={latte} 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 Latte in the interactive gallery · Full API contract

Other collections