Toon Head

Toon Head is an illustrated vector avatar style featuring half-body character portraits with naturalistic proportions, diverse skin tones, hairstyles, and facial hair. Generate expressive SVG profile icons in a modern animated-series aesthetic — well suited to community apps and social products.

Preview

Open Playground

LICENSE

This avatar style is a remix of: ToonHead by Johan Melin, licensed under CC BY 4.0. See details for more information.

Usage

Use this URL to request this avatar style via our HTTP API.

https://api.dicebear.com/10.x/toon-head/svg

You can use the URL directly as image source.

<img
  src="https://api.dicebear.com/10.x/toon-head/svg"
  alt="avatar"
/>

See HTTP-API docs for more information.

First install the required packages via npm:

npm install @dicebear/core @dicebear/styles --save

Then you can create this avatar as follows:

import { Style, Avatar } from '@dicebear/core';
import definition from '@dicebear/styles/toon-head.json' with { type: 'json' };

const style = new Style(definition);
const avatar = new Avatar(style, {
  // ... options
});

const svg = avatar.toString();

See JS docs for more information.

First install the required packages via Composer:

composer require dicebear/core dicebear/styles

Then you can create this avatar as follows:

<?php

use Composer\InstalledVersions;
use DiceBear\Style;
use DiceBear\Avatar;

$basePath = InstalledVersions::getInstallPath('dicebear/styles');
$definition = json_decode(file_get_contents($basePath . '/src/toon-head.json'), true);

$style = new Style($definition);
$avatar = new Avatar($style, [
  // ... options
]);

$svg = (string) $avatar;

See PHP docs for more information.

First install the required packages via pip:

pip install dicebear-core dicebear-styles

Then you can create this avatar as follows:

import json
from importlib.resources import files

from dicebear import Avatar, Style

definition = json.loads(
    files("dicebear_styles").joinpath("toon-head.json").read_text("utf-8")
)

style = Style(definition)
avatar = Avatar(style, {
    # ... options
})

svg = avatar.to_string()

See Python docs for more information.

First install the CLI package via npm:

npm install --global dicebear

Then you can create this avatar as follows:

dicebear toon-head

See CLI docs for more information.

Options

Details

Naming

Definition Import	import definition from '@dicebear/styles/toon-head.json' with { type: 'json' };
CLI	dicebear toon-head
HTTP-API	https://api.dicebear.com/10.x/toon-head/svg
Definition	https://cdn.hopjs.net/npm/@dicebear/styles@10.1.0/dist/toon-head.min.json

Source

Title	ToonHead
Creator	Johan Melin
Website	https://www.johanmelin.com
License	CC BY 4.0
Source	https://www.figma.com/community/file/1589627891082866389