Lorelei

This avatar style is a remix of: Lorelei by Lisa Wischofsky, licensed under CC0 1.0 .

LICENSE

While our code is MIT licensed, the design of this avatar style is licensed under CC0 1.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/lorelei/svg

You can use the URL directly as image source.

See HTTP-API docs for more information.

First install the required packages via npm:

npm install @dicebear/core @dicebear/collection --save

Then you can create this avatar as follows:

import { createAvatar } from '@dicebear/core';
import { lorelei } from '@dicebear/collection';

const avatar = createAvatar(lorelei, {
  // ... options
});

const svg = avatar.toString();

See JS-Library docs for more information.

First install the CLI package via npm:

npm install --global dicebear

Then you can create this avatar as follows:

dicebear lorelei

See CLI 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/lorelei/svg?seed=Felix

createAvatar(lorelei, {
  seed: "Felix"
});

dicebear lorelei --seed "Felix"

flip

Type boolean

false

true

false

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

createAvatar(lorelei, {
  flip: false
});

dicebear lorelei --flip false

rotate

Type integerMinimum 0Maximum 360

0

90

180

270

0

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

createAvatar(lorelei, {
  rotate: 0
});

dicebear lorelei --rotate 0

scale

Type integerMinimum 0Maximum 200

50

100

200

100

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

createAvatar(lorelei, {
  scale: 50
});

dicebear lorelei --scale 50

radius

Type integerMinimum 0Maximum 50

0

10

20

30

40

50

0

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

createAvatar(lorelei, {
  radius: 0
});

dicebear lorelei --radius 0

size

Type integerMinimum 1

32

48

64

80

96

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

createAvatar(lorelei, {
  size: 32
});

dicebear lorelei --size 32

backgroundColor

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

b6e3f4

c0aede

d1d4f9

ffd5dc

ffdfbf

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

createAvatar(lorelei, {
  backgroundColor: ["b6e3f4","c0aede","d1d4f9"]
});

dicebear lorelei --backgroundColor "b6e3f4" "c0aede" "d1d4f9"

backgroundType

Type array

gradientLinear

solid

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

createAvatar(lorelei, {
  backgroundType: ["gradientLinear","solid"]
});

dicebear lorelei --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/lorelei/svg?backgroundRotation=0,360

createAvatar(lorelei, {
  backgroundRotation: [0,360]
});

dicebear lorelei --backgroundRotation 0 360

translateX

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

createAvatar(lorelei, {
  translateX: -50
});

dicebear lorelei --translateX -50

translateY

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

createAvatar(lorelei, {
  translateY: -50
});

dicebear lorelei --translateY -50

clip

Type boolean

true

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

createAvatar(lorelei, {
  clip: true
});

dicebear lorelei --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/lorelei/svg?randomizeIds=false

createAvatar(lorelei, {
  randomizeIds: false
});

dicebear lorelei --randomizeIds false

beard

Type array

variant01

variant02

variant01

variant02

https://api.dicebear.com/9.x/lorelei/svg?beard=variant01,variant02

createAvatar(lorelei, {
  beard: ["variant01","variant02"]
});

dicebear lorelei --beard "variant01" "variant02"

beardProbability

Type integerMinimum 0Maximum 100

0

100

5

https://api.dicebear.com/9.x/lorelei/svg?beardProbability=0

createAvatar(lorelei, {
  beardProbability: 0
});

dicebear lorelei --beardProbability 0

earrings

Type array

variant01

variant02

variant03

variant01

variant02

variant03

https://api.dicebear.com/9.x/lorelei/svg?earrings=variant01,variant02,variant03

createAvatar(lorelei, {
  earrings: ["variant01","variant02","variant03"]
});

dicebear lorelei --earrings "variant01" "variant02" "variant03"

earringsColor

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

000000

https://api.dicebear.com/9.x/lorelei/svg?earringsColor=000000

createAvatar(lorelei, {
  earringsColor: ["000000"]
});

dicebear lorelei --earringsColor "000000"

earringsProbability

Type integerMinimum 0Maximum 100

0

100

10

