Skip to main content

Jdenticon

Sean Moore Lionel Quinn Lydia Ellis Bryan Phelps Ronald Frank Annette Klein Brent Hill Stanley Newman Grace Singleton

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

flip

Flip

Default: false

Type: boolean

rotate

Rotate

Default: 0

Type: integer

Minimum: 0

Maximum: 360

scale

Scale

Default: 100

Type: integer

Minimum: 0

Maximum: 200

radius

Radius

Alias: r

Default: 0

Type: integer

Minimum: 0

Maximum: 50

size

Size

Default: undefined

Type: integer

Minimum: 1

backgroundColor

Background Color

Alias: b

Default: undefined

Type:

translateX

Translate X%

Default: 0

Type: integer

Minimum: -100

Maximum: 100

translateY

Translate Y%

Default: 0

Type: integer

Minimum: -100

Maximum: 100

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