<!-- Source: https://www.dicebear.com/styles/pixel-art/ -->
<!-- Documentation for DiceBear 10.6.1. The complete docs as one file: https://www.dicebear.com/llms-full.txt -->

# Pixel Art

Pixel Art is a low-resolution vector avatar style that renders half-body
characters as crisp pixel sprites with retro hairstyles, eyes, and colored tops.
Generate 8-bit-style SVG profile icons popular in gaming communities and
developer tools.

- **Style name:** `pixel-art`
- **Category:** Characters
- **Animated:** no
- **Creator:** DiceBear (https://www.dicebear.com)
- **Source:** https://www.figma.com/community/file/1198754108850888330
- **License:** CC0 1.0 (https://creativecommons.org/publicdomain/zero/1.0/)

## Usage

Every library below produces the same SVG for the same seed and options.

HTTP API:

```
https://api.dicebear.com/10.x/pixel-art/svg?seed=John
```

JavaScript:

```
npm install @dicebear/core @dicebear/styles --save
```

```js
import { Style, Avatar } from '@dicebear/core';
import definition from '@dicebear/styles/pixel-art.json' with { type: 'json' };

const style = new Style(definition);
const avatar = new Avatar(style, { seed: 'John' });

const svg = avatar.toString();
```

PHP:

```
composer require dicebear/core dicebear/styles
```

```php
<?php

use Composer\InstalledVersions;
use DiceBear\Style;
use DiceBear\Avatar;

$basePath = InstalledVersions::getInstallPath('dicebear/styles');
$style = Style::fromJson(file_get_contents($basePath . '/src/pixel-art.json'));

$avatar = new Avatar($style, ['seed' => 'John']);

$svg = (string) $avatar;
```

Python:

```
pip install dicebear-core dicebear-styles
```

```python
from importlib.resources import files

from dicebear import Avatar, Style

style = Style.from_json(
    files("dicebear_styles").joinpath("pixel-art.json").read_text("utf-8")
)

avatar = Avatar(style, {"seed": "John"})

svg = avatar.to_string()
```

Rust:

```
cargo add dicebear-core serde_json
cargo add dicebear-styles --features pixel-art
```

```rust
use dicebear_core::{Avatar, Style};
use serde_json::json;

let style = Style::from_str(dicebear_styles::PIXEL_ART)?;
let avatar = Avatar::new(&style, json!({ "seed": "John" }))?;

let svg = avatar.to_svg();
```

Go:

```
go get github.com/dicebear/dicebear-go/v10
go get github.com/dicebear/styles/v10
```

```go
import (
	dicebear "github.com/dicebear/dicebear-go/v10"
	"github.com/dicebear/styles/v10"
)

style, _ := dicebear.NewStyle([]byte(styles.PixelArt))
avatar, _ := dicebear.NewAvatar(style, map[string]any{"seed": "John"})

svg := avatar.SVG()
```

Dart:

```
dart pub add dicebear_core dicebear_styles
```

```dart
import 'package:dicebear_core/dicebear_core.dart';
import 'package:dicebear_styles/pixel_art.dart';

final style = Style.parse(pixelArt);
final avatar = Avatar(style, {'seed': 'John'});

final svg = avatar.svg;
```

CLI:

```
npm install --global dicebear
```

```
dicebear pixel-art
```

## Presets

10 ready-made option sets for this style. Each is a plain set of
render options: pass it to any of the libraries or send it as HTTP-API query
parameters. You do not need to install anything for them, and any option a
preset leaves out keeps varying with the seed.

- **Bare:** No hat, glasses, beard or accessory.
- **Sepia:** Brown throughout, skin and clothes included.
- **Greyscale:** No hue on any of the eight groups.
- **Duotone:** One blue, one cream, nothing else.
- **Muted:** Dusty clothes and hair, skin untouched.
- **Electric:** Clothes past anything the style ships.
- **Pastel Wall:** A soft ground behind the sprite.
- **Bold Pop:** Six backgrounds at full strength.
- **Night Shift:** Near-black ground, pale hair and clothes.
- **Sunrise:** A warm gradient behind the sprite.

The full option set of each one is at https://www.dicebear.com/styles/pixel-art/presets/index.md.

## Options

Every option below works in all libraries and as a query parameter of the HTTP
API. The ones built from a component name (`<component>Variant`,
`<component>Probability`) or from a color group (`<group>Color`,
`<group>ColorFill`, `<group>ColorFillStops`, `<group>ColorAngle`,
`<group>ColorOrder`) belong to this style; the rest are
[core options](https://www.dicebear.com/guides/core-options/) that every style accepts.

| Option | Type | Values |
| --- | --- | --- |
| `seed` | string |  |
| `size` | number | 1 to 4096 |
| `idRandomization` | boolean |  |
| `title` | string |  |
| `flip` | enum (array allowed) | `none`, `horizontal`, `vertical`, `both` |
| `fontFamily` | string (array allowed) |  |
| `fontWeight` | number (array allowed) | 1 to 1000 |
| `scale` | range | 0 to 10 |
| `borderRadius` | range | 0 to 50 |
| `rotate` | range | -360 to 360 |
| `translateX` | range | -1000 to 1000 |
| `translateY` | range | -1000 to 1000 |
| `accessoriesVariant` | enum (array allowed) | `variant01`, `variant02`, `variant03`, `variant04` |
| `accessoriesProbability` | number | 0 to 100 |
| `beardVariant` | enum (array allowed) | `variant01`, `variant02`, `variant03`, `variant04`, `variant05`, `variant06`, `variant07`, `variant08` |
| `beardProbability` | number | 0 to 100 |
| `clothesVariant` | enum (array allowed) | `variant01`, `variant02`, `variant03`, `variant04`, `variant05`, `variant06`, `variant07`, `variant08`, `variant09`, `variant10`, `variant11`, `variant12`, `variant13`, `variant14`, `variant15`, `variant16`, `variant17`, `variant18`, `variant19`, `variant20`, `variant21`, `variant22`, `variant23` |
| `clothesProbability` | number | 0 to 100 |
| `eyesVariant` | enum (array allowed) | `variant01`, `variant02`, `variant03`, `variant04`, `variant05`, `variant06`, `variant07`, `variant08`, `variant09`, `variant10`, `variant11`, `variant12` |
| `eyesProbability` | number | 0 to 100 |
| `glassesVariant` | enum (array allowed) | `dark01`, `dark02`, `dark03`, `dark04`, `dark05`, `dark06`, `dark07`, `light01`, `light02`, `light03`, `light04`, `light05`, `light06`, `light07` |
| `glassesProbability` | number | 0 to 100 |
| `hairVariant` | enum (array allowed) | `long01`, `long02`, `long03`, `long04`, `long05`, `long06`, `long07`, `long08`, `long09`, `long10`, `long11`, `long12`, `long13`, `long14`, `long15`, `long16`, `long17`, `long18`, `long19`, `long20`, `long21`, `short01`, `short02`, `short03`, `short04`, `short05`, `short06`, `short07`, `short08`, `short09`, `short10`, `short11`, `short12`, `short13`, `short14`, `short15`, `short16`, `short17`, `short18`, `short19`, `short20`, `short21`, `short22`, `short23`, `short24` |
| `hairProbability` | number | 0 to 100 |
| `hatVariant` | enum (array allowed) | `variant01`, `variant02`, `variant03`, `variant04`, `variant05`, `variant06`, `variant07`, `variant08`, `variant09`, `variant10` |
| `hatProbability` | number | 0 to 100 |
| `mouthVariant` | enum (array allowed) | `happy01`, `happy02`, `happy03`, `happy04`, `happy05`, `happy06`, `happy07`, `happy08`, `happy09`, `happy10`, `happy11`, `happy12`, `happy13`, `sad01`, `sad02`, `sad03`, `sad04`, `sad05`, `sad06`, `sad07`, `sad08`, `sad09`, `sad10` |
| `mouthProbability` | number | 0 to 100 |
| `accessoriesColor` | color (array allowed) | Hex color, `#` optional |
| `accessoriesColorFill` | enum (array allowed) | `solid`, `linear`, `radial` |
| `accessoriesColorFillStops` | range |  |
| `accessoriesColorAngle` | range | -360 to 360 |
| `accessoriesColorOrder` | enum | `random`, `fixed` |
| `clothingColor` | color (array allowed) | Hex color, `#` optional |
| `clothingColorFill` | enum (array allowed) | `solid`, `linear`, `radial` |
| `clothingColorFillStops` | range |  |
| `clothingColorAngle` | range | -360 to 360 |
| `clothingColorOrder` | enum | `random`, `fixed` |
| `eyesColor` | color (array allowed) | Hex color, `#` optional |
| `eyesColorFill` | enum (array allowed) | `solid`, `linear`, `radial` |
| `eyesColorFillStops` | range |  |
| `eyesColorAngle` | range | -360 to 360 |
| `eyesColorOrder` | enum | `random`, `fixed` |
| `glassesColor` | color (array allowed) | Hex color, `#` optional |
| `glassesColorFill` | enum (array allowed) | `solid`, `linear`, `radial` |
| `glassesColorFillStops` | range |  |
| `glassesColorAngle` | range | -360 to 360 |
| `glassesColorOrder` | enum | `random`, `fixed` |
| `hairColor` | color (array allowed) | Hex color, `#` optional |
| `hairColorFill` | enum (array allowed) | `solid`, `linear`, `radial` |
| `hairColorFillStops` | range |  |
| `hairColorAngle` | range | -360 to 360 |
| `hairColorOrder` | enum | `random`, `fixed` |
| `hatColor` | color (array allowed) | Hex color, `#` optional |
| `hatColorFill` | enum (array allowed) | `solid`, `linear`, `radial` |
| `hatColorFillStops` | range |  |
| `hatColorAngle` | range | -360 to 360 |
| `hatColorOrder` | enum | `random`, `fixed` |
| `mouthColor` | color (array allowed) | Hex color, `#` optional |
| `mouthColorFill` | enum (array allowed) | `solid`, `linear`, `radial` |
| `mouthColorFillStops` | range |  |
| `mouthColorAngle` | range | -360 to 360 |
| `mouthColorOrder` | enum | `random`, `fixed` |
| `skinColor` | color (array allowed) | Hex color, `#` optional |
| `skinColorFill` | enum (array allowed) | `solid`, `linear`, `radial` |
| `skinColorFillStops` | range |  |
| `skinColorAngle` | range | -360 to 360 |
| `skinColorOrder` | enum | `random`, `fixed` |
| `backgroundColor` | color (array allowed) | Hex color, `#` optional |
| `backgroundColorFill` | enum (array allowed) | `solid`, `linear`, `radial` |
| `backgroundColorFillStops` | range |  |
| `backgroundColorAngle` | range | -360 to 360 |
| `backgroundColorOrder` | enum | `random`, `fixed` |

The same table is available as JSON at
`https://api.dicebear.com/10.x/pixel-art/options.json`, and the
raw definition at
`https://api.dicebear.com/10.x/pixel-art/definition.json`.