https://api.dicebear.com/9.x/lorelei/svg?earringsProbability=0

createAvatar(lorelei, {
  earringsProbability: 0
});

dicebear lorelei --earringsProbability 0

eyebrows

Type array

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

https://api.dicebear.com/9.x/lorelei/svg?eyebrows=variant01,variant02,variant03

createAvatar(lorelei, {
  eyebrows: ["variant01","variant02","variant03"]
});

dicebear lorelei --eyebrows "variant01" "variant02" "variant03"

eyebrowsColor

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

000000

https://api.dicebear.com/9.x/lorelei/svg?eyebrowsColor=000000

createAvatar(lorelei, {
  eyebrowsColor: ["000000"]
});

dicebear lorelei --eyebrowsColor "000000"

eyes

Type array

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant17

variant18

variant19

variant20

variant21

variant22

variant23

variant24

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant17

variant18

variant19

variant20

variant21

variant22

variant23

variant24

https://api.dicebear.com/9.x/lorelei/svg?eyes=variant01,variant02,variant03

createAvatar(lorelei, {
  eyes: ["variant01","variant02","variant03"]
});

dicebear lorelei --eyes "variant01" "variant02" "variant03"

eyesColor

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

000000

https://api.dicebear.com/9.x/lorelei/svg?eyesColor=000000

createAvatar(lorelei, {
  eyesColor: ["000000"]
});

dicebear lorelei --eyesColor "000000"

freckles

Type array

variant01

https://api.dicebear.com/9.x/lorelei/svg?freckles=variant01

createAvatar(lorelei, {
  freckles: ["variant01"]
});

dicebear lorelei --freckles "variant01"

frecklesColor

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

000000

https://api.dicebear.com/9.x/lorelei/svg?frecklesColor=000000

createAvatar(lorelei, {
  frecklesColor: ["000000"]
});

dicebear lorelei --frecklesColor "000000"

frecklesProbability

Type integerMinimum 0Maximum 100

0

100

5

https://api.dicebear.com/9.x/lorelei/svg?frecklesProbability=0

createAvatar(lorelei, {
  frecklesProbability: 0
});

dicebear lorelei --frecklesProbability 0

glasses

Type array

variant01

variant02

variant03

variant04

variant05

variant01

variant02

variant03

variant04

variant05

https://api.dicebear.com/9.x/lorelei/svg?glasses=variant01,variant02,variant03

createAvatar(lorelei, {
  glasses: ["variant01","variant02","variant03"]
});

dicebear lorelei --glasses "variant01" "variant02" "variant03"

glassesColor

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

000000

https://api.dicebear.com/9.x/lorelei/svg?glassesColor=000000

createAvatar(lorelei, {
  glassesColor: ["000000"]
});

dicebear lorelei --glassesColor "000000"

glassesProbability

Type integerMinimum 0Maximum 100

0

100

10

https://api.dicebear.com/9.x/lorelei/svg?glassesProbability=0

createAvatar(lorelei, {
  glassesProbability: 0
});

dicebear lorelei --glassesProbability 0

hair

Type array

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant17

variant18

variant19

variant20

variant21

variant22

variant23

variant24

variant25

variant26

variant27

variant28

variant29

variant30

variant31

variant32

variant33

variant34

variant35

variant36

variant37

variant38

variant39

variant40

variant41

variant42

variant43

variant44

variant45

variant46

variant47

variant48

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant17

variant18

variant19

variant20

variant21

variant22

variant23

variant24

variant25

variant26

variant27

variant28

variant29

variant30

variant31

variant32

variant33

variant34

variant35

variant36

variant37

variant38

variant39

variant40

variant41

variant42

variant43

variant44

variant45

variant46

variant47

variant48

https://api.dicebear.com/9.x/lorelei/svg?hair=variant01,variant02,variant03

createAvatar(lorelei, {
  hair: ["variant01","variant02","variant03"]
});

dicebear lorelei --hair "variant01" "variant02" "variant03"

hairAccessories

Type array

flowers

https://api.dicebear.com/9.x/lorelei/svg?hairAccessories=flowers

