Avataaars Neutral

This avatar style is a remix of: Avataaars by Pablo Stanley, licensed under Free for personal and commercial use .

LICENSE

While our code is MIT licensed, the design of this avatar style is licensed under Free for personal and commercial use. 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/avataaars-neutral/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 { avataaarsNeutral } from '@dicebear/collection';

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

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

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

dicebear avataaarsNeutral --seed "Felix"

flip

Type boolean

false

true

false

https://api.dicebear.com/9.x/avataaars-neutral/svg?flip=false

createAvatar(avataaarsNeutral, {
  flip: false
});

dicebear avataaarsNeutral --flip false

rotate

Type integerMinimum 0Maximum 360

0

90

180

270

0

https://api.dicebear.com/9.x/avataaars-neutral/svg?rotate=0

createAvatar(avataaarsNeutral, {
  rotate: 0
});

dicebear avataaarsNeutral --rotate 0

scale

Type integerMinimum 0Maximum 200

50

100

200

100

https://api.dicebear.com/9.x/avataaars-neutral/svg?scale=50

createAvatar(avataaarsNeutral, {
  scale: 50
});

dicebear avataaarsNeutral --scale 50

radius

Type integerMinimum 0Maximum 50

0

10

20

30

40

50

0

https://api.dicebear.com/9.x/avataaars-neutral/svg?radius=0

createAvatar(avataaarsNeutral, {
  radius: 0
});

dicebear avataaarsNeutral --radius 0

size

Type integerMinimum 1

32

48

64

80

96

https://api.dicebear.com/9.x/avataaars-neutral/svg?size=32

createAvatar(avataaarsNeutral, {
  size: 32
});

dicebear avataaarsNeutral --size 32

backgroundColor

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

b6e3f4

c0aede

d1d4f9

ffd5dc

ffdfbf

614335

ae5d29

d08b5b

edb98a

f8d25c

fd9841

ffdbb4

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

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

dicebear avataaarsNeutral --backgroundColor "b6e3f4" "c0aede" "d1d4f9"

backgroundType

Type array

gradientLinear

solid

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

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

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

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

dicebear avataaarsNeutral --backgroundRotation 0 360

translateX

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

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

dicebear avataaarsNeutral --translateX -50

translateY

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

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

dicebear avataaarsNeutral --translateY -50

clip

Type boolean

true

https://api.dicebear.com/9.x/avataaars-neutral/svg?clip=true

createAvatar(avataaarsNeutral, {
  clip: true
});

dicebear avataaarsNeutral --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/avataaars-neutral/svg?randomizeIds=false

createAvatar(avataaarsNeutral, {
  randomizeIds: false
});

dicebear avataaarsNeutral --randomizeIds false

eyebrows

Type array

angry

angryNatural

default

defaultNatural

flatNatural

frownNatural

raisedExcited

raisedExcitedNatural

sadConcerned

sadConcernedNatural

unibrowNatural

upDown

upDownNatural

angry

angryNatural

default

defaultNatural

flatNatural

frownNatural

raisedExcited

raisedExcitedNatural

sadConcerned

sadConcernedNatural

unibrowNatural

upDown

upDownNatural

https://api.dicebear.com/9.x/avataaars-neutral/svg?eyebrows=angry,angryNatural,default

createAvatar(avataaarsNeutral, {
  eyebrows: ["angry","angryNatural","default"]
});

dicebear avataaarsNeutral --eyebrows "angry" "angryNatural" "default"

eyes

Type array

closed

cry

default

eyeRoll

happy

hearts

side

squint

surprised

wink

winkWacky

xDizzy

closed

cry

default

eyeRoll

happy

hearts

side

squint

surprised

wink

winkWacky

xDizzy

https://api.dicebear.com/9.x/avataaars-neutral/svg?eyes=closed,cry,default

createAvatar(avataaarsNeutral, {
  eyes: ["closed","cry","default"]
});

dicebear avataaarsNeutral --eyes "closed" "cry" "default"

mouth

Type array

concerned

default

disbelief

eating

grimace

sad

screamOpen

serious

smile

tongue

twinkle

vomit

concerned

default

disbelief

eating

grimace

sad

screamOpen

serious

smile

tongue

twinkle

vomit

https://api.dicebear.com/9.x/avataaars-neutral/svg?mouth=concerned,default,disbelief

createAvatar(avataaarsNeutral, {
  mouth: ["concerned","default","disbelief"]
});

dicebear avataaarsNeutral --mouth "concerned" "default" "disbelief"

nose

Type array

default

https://api.dicebear.com/9.x/avataaars-neutral/svg?nose=default

createAvatar(avataaarsNeutral, {
  nose: ["default"]
});

dicebear avataaarsNeutral --nose "default"

Details

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

Source
Title	Avataaars
Creator	Pablo Stanley
Website	https://twitter.com/pablostanley
License	Free for personal and commercial use.
Source	https://avataaars.com/

CDN sponsored by

Avataaars Neutral ​

Usage ​

Options ​

seed

flip

rotate

scale

radius

size

backgroundColor

backgroundType

backgroundRotation

translateX

translateY

clip

randomizeIds

eyebrows

eyes

mouth

nose

Details ​

Avataaars Neutral

Usage

Options

Details