Skip to content
On this page
Sponsor

Pixel Art

This implementation is a remix of Pixel Art by Florian Körner. Licensed under CC0 1.0.

LICENSE

While our code is MIT licensed, the design is licensed under CC0 1.0. See details for more information.

Usage

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.

flip

Type boolean

rotate

Type integerMinimum 0Maximum 360

scale

Type integerMinimum 0Maximum 200

radius

Type integerMinimum 0Maximum 50

size

Type integerMinimum 1

backgroundColor

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

backgroundType

Type array

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'].

translateX

Type integerMinimum -100Maximum 100

translateY

Type integerMinimum -100Maximum 100

clip

Type boolean

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.

accessories

Type array

accessoriesColor

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

accessoriesProbability

Type integerMinimum 0Maximum 100

beard

Type array

beardProbability

Type integerMinimum 0Maximum 100

clothing

Type array

clothingColor

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

eyes

Type array

eyesColor

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

glasses

Type array

glassesColor

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

glassesProbability

Type integerMinimum 0Maximum 100

hair

Type array

hairColor

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

mouth

Type array

mouthColor

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

skinColor

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

Details

Naming
Collection Import
import { pixelArt } from '@dicebear/collection';
Package Import
import * as style from '@dicebear/pixel-art';
CLI
dicebear pixelArt
HTTP-APIhttps://api.dicebear.com/5.x/pixel-art/svg
Source
TitlePixel Art
CreatorFlorian Körner
Websitehttps://dicebear.com
LicenseCC0 1.0
Sourcehttps://www.figma.com/community/file/1198754108850888330