createAvatar(lorelei, {
  hairAccessories: ["flowers"]
});

dicebear lorelei --hairAccessories "flowers"

hairAccessoriesColor

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

000000

https://api.dicebear.com/9.x/lorelei/svg?hairAccessoriesColor=000000

createAvatar(lorelei, {
  hairAccessoriesColor: ["000000"]
});

dicebear lorelei --hairAccessoriesColor "000000"

hairAccessoriesProbability

Type integerMinimum 0Maximum 100

0

100

5

https://api.dicebear.com/9.x/lorelei/svg?hairAccessoriesProbability=0

createAvatar(lorelei, {
  hairAccessoriesProbability: 0
});

dicebear lorelei --hairAccessoriesProbability 0

hairColor

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

000000

https://api.dicebear.com/9.x/lorelei/svg?hairColor=000000

createAvatar(lorelei, {
  hairColor: ["000000"]
});

dicebear lorelei --hairColor "000000"

head

Type array

variant01

variant02

variant03

variant04

variant01

variant02

variant03

variant04

https://api.dicebear.com/9.x/lorelei/svg?head=variant01,variant02,variant03

createAvatar(lorelei, {
  head: ["variant01","variant02","variant03"]
});

dicebear lorelei --head "variant01" "variant02" "variant03"

mouth

Type array

happy01

happy02

happy03

happy04

happy05

happy06

happy07

happy08

happy09

happy10

happy11

happy12

happy13

happy14

happy15

happy16

happy17

happy18

sad01

sad02

sad03

sad04

sad05

sad06

sad07

sad08

sad09

happy01

happy02

happy03

happy04

happy05

happy06

happy07

happy08

happy09

happy10

happy11

happy12

happy13

happy14

happy15

happy16

happy17

happy18

sad01

sad02

sad03

sad04

sad05

sad06

sad07

sad08

sad09

https://api.dicebear.com/9.x/lorelei/svg?mouth=happy01,happy02,happy03

createAvatar(lorelei, {
  mouth: ["happy01","happy02","happy03"]
});

dicebear lorelei --mouth "happy01" "happy02" "happy03"

mouthColor

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

000000

https://api.dicebear.com/9.x/lorelei/svg?mouthColor=000000

createAvatar(lorelei, {
  mouthColor: ["000000"]
});

dicebear lorelei --mouthColor "000000"

nose

Type array

variant01

variant02

variant03

variant04

variant05

variant06

variant01

variant02

variant03

variant04

variant05

variant06

https://api.dicebear.com/9.x/lorelei/svg?nose=variant01,variant02,variant03

createAvatar(lorelei, {
  nose: ["variant01","variant02","variant03"]
});

dicebear lorelei --nose "variant01" "variant02" "variant03"

noseColor

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

000000

https://api.dicebear.com/9.x/lorelei/svg?noseColor=000000

createAvatar(lorelei, {
  noseColor: ["000000"]
});

dicebear lorelei --noseColor "000000"

skinColor

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

ffffff

https://api.dicebear.com/9.x/lorelei/svg?skinColor=ffffff

createAvatar(lorelei, {
  skinColor: ["ffffff"]
});

dicebear lorelei --skinColor "ffffff"

Details

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

Source
Title	Lorelei
Creator	Lisa Wischofsky
Website	https://www.instagram.com/lischi_art/
License	CC0 1.0
Source	https://www.figma.com/community/file/1198749693280469639

Lorelei ​

Usage ​

Options ​

seed

flip

rotate

scale

radius

size

backgroundColor

backgroundType

backgroundRotation

translateX

translateY

clip

randomizeIds

beard

beardProbability

earrings

earringsColor

earringsProbability

eyebrows

eyebrowsColor

eyes

eyesColor

freckles

frecklesColor

frecklesProbability

glasses

glassesColor

glassesProbability

hair

hairAccessories

hairAccessoriesColor

hairAccessoriesProbability

hairColor

head

mouth

mouthColor

nose

noseColor

skinColor

Details ​

Lorelei

Usage

Options

Details