Jdenticon

Jdenticon wrapper for DiceBear Avatars.

Usage

HTTP-API (recommended)

Our free HTTP-API is the easiest way to use this avatar style. Just use the following URL as image source.

https://avatars.dicebear.com/api/jdenticon/:seed.svg

See the HTTP API documentation for more information.

NPM

Install the Avatars and this avatar style with the following command.

npm install --save @dicebear/avatars @dicebear/avatars-jdenticon-sprites

Now you are ready to create your first Avatar.

import { createAvatar } from '@dicebear/avatars';

import * as style from '@dicebear/avatars-jdenticon-sprites';

let svg = createAvatar(style, {

seed: 'custom-seed',

// ... and other options

});

Options

Base options

seed Seed Alias: s Default: undefined Type: string

dataUri Data URI Default: false Type: boolean

radius Radius Alias: r Default: 0 Type: integer Minimum: 0 Maximum: 50

width Width Alias: w Default: undefined Type: integer Minimum: 1

height Height Alias: h Default: undefined Type: integer Minimum: 1

margin Margin Alias: m Default: 0 Type: integer Minimum: 0 Maximum: 25

backgroundColor Background Color Alias: b Default: transparent Type: string Pattern: ^#([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})+$ or Type: string Enum: transparent

Style options

hues Hues Default: undefined Type: array Items: Type: integer Minimum: 0 Maximum: 360

colorLightness Color Lightness Default: undefined Type: array Items: Type: number Minimum: 0 Maximum: 100

grayscaleLightness Grayscale Lightness Default: undefined Type: array Items: Type: number Minimum: 0 Maximum: 100

colorSaturation Color Saturation Default: undefined Type: integer Minimum: 0 Maximum: 100

grayscaleSaturation Grayscale Saturation Default: undefined Type: integer Minimum: 0 Maximum: 100