Miniavs

This avatar style is a remix of: Miniavs - Free Avatar Creator by Webpixels, 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/miniavs/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 { miniavs } from '@dicebear/collection';

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

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

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

dicebear miniavs --seed "Felix"

flip

Type boolean

false

true

false

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

createAvatar(miniavs, {
  flip: false
});

dicebear miniavs --flip false

rotate

Type integerMinimum 0Maximum 360

0

90

180

270

0

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

createAvatar(miniavs, {
  rotate: 0
});

dicebear miniavs --rotate 0

scale

Type integerMinimum 0Maximum 200

50

100

200

100

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

createAvatar(miniavs, {
  scale: 50
});

dicebear miniavs --scale 50

radius

Type integerMinimum 0Maximum 50

0

10

20

30

40

50

0

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

createAvatar(miniavs, {
  radius: 0
});

dicebear miniavs --radius 0

size

Type integerMinimum 1

32

48

64

80

96

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

createAvatar(miniavs, {
  size: 32
});

dicebear miniavs --size 32

backgroundColor

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

b6e3f4

c0aede

d1d4f9

ffd5dc

ffdfbf

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

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

dicebear miniavs --backgroundColor "b6e3f4" "c0aede" "d1d4f9"

backgroundType

Type array

gradientLinear

solid

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

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

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

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

dicebear miniavs --backgroundRotation 0 360

translateX

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

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

dicebear miniavs --translateX -50

translateY

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

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

dicebear miniavs --translateY -50

clip

Type boolean

true

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

createAvatar(miniavs, {
  clip: true
});

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

createAvatar(miniavs, {
  randomizeIds: false
});

dicebear miniavs --randomizeIds false

blushes

Type array

default

https://api.dicebear.com/9.x/miniavs/svg?blushes=default

createAvatar(miniavs, {
  blushes: ["default"]
});

dicebear miniavs --blushes "default"

blushesProbability

Type integerMinimum 0Maximum 100

0

100

50

https://api.dicebear.com/9.x/miniavs/svg?blushesProbability=0

createAvatar(miniavs, {
  blushesProbability: 0
});

dicebear miniavs --blushesProbability 0

body

Type array

golf

tShirt

golf

tShirt

https://api.dicebear.com/9.x/miniavs/svg?body=golf,tShirt

createAvatar(miniavs, {
  body: ["golf","tShirt"]
});

dicebear miniavs --body "golf" "tShirt"

bodyColor

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

3633e0

e05a33

ff4dd8

https://api.dicebear.com/9.x/miniavs/svg?bodyColor=3633e0,e05a33,ff4dd8

createAvatar(miniavs, {
  bodyColor: ["3633e0","e05a33","ff4dd8"]
});

dicebear miniavs --bodyColor "3633e0" "e05a33" "ff4dd8"

eyes

Type array

confident

happy

normal

confident

happy

normal

https://api.dicebear.com/9.x/miniavs/svg?eyes=confident,happy,normal

createAvatar(miniavs, {
  eyes: ["confident","happy","normal"]
});

dicebear miniavs --eyes "confident" "happy" "normal"

glasses

Type array

normal

https://api.dicebear.com/9.x/miniavs/svg?glasses=normal

createAvatar(miniavs, {
  glasses: ["normal"]
});

dicebear miniavs --glasses "normal"

glassesProbability

Type integerMinimum 0Maximum 100

0

100

20

https://api.dicebear.com/9.x/miniavs/svg?glassesProbability=0

createAvatar(miniavs, {
  glassesProbability: 0
});

dicebear miniavs --glassesProbability 0

hair

Type array

balndess

classic01

classic02

curly

elvis

long

ponyTail

slaughter

stylish

balndess

classic01

classic02

curly

elvis

long

ponyTail

slaughter

stylish

https://api.dicebear.com/9.x/miniavs/svg?hair=balndess,classic01,classic02

createAvatar(miniavs, {
  hair: ["balndess","classic01","classic02"]
});

dicebear miniavs --hair "balndess" "classic01" "classic02"

hairColor

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

1b0b47

47280b

ad3a20

https://api.dicebear.com/9.x/miniavs/svg?hairColor=1b0b47,47280b,ad3a20

createAvatar(miniavs, {
  hairColor: ["1b0b47","47280b","ad3a20"]
});

dicebear miniavs --hairColor "1b0b47" "47280b" "ad3a20"

head

Type array

normal

thin

wide

normal

thin

wide

https://api.dicebear.com/9.x/miniavs/svg?head=normal,thin,wide

createAvatar(miniavs, {
  head: ["normal","thin","wide"]
});

dicebear miniavs --head "normal" "thin" "wide"

mouth

Type array

default

missingTooth

default

missingTooth

https://api.dicebear.com/9.x/miniavs/svg?mouth=default,missingTooth

createAvatar(miniavs, {
  mouth: ["default","missingTooth"]
});

dicebear miniavs --mouth "default" "missingTooth"

mustache

Type array

freddy

horshoe

pencilThin

pencilThinBeard

freddy

horshoe

pencilThin

pencilThinBeard

https://api.dicebear.com/9.x/miniavs/svg?mustache=freddy,horshoe,pencilThin

createAvatar(miniavs, {
  mustache: ["freddy","horshoe","pencilThin"]
});

dicebear miniavs --mustache "freddy" "horshoe" "pencilThin"

mustacheProbability

Type integerMinimum 0Maximum 100

0

100

20

https://api.dicebear.com/9.x/miniavs/svg?mustacheProbability=0

createAvatar(miniavs, {
  mustacheProbability: 0
});

dicebear miniavs --mustacheProbability 0

skinColor

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

836055

f5d0c5

ffcb7e

https://api.dicebear.com/9.x/miniavs/svg?skinColor=836055,f5d0c5,ffcb7e

createAvatar(miniavs, {
  skinColor: ["836055","f5d0c5","ffcb7e"]
});

dicebear miniavs --skinColor "836055" "f5d0c5" "ffcb7e"

Details

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

Source
Title	Miniavs - Free Avatar Creator
Creator	Webpixels
Website	https://webpixels.io/
License	CC BY 4.0
Source	https://www.figma.com/community/file/923211396597067458

Miniavs ​

Usage ​

Options ​

seed

flip

rotate

scale

radius

size

backgroundColor

backgroundType

backgroundRotation

translateX

translateY

clip

randomizeIds

blushes

blushesProbability

body

bodyColor

eyes

glasses

glassesProbability

hair

hairColor

head

mouth

mustache

mustacheProbability

skinColor

Details ​

Miniavs

Usage

Options

Details