Bottts

Designed by Pablo Stanley. The Sketch library can be found on bottts.com.

Usage

HTTP-API (recommended)

Our free HTTP-API is the easiest way to use this avatar style. Just use the following URL as image source.

https://avatars.dicebear.com/api/bottts/:seed.svg

See the HTTP API documentation for more information.

NPM

Install the Avatars and this avatar style with the following command.

npm install --save @dicebear/avatars @dicebear/avatars-bottts-sprites

Now you are ready to create your first Avatar.

import { createAvatar } from '@dicebear/avatars';

import * as style from '@dicebear/avatars-bottts-sprites';

let svg = createAvatar(style, {

seed: 'custom-seed',

// ... and other options

});

Options

Base options

seed Seed Alias: s Default: undefined Type: string

dataUri Data URI Default: false Type: boolean

flip Flip Default: false Type: boolean

rotate Rotate Default: 0 Type: integer Minimum: 0 Maximum: 360

scale Scale Default: 100 Type: integer Minimum: 0 Maximum: 200

radius Radius Alias: r Default: 0 Type: integer Minimum: 0 Maximum: 50

size Size Default: undefined Type: integer Minimum: 1

backgroundColor Background Color Alias: b Default: undefined Type:

translateX Translate X% Default: 0 Type: integer Minimum: -100 Maximum: 100

translateY Translate Y% Default: 0 Type: integer Minimum: -100 Maximum: 100

Style options

colors Colors Default: undefined Type: array Items: Type: string Enum: amber, blue, blueGrey, brown, cyan, deepOrange, deepPurple, green, grey, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, yellow

colorful Use different colors for body parts Default: undefined Type: boolean

primaryColorLevel Primary Color Level Default: 600 Type: integer Enum: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900

secondaryColorLevel Primaray Secondary Level Default: 400 Type: integer Enum: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900

textureChance Texture Probability Default: 50 Type: integer Minimum: 0 Maximum: 100

mouthChance Mouth Probability Default: 100 Type: integer Minimum: 0 Maximum: 100

sidesChance Sides Probability Default: 100 Type: integer Minimum: 0 Maximum: 100

topChance Top Probability Default: 100 Type: integer Minimum: 0 Maximum: 100