Glyphs

Glyphs is a minimal abstract vector avatar style that pairs a flat shoulder silhouette with a unique glyph-like hat or headpiece inside a soft tinted circle. Generate clean, identity-light SVG profile icons that work well as placeholders in user lists and chat sidebars.

This avatar style is a remix of: Abstract Avatars for All Creative Profile Use by Matt Houser, 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

Usage

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');
$definition = json_decode(file_get_contents($basePath . '/src/glyphs.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 glyphs

See CLI docs for more information.

Options

Details

Naming

Definition Import	import definition from '@dicebear/styles/glyphs.json';
CLI	dicebear glyphs
HTTP-API	https://api.dicebear.com/10.x/glyphs/svg
Definition	https://cdn.hopjs.net/npm/@dicebear/styles@10.0.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