Personas

Personas is a modern illustrated vector avatar style with diverse, detailed character designs. Generate representative, customizable SVG profile icons that reflect a broad range of identities and appearances.

This avatar style is a remix of: Personas by Draftbit by Draftbit - draftbit.com, 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/personas/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 { personas } from '@dicebear/collection';

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

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

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

dicebear personas --seed "Felix"

flip

Type boolean

false

true

false

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

createAvatar(personas, {
  flip: false
});

dicebear personas --flip false

rotate

Type integerMinimum 0Maximum 360

0

90

180

270

0

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

createAvatar(personas, {
  rotate: 0
});

dicebear personas --rotate 0

scale

Type integerMinimum 0Maximum 200

50

100

200

100

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

createAvatar(personas, {
  scale: 50
});

dicebear personas --scale 50

radius

Type integerMinimum 0Maximum 50

0

10

20

30

40

50

0

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

createAvatar(personas, {
  radius: 0
});

dicebear personas --radius 0

size

Type integerMinimum 1

32

48

64

80

96

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

createAvatar(personas, {
  size: 32
});

dicebear personas --size 32

backgroundColor

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

b6e3f4

c0aede

d1d4f9

ffd5dc

ffdfbf

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

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

dicebear personas --backgroundColor "b6e3f4" "c0aede" "d1d4f9"

backgroundType

Type array

gradientLinear

solid

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

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

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

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

dicebear personas --backgroundRotation 0 360

translateX

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

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

dicebear personas --translateX -50

translateY

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

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

dicebear personas --translateY -50

clip

Type boolean

true

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

createAvatar(personas, {
  clip: true
});

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

createAvatar(personas, {
  randomizeIds: false
});

dicebear personas --randomizeIds false

body

Type array

checkered

rounded

small

squared

checkered

rounded

small

squared

https://api.dicebear.com/9.x/personas/svg?body=checkered,rounded,small

createAvatar(personas, {
  body: ["checkered","rounded","small"]
});

dicebear personas --body "checkered" "rounded" "small"

clothingColor

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

6dbb58

54d7c7

456dff

7555ca

e24553

f3b63a

f55d81

https://api.dicebear.com/9.x/personas/svg?clothingColor=6dbb58,54d7c7,456dff

createAvatar(personas, {
  clothingColor: ["6dbb58","54d7c7","456dff"]
});

dicebear personas --clothingColor "6dbb58" "54d7c7" "456dff"

eyes

Type array

glasses

happy

open

sleep

sunglasses

wink

glasses

happy

open

sleep

sunglasses

wink

https://api.dicebear.com/9.x/personas/svg?eyes=glasses,happy,open

createAvatar(personas, {
  eyes: ["glasses","happy","open"]
});

dicebear personas --eyes "glasses" "happy" "open"

facialHair

Type array

beardMustache

goatee

pyramid

shadow

soulPatch

walrus

beardMustache

goatee

pyramid

shadow

soulPatch

walrus

https://api.dicebear.com/9.x/personas/svg?facialHair=beardMustache,goatee,pyramid

createAvatar(personas, {
  facialHair: ["beardMustache","goatee","pyramid"]
});

dicebear personas --facialHair "beardMustache" "goatee" "pyramid"

facialHairProbability

Type integerMinimum 0Maximum 100

0

100

10

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

createAvatar(personas, {
  facialHairProbability: 0
});

dicebear personas --facialHairProbability 0

hair

Type array

bald

balding

beanie

bobBangs

bobCut

bunUndercut

buzzcut

cap

curly

curlyBun

curlyHighTop

extraLong

fade

long

mohawk

pigtails

shortCombover

shortComboverChops

sideShave

straightBun

bald

balding

beanie

bobBangs

bobCut

bunUndercut

buzzcut

cap

curly

curlyBun

curlyHighTop

extraLong

fade

long

mohawk

pigtails

shortCombover

shortComboverChops

sideShave

straightBun

https://api.dicebear.com/9.x/personas/svg?hair=bald,balding,beanie

createAvatar(personas, {
  hair: ["bald","balding","beanie"]
});

dicebear personas --hair "bald" "balding" "beanie"

hairColor

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

6c4545

362c47

dee1f5

e15c66

e16381

f27d65

f29c65

https://api.dicebear.com/9.x/personas/svg?hairColor=6c4545,362c47,dee1f5

createAvatar(personas, {
  hairColor: ["6c4545","362c47","dee1f5"]
});

dicebear personas --hairColor "6c4545" "362c47" "dee1f5"

mouth

Type array

bigSmile

frown

lips

pacifier

smile

smirk

surprise

bigSmile

frown

lips

pacifier

smile

smirk

surprise

https://api.dicebear.com/9.x/personas/svg?mouth=bigSmile,frown,lips

createAvatar(personas, {
  mouth: ["bigSmile","frown","lips"]
});

dicebear personas --mouth "bigSmile" "frown" "lips"

nose

Type array

mediumRound

smallRound

wrinkles

mediumRound

smallRound

wrinkles

https://api.dicebear.com/9.x/personas/svg?nose=mediumRound,smallRound,wrinkles

createAvatar(personas, {
  nose: ["mediumRound","smallRound","wrinkles"]
});

dicebear personas --nose "mediumRound" "smallRound" "wrinkles"

skinColor

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

623d36

92594b

b16a5b

d78774

e5a07e

e7a391

eeb4a4

https://api.dicebear.com/9.x/personas/svg?skinColor=623d36,92594b,b16a5b

createAvatar(personas, {
  skinColor: ["623d36","92594b","b16a5b"]
});

dicebear personas --skinColor "623d36" "92594b" "b16a5b"

Details

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

Source
Title	Personas by Draftbit
Creator	Draftbit - draftbit.com
Website	https://draftbit.com/
License	CC BY 4.0
Source	https://personas.draftbit.com/

CDN sponsored by

Personas ​

Usage ​

Options ​

seed

flip

rotate

scale

radius

size

backgroundColor

backgroundType

backgroundRotation

translateX

translateY

clip

randomizeIds

body

clothingColor

eyes

facialHair

facialHairProbability

hair

hairColor

mouth

nose

skinColor

Details ​

Personas

Usage

Options

Details