Pixel Art Neutral

Pixel Art Neutral is the gender-neutral variant of the Pixel Art vector avatar style, offering abstract pixel-based customizable profile icons in a retro aesthetic.

Pixel Art Neutral by DiceBear, 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/pixel-art-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 { pixelArtNeutral } from '@dicebear/collection';

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

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

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

dicebear pixelArtNeutral --seed "Felix"

flip

Type boolean

false

true

false

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

createAvatar(pixelArtNeutral, {
  flip: false
});

dicebear pixelArtNeutral --flip false

rotate

Type integerMinimum 0Maximum 360

0

90

180

270

0

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

createAvatar(pixelArtNeutral, {
  rotate: 0
});

dicebear pixelArtNeutral --rotate 0

scale

Type integerMinimum 0Maximum 200

50

100

200

100

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

createAvatar(pixelArtNeutral, {
  scale: 50
});

dicebear pixelArtNeutral --scale 50

radius

Type integerMinimum 0Maximum 50

0

10

20

30

40

50

0

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

createAvatar(pixelArtNeutral, {
  radius: 0
});

dicebear pixelArtNeutral --radius 0

size

Type integerMinimum 1

32

48

64

80

96

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

createAvatar(pixelArtNeutral, {
  size: 32
});

dicebear pixelArtNeutral --size 32

backgroundColor

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

b6e3f4

c0aede

d1d4f9

ffd5dc

ffdfbf

8d5524

a26d3d

b68655

cb9e6e

e0b687

eac393

f5cfa0

ffdbac

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

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

dicebear pixelArtNeutral --backgroundColor "b6e3f4" "c0aede" "d1d4f9"

backgroundType

Type array

gradientLinear

solid

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

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

dicebear pixelArtNeutral --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/pixel-art-neutral/svg?backgroundRotation=0,360

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

dicebear pixelArtNeutral --backgroundRotation 0 360

translateX

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

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

dicebear pixelArtNeutral --translateX -50

translateY

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

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

dicebear pixelArtNeutral --translateY -50

clip

Type boolean

true

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

createAvatar(pixelArtNeutral, {
  clip: true
});

dicebear pixelArtNeutral --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/pixel-art-neutral/svg?randomizeIds=false

createAvatar(pixelArtNeutral, {
  randomizeIds: false
});

dicebear pixelArtNeutral --randomizeIds false

eyes

Type array

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

https://api.dicebear.com/9.x/pixel-art-neutral/svg?eyes=variant01,variant02,variant03

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

dicebear pixelArtNeutral --eyes "variant01" "variant02" "variant03"

eyesColor

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

5b7c8b

647b90

697b94

76778b

588387

876658

https://api.dicebear.com/9.x/pixel-art-neutral/svg?eyesColor=5b7c8b,647b90,697b94

createAvatar(pixelArtNeutral, {
  eyesColor: ["5b7c8b","647b90","697b94"]
});

dicebear pixelArtNeutral --eyesColor "5b7c8b" "647b90" "697b94"

glasses

Type array

dark01

dark02

dark03

dark04

dark05

dark06

dark07

light01

light02

light03

light04

light05

light06

light07

dark01

dark02

dark03

dark04

dark05

dark06

dark07

light01

light02

light03

light04

light05

light06

light07

https://api.dicebear.com/9.x/pixel-art-neutral/svg?glasses=dark01,dark02,dark03

createAvatar(pixelArtNeutral, {
  glasses: ["dark01","dark02","dark03"]
});

dicebear pixelArtNeutral --glasses "dark01" "dark02" "dark03"

glassesColor

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

4b4b4b

5f705c

43677d

191919

323232

a04b5d

https://api.dicebear.com/9.x/pixel-art-neutral/svg?glassesColor=4b4b4b,5f705c,43677d

createAvatar(pixelArtNeutral, {
  glassesColor: ["4b4b4b","5f705c","43677d"]
});

dicebear pixelArtNeutral --glassesColor "4b4b4b" "5f705c" "43677d"

glassesProbability

Type integerMinimum 0Maximum 100

0

100

10

https://api.dicebear.com/9.x/pixel-art-neutral/svg?glassesProbability=0

createAvatar(pixelArtNeutral, {
  glassesProbability: 0
});

dicebear pixelArtNeutral --glassesProbability 0

mouth

Type array

happy01

happy02

happy03

happy04

happy05

happy06

happy07

happy08

happy09

happy10

happy11

happy12

happy13

sad01

sad02

sad03

sad04

sad05

sad06

sad07

sad08

sad09

sad10

happy01

happy02

happy03

happy04

happy05

happy06

happy07

happy08

happy09

happy10

happy11

happy12

happy13

sad01

sad02

sad03

sad04

sad05

sad06

sad07

sad08

sad09

sad10

https://api.dicebear.com/9.x/pixel-art-neutral/svg?mouth=happy01,happy02,happy03

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

dicebear pixelArtNeutral --mouth "happy01" "happy02" "happy03"

mouthColor

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

c98276

d29985

de0f0d

e35d6a

https://api.dicebear.com/9.x/pixel-art-neutral/svg?mouthColor=c98276,d29985,de0f0d

createAvatar(pixelArtNeutral, {
  mouthColor: ["c98276","d29985","de0f0d"]
});

dicebear pixelArtNeutral --mouthColor "c98276" "d29985" "de0f0d"

Details

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

Source
Title	Pixel Art Neutral
Creator	DiceBear
Website	https://www.dicebear.com
License	CC0 1.0
Source	https://www.figma.com/community/file/1198754108850888330

CDN sponsored by

Pixel Art Neutral ​

Usage ​

Options ​

seed

flip

rotate

scale

radius

size

backgroundColor

backgroundType

backgroundRotation

translateX

translateY

clip

randomizeIds

eyes

eyesColor

glasses

glassesColor

glassesProbability

mouth

mouthColor

Details ​

Pixel Art Neutral

Usage

Options

Details