Open Peeps

This avatar style is a remix of: Open Peeps by Pablo Stanley, 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/open-peeps/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 { openPeeps } from '@dicebear/collection';

const avatar = createAvatar(openPeeps, {
  // ... 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 openPeeps

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/open-peeps/svg?seed=Felix

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

dicebear openPeeps --seed "Felix"

flip

Type boolean

false

true

false

https://api.dicebear.com/9.x/open-peeps/svg?flip=false

createAvatar(openPeeps, {
  flip: false
});

dicebear openPeeps --flip false

rotate

Type integerMinimum 0Maximum 360

0

90

180

270

0

https://api.dicebear.com/9.x/open-peeps/svg?rotate=0

createAvatar(openPeeps, {
  rotate: 0
});

dicebear openPeeps --rotate 0

scale

Type integerMinimum 0Maximum 200

50

100

200

100

https://api.dicebear.com/9.x/open-peeps/svg?scale=50

createAvatar(openPeeps, {
  scale: 50
});

dicebear openPeeps --scale 50

radius

Type integerMinimum 0Maximum 50

0

10

20

30

40

50

0

https://api.dicebear.com/9.x/open-peeps/svg?radius=0

createAvatar(openPeeps, {
  radius: 0
});

dicebear openPeeps --radius 0

size

Type integerMinimum 1

32

48

64

80

96

https://api.dicebear.com/9.x/open-peeps/svg?size=32

createAvatar(openPeeps, {
  size: 32
});

dicebear openPeeps --size 32

backgroundColor

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

b6e3f4

c0aede

d1d4f9

ffd5dc

ffdfbf

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

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

dicebear openPeeps --backgroundColor "b6e3f4" "c0aede" "d1d4f9"

backgroundType

Type array

gradientLinear

solid

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

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

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

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

dicebear openPeeps --backgroundRotation 0 360

translateX

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

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

dicebear openPeeps --translateX -50

translateY

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

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

dicebear openPeeps --translateY -50

clip

Type boolean

true

https://api.dicebear.com/9.x/open-peeps/svg?clip=true

createAvatar(openPeeps, {
  clip: true
});

dicebear openPeeps --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/open-peeps/svg?randomizeIds=false

createAvatar(openPeeps, {
  randomizeIds: false
});

dicebear openPeeps --randomizeIds false

accessories

Type array

eyepatch

glasses

glasses2

glasses3

glasses4

glasses5

sunglasses

sunglasses2

eyepatch

glasses

glasses2

glasses3

glasses4

glasses5

sunglasses

sunglasses2

https://api.dicebear.com/9.x/open-peeps/svg?accessories=eyepatch,glasses,glasses2

createAvatar(openPeeps, {
  accessories: ["eyepatch","glasses","glasses2"]
});

dicebear openPeeps --accessories "eyepatch" "glasses" "glasses2"

accessoriesProbability

Type integerMinimum 0Maximum 100

0

100

20

https://api.dicebear.com/9.x/open-peeps/svg?accessoriesProbability=0

createAvatar(openPeeps, {
  accessoriesProbability: 0
});

dicebear openPeeps --accessoriesProbability 0

clothingColor

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

8fa7df

9ddadb

78e185

e279c7

e78276

fdea6b

ffcf77

https://api.dicebear.com/9.x/open-peeps/svg?clothingColor=8fa7df,9ddadb,78e185

createAvatar(openPeeps, {
  clothingColor: ["8fa7df","9ddadb","78e185"]
});

dicebear openPeeps --clothingColor "8fa7df" "9ddadb" "78e185"

face

Type array

angryWithFang

awe

blank

calm

cheeky

concerned

concernedFear

contempt

cute

cyclops

driven

eatingHappy

explaining

eyesClosed

fear

hectic

lovingGrin1

lovingGrin2

monster

old

rage

serious

smile

smileBig

smileLOL

smileTeethGap

solemn

suspicious

tired

veryAngry

angryWithFang

awe

blank

calm

cheeky

concerned

concernedFear

contempt

cute

cyclops

driven

eatingHappy

explaining

eyesClosed

fear

hectic

lovingGrin1

lovingGrin2

monster

old

rage

serious

smile

smileBig

smileLOL

smileTeethGap

solemn

suspicious

tired

veryAngry

https://api.dicebear.com/9.x/open-peeps/svg?face=angryWithFang,awe,blank

createAvatar(openPeeps, {
  face: ["angryWithFang","awe","blank"]
});

dicebear openPeeps --face "angryWithFang" "awe" "blank"

facialHair

Type array

chin

full

full2

full3

full4

goatee1

goatee2

moustache1

moustache2

moustache3

moustache4

moustache5

moustache6

moustache7

moustache8

moustache9

chin

full

full2

full3

full4

goatee1

goatee2

moustache1

moustache2

moustache3

moustache4

moustache5

moustache6

moustache7

moustache8

moustache9

https://api.dicebear.com/9.x/open-peeps/svg?facialHair=chin,full,full2

createAvatar(openPeeps, {
  facialHair: ["chin","full","full2"]
});

dicebear openPeeps --facialHair "chin" "full" "full2"

facialHairProbability

Type integerMinimum 0Maximum 100

0

100

10

https://api.dicebear.com/9.x/open-peeps/svg?facialHairProbability=0

createAvatar(openPeeps, {
  facialHairProbability: 0
});

dicebear openPeeps --facialHairProbability 0

head

Type array

afro

bangs

bangs2

bantuKnots

bear

bun

bun2

buns

cornrows

cornrows2

dreads1

dreads2

flatTop

flatTopLong

grayBun

grayMedium

grayShort

hatBeanie

hatHip

hijab

long

longAfro

longBangs

longCurly

medium1

medium2

medium3

mediumBangs

mediumBangs2

mediumBangs3

mediumStraight

mohawk

mohawk2

noHair1

noHair2

noHair3

pomp

shaved1

shaved2

shaved3

short1

short2

short3

short4

short5

turban

twists

twists2

afro

bangs

bangs2

bantuKnots

bear

bun

bun2

buns

cornrows

cornrows2

dreads1

dreads2

flatTop

flatTopLong

grayBun

grayMedium

grayShort

hatBeanie

hatHip

hijab

long

longAfro

longBangs

longCurly

medium1

medium2

medium3

mediumBangs

mediumBangs2

mediumBangs3

mediumStraight

mohawk

mohawk2

noHair1

noHair2

noHair3

pomp

shaved1

shaved2

shaved3

short1

short2

short3

short4

short5

turban

twists

twists2

https://api.dicebear.com/9.x/open-peeps/svg?head=afro,bangs,bangs2

createAvatar(openPeeps, {
  head: ["afro","bangs","bangs2"]
});

dicebear openPeeps --head "afro" "bangs" "bangs2"

headContrastColor

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

2c1b18

4a312c

724133

a55728

b58143

c93305

d6b370

e8e1e1

ecdcbf

f59797

https://api.dicebear.com/9.x/open-peeps/svg?headContrastColor=2c1b18,4a312c,724133

createAvatar(openPeeps, {
  headContrastColor: ["2c1b18","4a312c","724133"]
});

dicebear openPeeps --headContrastColor "2c1b18" "4a312c" "724133"

mask

Type array

medicalMask

respirator

medicalMask

respirator

https://api.dicebear.com/9.x/open-peeps/svg?mask=medicalMask,respirator

createAvatar(openPeeps, {
  mask: ["medicalMask","respirator"]
});

dicebear openPeeps --mask "medicalMask" "respirator"

maskProbability

Type integerMinimum 0Maximum 100

0

100

5

https://api.dicebear.com/9.x/open-peeps/svg?maskProbability=0

createAvatar(openPeeps, {
  maskProbability: 0
});

dicebear openPeeps --maskProbability 0

skinColor

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

694d3d

ae5d29

d08b5b

edb98a

ffdbb4

https://api.dicebear.com/9.x/open-peeps/svg?skinColor=694d3d,ae5d29,d08b5b

createAvatar(openPeeps, {
  skinColor: ["694d3d","ae5d29","d08b5b"]
});

dicebear openPeeps --skinColor "694d3d" "ae5d29" "d08b5b"

Details

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

Source
Title	Open Peeps
Creator	Pablo Stanley
Website	https://twitter.com/pablostanley
License	CC0 1.0
Source	https://www.openpeeps.com/

CDN sponsored by

Open Peeps ​

Usage ​

Options ​

seed

flip

rotate

scale

radius

size

backgroundColor

backgroundType

backgroundRotation

translateX

translateY

clip

randomizeIds

accessories

accessoriesProbability

clothingColor

face

facialHair

facialHairProbability

head

headContrastColor

mask

maskProbability

skinColor

Details ​

Open Peeps

Usage

Options

Details