Bottts

Bottts is a robot-themed vector avatar style featuring colorful, modular robot characters with customizable parts. A classic choice for generating fun, technical profile icons in developer tools and apps.

This avatar style is a remix of: Bottts 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/bottts/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 { bottts } from '@dicebear/collection';

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

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

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

dicebear bottts --seed "Felix"

flip

Type boolean

false

true

false

https://api.dicebear.com/9.x/bottts/svg?flip=false

createAvatar(bottts, {
  flip: false
});

dicebear bottts --flip false

rotate

Type integerMinimum 0Maximum 360

0

90

180

270

0

https://api.dicebear.com/9.x/bottts/svg?rotate=0

createAvatar(bottts, {
  rotate: 0
});

dicebear bottts --rotate 0

scale

Type integerMinimum 0Maximum 200

50

100

200

100

https://api.dicebear.com/9.x/bottts/svg?scale=50

createAvatar(bottts, {
  scale: 50
});

dicebear bottts --scale 50

radius

Type integerMinimum 0Maximum 50

0

10

20

30

40

50

0

https://api.dicebear.com/9.x/bottts/svg?radius=0

createAvatar(bottts, {
  radius: 0
});

dicebear bottts --radius 0

size

Type integerMinimum 1

32

48

64

80

96

https://api.dicebear.com/9.x/bottts/svg?size=32

createAvatar(bottts, {
  size: 32
});

dicebear bottts --size 32

backgroundColor

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

b6e3f4

c0aede

d1d4f9

ffd5dc

ffdfbf

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

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

dicebear bottts --backgroundColor "b6e3f4" "c0aede" "d1d4f9"

backgroundType

Type array

gradientLinear

solid

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

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

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

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

dicebear bottts --backgroundRotation 0 360

translateX

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

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

dicebear bottts --translateX -50

translateY

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

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

dicebear bottts --translateY -50

clip

Type boolean

true

https://api.dicebear.com/9.x/bottts/svg?clip=true

createAvatar(bottts, {
  clip: true
});

dicebear bottts --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/bottts/svg?randomizeIds=false

createAvatar(bottts, {
  randomizeIds: false
});

dicebear bottts --randomizeIds false

baseColor

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

00acc1

1e88e5

5e35b1

6d4c41

7cb342

8e24aa

039be5

43a047

546e7a

00897b

3949ab

757575

c0ca33

d81b60

e53935

f4511e

fb8c00

fdd835

ffb300

https://api.dicebear.com/9.x/bottts/svg?baseColor=00acc1,1e88e5,5e35b1

createAvatar(bottts, {
  baseColor: ["00acc1","1e88e5","5e35b1"]
});

dicebear bottts --baseColor "00acc1" "1e88e5" "5e35b1"

eyes

Type array

bulging

dizzy

eva

frame1

frame2

glow

happy

hearts

robocop

round

roundFrame01

roundFrame02

sensor

shade01

bulging

dizzy

eva

frame1

frame2

glow

happy

hearts

robocop

round

roundFrame01

roundFrame02

sensor

shade01

https://api.dicebear.com/9.x/bottts/svg?eyes=bulging,dizzy,eva

createAvatar(bottts, {
  eyes: ["bulging","dizzy","eva"]
});

dicebear bottts --eyes "bulging" "dizzy" "eva"

face

Type array

round01

round02

square01

square02

square03

square04

round01

round02

square01

square02

square03

square04

https://api.dicebear.com/9.x/bottts/svg?face=round01,round02,square01

createAvatar(bottts, {
  face: ["round01","round02","square01"]
});

dicebear bottts --face "round01" "round02" "square01"

mouth

Type array

bite

diagram

grill01

grill02

grill03

smile01

smile02

square01

square02

bite

diagram

grill01

grill02

grill03

smile01

smile02

square01

square02

https://api.dicebear.com/9.x/bottts/svg?mouth=bite,diagram,grill01

createAvatar(bottts, {
  mouth: ["bite","diagram","grill01"]
});

dicebear bottts --mouth "bite" "diagram" "grill01"

mouthProbability

Type integerMinimum 0Maximum 100

0

100

https://api.dicebear.com/9.x/bottts/svg?mouthProbability=0

createAvatar(bottts, {
  mouthProbability: 0
});

dicebear bottts --mouthProbability 0

sides

Type array

antenna01

antenna02

cables01

cables02

round

square

squareAssymetric

antenna01

antenna02

cables01

cables02

round

square

squareAssymetric

https://api.dicebear.com/9.x/bottts/svg?sides=antenna01,antenna02,cables01

createAvatar(bottts, {
  sides: ["antenna01","antenna02","cables01"]
});

dicebear bottts --sides "antenna01" "antenna02" "cables01"

sidesProbability

Type integerMinimum 0Maximum 100

0

100

https://api.dicebear.com/9.x/bottts/svg?sidesProbability=0

createAvatar(bottts, {
  sidesProbability: 0
});

dicebear bottts --sidesProbability 0

texture

Type array

camo01

camo02

circuits

dirty01

dirty02

dots

grunge01

grunge02

camo01

camo02

circuits

dirty01

dirty02

dots

grunge01

grunge02

https://api.dicebear.com/9.x/bottts/svg?texture=camo01,camo02,circuits

createAvatar(bottts, {
  texture: ["camo01","camo02","circuits"]
});

dicebear bottts --texture "camo01" "camo02" "circuits"

textureProbability

Type integerMinimum 0Maximum 100

0

100

50

https://api.dicebear.com/9.x/bottts/svg?textureProbability=0

createAvatar(bottts, {
  textureProbability: 0
});

dicebear bottts --textureProbability 0

top

Type array

antenna

antennaCrooked

bulb01

glowingBulb01

glowingBulb02

horns

lights

pyramid

radar

antenna

antennaCrooked

bulb01

glowingBulb01

glowingBulb02

horns

lights

pyramid

radar

https://api.dicebear.com/9.x/bottts/svg?top=antenna,antennaCrooked,bulb01

createAvatar(bottts, {
  top: ["antenna","antennaCrooked","bulb01"]
});

dicebear bottts --top "antenna" "antennaCrooked" "bulb01"

topProbability

Type integerMinimum 0Maximum 100

0

100

https://api.dicebear.com/9.x/bottts/svg?topProbability=0

createAvatar(bottts, {
  topProbability: 0
});

dicebear bottts --topProbability 0

Details

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

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

CDN sponsored by

Bottts ​

Usage ​

Options ​

seed

flip

rotate

scale

radius

size

backgroundColor

backgroundType

backgroundRotation

translateX

translateY

clip

randomizeIds

baseColor

eyes

face

mouth

mouthProbability

sides

sidesProbability

texture

textureProbability

top

topProbability

Details ​

Bottts

Usage

Options

Details