Toon Head

Toon Head 是一种插画风格的矢量头像，具有细致的角色 肖像，包含多样的肤色、发型和富有表情的面孔。生成 具有现代动画剧集美学、逼真且可自定义的 SVG 个人资料图标。

This avatar style is a remix of: ToonHead by Johan Melin, licensed under CC BY 4.0 .

LICENSE

While our code is MIT licensed, the design of this avatar style is licensed under CC BY 4.0. See details for more information.

Open in Playground

用法

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/definitions --save

Then you can create this avatar as follows:

import { Style, Avatar } from '@dicebear/core';
import definition from '@dicebear/definitions/toon-head.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/definitions

Then you can create this avatar as follows:

<?php

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

$basePath = InstalledVersions::getInstallPath('dicebear/definitions');
$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 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.

选项

详情

Naming
Definition Import	import definition from '@dicebear/definitions/toon-head.json';
CLI	dicebear toon-head
HTTP-API	https://api.dicebear.com/10.x/toon-head/svg
Definition	https://cdn.hopjs.net/npm/@dicebear/definitions@10.0.0-rc.4/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