Bean Heads Avatar Generator

Stylized cartoon "bean head" characters with expressions, clothing, and accessories

MIT SVG, PNG npm runs locally

Ready-to-use samples

Generated with the Bean Heads package, served from this site.

felix
aneka
jasper
luna
milo
sage
nova
remy

Run Bean Heads in your project

Bean Heads is a React component with no hosted HTTP endpoint. Install the npm package to render it, or try a similarly customizable cartoon style below.

GitHub repo Project page

Want a live playground instead?

Avataaars has a hosted URL API with a similar look, so you can preview and download without installing anything.

Open Avataaars playground DiceBear UI Avatars Robohash

Usage

npm

npm i @bigheads/core

import { BigHead } from '@bigheads/core';

<BigHead
  accessory="none"
  hair="short"
  hairColor="brown"
  skinTone="light"
  faceMask={false}
/>

React

import { BigHead } from '@bigheads/core';

function UserAvatar() {
  return <BigHead body="chest" clothing="dressShirt" />;
}

About Bean Heads

Formerly "Big Heads", now Bean Heads. SVG avatar component with a distinctive exaggerated-head cartoon style. Billions of combinations from hair, eyes, mouth, clothing, hat, and background options. Fully composable as a React component and also available for React Native. Published as @bigheads/core on npm.

Best for: Developer tools, gaming profiles, apps targeting a younger demographic

License: MIT
Output: SVG, PNG
Deterministic: Yes
Hosted API: No
Package: @bigheads/core
Links: Docs GitHub

Other avatar generators

Compare all 14 libraries

Frequently Asked Questions

Is Bean Heads free to use commercially?

Bean Heads is licensed under MIT. This is a permissive license: you can use it in commercial projects with no royalties, though MIT requires keeping the license notice.

What output formats does Bean Heads support?

Bean Heads generates avatars as SVG, PNG. SVG output scales to any size without quality loss, useful for retina displays and print.

Is there a hosted Bean Heads API?

No. Bean Heads ships as an npm package that renders locally, there is no hosted HTTP endpoint to call. The samples on this page were generated with that package.

Does the same seed always produce the same Bean Heads avatar?

Yes. Bean Heads is fully deterministic: the same seed value always renders the identical avatar, so you never need to store the generated image.