Big Smile

This avatar style is a remix of: Custom Avatar by Ashley Seo, licensed under CC BY 4.0 .

LICENSE

While our code is MIT licensed, the design of this avatar style is licensed under CC BY 4.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/big-smile/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 { bigSmile } from '@dicebear/collection';

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

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

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

dicebear bigSmile --seed "Felix"

flip

Type boolean

false

true

false

https://api.dicebear.com/9.x/big-smile/svg?flip=false

createAvatar(bigSmile, {
  flip: false
});

dicebear bigSmile --flip false

rotate

Type integerMinimum 0Maximum 360

0

90

180

270

0

https://api.dicebear.com/9.x/big-smile/svg?rotate=0

createAvatar(bigSmile, {
  rotate: 0
});

dicebear bigSmile --rotate 0

scale

Type integerMinimum 0Maximum 200

50

100

200

100

https://api.dicebear.com/9.x/big-smile/svg?scale=50

createAvatar(bigSmile, {
  scale: 50
});

dicebear bigSmile --scale 50

radius

Type integerMinimum 0Maximum 50

0

10

20

30

40

50

0

https://api.dicebear.com/9.x/big-smile/svg?radius=0

createAvatar(bigSmile, {
  radius: 0
});

dicebear bigSmile --radius 0

size

Type integerMinimum 1

32

48

64

80

96

https://api.dicebear.com/9.x/big-smile/svg?size=32

createAvatar(bigSmile, {
  size: 32
});

dicebear bigSmile --size 32

backgroundColor

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

b6e3f4

c0aede

d1d4f9

ffd5dc

ffdfbf

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

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

dicebear bigSmile --backgroundColor "b6e3f4" "c0aede" "d1d4f9"

backgroundType

Type array

gradientLinear

solid

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

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

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

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

dicebear bigSmile --backgroundRotation 0 360

translateX

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

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

dicebear bigSmile --translateX -50

translateY

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

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

dicebear bigSmile --translateY -50

clip

Type boolean

true

https://api.dicebear.com/9.x/big-smile/svg?clip=true

createAvatar(bigSmile, {
  clip: true
});

dicebear bigSmile --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/big-smile/svg?randomizeIds=false

createAvatar(bigSmile, {
  randomizeIds: false
});

dicebear bigSmile --randomizeIds false

accessories

Type array

catEars

clownNose

faceMask

glasses

mustache

sailormoonCrown

sleepMask

sunglasses

catEars

clownNose

faceMask

glasses

mustache

sailormoonCrown

sleepMask

sunglasses

https://api.dicebear.com/9.x/big-smile/svg?accessories=catEars,clownNose,faceMask

createAvatar(bigSmile, {
  accessories: ["catEars","clownNose","faceMask"]
});

dicebear bigSmile --accessories "catEars" "clownNose" "faceMask"

accessoriesProbability

Type integerMinimum 0Maximum 100

0

100

50

https://api.dicebear.com/9.x/big-smile/svg?accessoriesProbability=0

createAvatar(bigSmile, {
  accessoriesProbability: 0
});

dicebear bigSmile --accessoriesProbability 0

eyes

Type array

angry

cheery

confused

normal

sad

sleepy

starstruck

winking

angry

cheery

confused

normal

sad

sleepy

starstruck

winking

https://api.dicebear.com/9.x/big-smile/svg?eyes=angry,cheery,confused

createAvatar(bigSmile, {
  eyes: ["angry","cheery","confused"]
});

dicebear bigSmile --eyes "angry" "cheery" "confused"

face

Type array

base

https://api.dicebear.com/9.x/big-smile/svg?face=base

createAvatar(bigSmile, {
  face: ["base"]
});

dicebear bigSmile --face "base"

hair

Type array

bangs

bowlCutHair

braids

bunHair

curlyBob

curlyShortHair

froBun

halfShavedHead

mohawk

shavedHead

shortHair

straightHair

wavyBob

bangs

bowlCutHair

braids

bunHair

curlyBob

curlyShortHair

froBun

halfShavedHead

mohawk

shavedHead

shortHair

straightHair

wavyBob

https://api.dicebear.com/9.x/big-smile/svg?hair=bangs,bowlCutHair,braids

createAvatar(bigSmile, {
  hair: ["bangs","bowlCutHair","braids"]
});

dicebear bigSmile --hair "bangs" "bowlCutHair" "braids"

hairColor

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

3a1a00

220f00

238d80

605de4

71472d

d56c0c

e2ba87

e9b729

https://api.dicebear.com/9.x/big-smile/svg?hairColor=3a1a00,220f00,238d80

createAvatar(bigSmile, {
  hairColor: ["3a1a00","220f00","238d80"]
});

dicebear bigSmile --hairColor "3a1a00" "220f00" "238d80"

mouth

Type array

awkwardSmile

braces

gapSmile

kawaii

openedSmile

openSad

teethSmile

unimpressed

awkwardSmile

braces

gapSmile

kawaii

openedSmile

openSad

teethSmile

unimpressed

https://api.dicebear.com/9.x/big-smile/svg?mouth=awkwardSmile,braces,gapSmile

createAvatar(bigSmile, {
  mouth: ["awkwardSmile","braces","gapSmile"]
});

dicebear bigSmile --mouth "awkwardSmile" "braces" "gapSmile"

skinColor

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

8c5a2b

643d19

a47539

c99c62

e2ba87

efcc9f

f5d7b1

ffe4c0

https://api.dicebear.com/9.x/big-smile/svg?skinColor=8c5a2b,643d19,a47539

createAvatar(bigSmile, {
  skinColor: ["8c5a2b","643d19","a47539"]
});

dicebear bigSmile --skinColor "8c5a2b" "643d19" "a47539"

Details

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

Source
Title	Custom Avatar
Creator	Ashley Seo
Website	http://www.ashleyseo.com/
License	CC BY 4.0
Source	https://www.figma.com/community/file/881358461963645496

Big Smile ​

Usage ​

Options ​

seed

flip

rotate

scale

radius

size

backgroundColor

backgroundType

backgroundRotation

translateX

translateY

clip

randomizeIds

accessories

accessoriesProbability

eyes

face

hair

hairColor

mouth

skinColor

Details ​

Big Smile

Usage

Options

Details