Initial Face

Initial Face 是一种友好的矢量头像风格，将富有表现力的眼睛与彩色方块上的单个醒目的首字母结合在一起：一半表情符号，一半字母组合。生成在小尺寸下也显得个性鲜明的 SVG 个人资料图标，非常适合用户列表和个人资料占位符。

Preview

Open Playground

LICENSE

Initial Face by DiceBear, licensed under CC0 1.0. See details for more information.

用法

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

https://api.dicebear.com/10.x/initial-face/svg

You can use the URL directly as image source.

<img
  src="https://api.dicebear.com/10.x/initial-face/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/initial-face.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/initial-face.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("initial-face.json").read_text("utf-8")
)

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

svg = avatar.to_string()

See Python docs for more information.

First add the required crates via Cargo:

cargo add dicebear-core serde_json
cargo add dicebear-styles --features initial-face

Then you can create this avatar as follows:

use dicebear_core::{Avatar, Style};
use serde_json::json;

let style = Style::from_str(dicebear_styles::INITIAL_FACE)?;
let avatar = Avatar::new(&style, json!({
  // ... options
}))?;

let svg = avatar.to_svg();

See Rust docs for more information.

First add the required modules with go get:

go get github.com/dicebear/dicebear-go/v10
go get github.com/dicebear/styles/v10

Then you can create this avatar as follows:

import (
	dicebear "github.com/dicebear/dicebear-go/v10"
	"github.com/dicebear/styles/v10"
)

style, _ := dicebear.NewStyle([]byte(styles.InitialFace))
avatar, _ := dicebear.NewAvatar(style, map[string]any{
	// ... options
})

svg := avatar.SVG()

See Go docs for more information.

First install the CLI package via npm:

npm install --global dicebear

Then you can create this avatar as follows:

dicebear initial-face

See CLI docs for more information.

选项

详情

Naming

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

Source

Title	Initial Face
Creator	DiceBear
Website	https://www.dicebear.com
License	CC0 1.0
Source	https://www.dicebear.com