Dylan

This avatar style is a remix of: Dylan! The Avatar Generator by Natalia Spivak, 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/9.x/dylan/svg

You can use the URL directly as image source.

See HTTP-API docs for more information.

Options

seed

Type string

The seed determines the initial value for the built-in PRNG. With the PRNG you can create the same avatar over and over again based.

Felix

Aneka

https://api.dicebear.com/9.x/dylan/svg?seed=Felix

flip

Type boolean

false

true

https://api.dicebear.com/9.x/dylan/svg?flip=false

rotate

Type integerMinimum 0Maximum 360

0

90

180

270

https://api.dicebear.com/9.x/dylan/svg?rotate=0

scale

Type integerMinimum 0Maximum 200

50

100

200

https://api.dicebear.com/9.x/dylan/svg?scale=50

radius

Type integerMinimum 0Maximum 50

0

10

20

30

40

50

https://api.dicebear.com/9.x/dylan/svg?radius=0

size

Type integerMinimum 1

32

48

64

80

96

https://api.dicebear.com/9.x/dylan/svg?size=32

backgroundColor

Type arrayItem Pattern ^(transparent|[a-fA-F0-9]{6})$

b6e3f4

c0aede

d1d4f9

ffd5dc

ffdfbf

https://api.dicebear.com/9.x/dylan/svg?backgroundColor=b6e3f4,c0aede,d1d4f9

backgroundType

Type array

gradientLinear

solid

https://api.dicebear.com/9.x/dylan/svg?backgroundType=gradientLinear,solid

backgroundRotation

Type array

Specify an array of two numbers for this option. The PRNG will generate a number between the two values, which will be used as the rotation degree. The rotation is only visible if backgroundType is set to ['gradientLinear'].

0

360

https://api.dicebear.com/9.x/dylan/svg?backgroundRotation=0,360

translateX

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

https://api.dicebear.com/9.x/dylan/svg?translateX=-50

translateY

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

https://api.dicebear.com/9.x/dylan/svg?translateY=-50

clip

Type boolean

true

https://api.dicebear.com/9.x/dylan/svg?clip=true

randomizeIds

Type boolean

This option randomize the IDs in the generated SVG / XML. This can be useful for example if the avatars are included directly in the HTML and you want to avoid ID collisions.

false

https://api.dicebear.com/9.x/dylan/svg?randomizeIds=false

facialHair

Type array

default

https://api.dicebear.com/9.x/dylan/svg?facialHair=default

facialHairProbability

Type integerMinimum 0Maximum 100

0

100

https://api.dicebear.com/9.x/dylan/svg?facialHairProbability=0

hair

Type array

bangs

buns

flatTop

fluffy

longCurls

parting

plain

roundBob

shaggy

shortCurls

spiky

wavy

https://api.dicebear.com/9.x/dylan/svg?hair=bangs,buns,flatTop

hairColor

Type arrayItem Pattern ^(transparent|[a-fA-F0-9]{6})$

000000

1d5dff

ff543d

fff500

ffffff

https://api.dicebear.com/9.x/dylan/svg?hairColor=000000,1d5dff,ff543d

mood

Type array

angry

confused

happy

hopeful

neutral

sad

superHappy

https://api.dicebear.com/9.x/dylan/svg?mood=angry,confused,happy

skinColor

Type arrayItem Pattern ^(transparent|[a-fA-F0-9]{6})$

c26450

ffd6c0

https://api.dicebear.com/9.x/dylan/svg?skinColor=c26450,ffd6c0

Details

Naming
Collection Import	import { dylan } from '@dicebear/collection';
Package Import	import * as style from '@dicebear/dylan';
CLI	dicebear dylan
HTTP-API	https://api.dicebear.com/9.x/dylan/svg
JSON Schema	https://api.dicebear.com/9.x/dylan/schema.json

Source
Title	Dylan! The Avatar Generator
Creator	Natalia Spivak
Website	https://nataspvk.tilda.ws/
License	CC BY 4.0
Source	https://www.figma.com/community/file/1356575240759683500