Glyphs

Glyphs 是一种极简抽象的矢量头像样式，将平坦的肩部轮廓与一个独特的、类似字形的帽子或头饰组合在一个柔和的带色调圆形中。生成简单的 SVG 个人资料图标，非常适合作为用户列表和聊天侧边栏中的占位符。

Preview

Open Playground

LICENSE

This avatar style is a remix of: Abstract Avatars for All Creative Profile Use by Matt Houser, licensed under CC BY 4.0. See details for more information.

用法

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

https://api.dicebear.com/10.x/glyphs/svg

You can use the URL directly as image source.

<img
  src="https://api.dicebear.com/10.x/glyphs/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/glyphs.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');
$style = Style::fromJson(file_get_contents($basePath . '/src/glyphs.json'));

$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:

from importlib.resources import files

from dicebear import Avatar, Style

style = Style.from_json(
    files("dicebear_styles").joinpath("glyphs.json").read_text("utf-8")
)

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 glyphs

Then you can create this avatar as follows:

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

let style = Style::from_str(dicebear_styles::GLYPHS)?;
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.Glyphs))
avatar, _ := dicebear.NewAvatar(style, map[string]any{
	// ... options
})

svg := avatar.SVG()

See Go docs for more information.

First add the required packages with dart pub:

dart pub add dicebear_core dicebear_styles

Then you can create this avatar as follows:

import 'package:dicebear_core/dicebear_core.dart';
import 'package:dicebear_styles/glyphs.dart';

final style = Style.parse(glyphs);
final avatar = Avatar(style, {
  // ... options
});

final svg = avatar.svg;

See Dart docs for more information.

First install the CLI package via npm:

npm install --global dicebear

Then you can create this avatar as follows:

dicebear glyphs

See CLI docs for more information.

选项

详情

Naming

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

Source

Title	Abstract Avatars for All Creative Profile Use
Creator	Matt Houser
Website	https://x.com/mattkhouser
License	CC BY 4.0
Source	https://www.figma.com/community/file/1249154526125777853