Croodles

This avatar style is a remix of: Croodles - Doodle your face by vijay verma, 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/croodles/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 { croodles } from '@dicebear/collection';

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

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

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

dicebear croodles --seed "Felix"

flip

Type boolean

false

true

false

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

createAvatar(croodles, {
  flip: false
});

dicebear croodles --flip false

rotate

Type integerMinimum 0Maximum 360

0

90

180

270

0

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

createAvatar(croodles, {
  rotate: 0
});

dicebear croodles --rotate 0

scale

Type integerMinimum 0Maximum 200

50

100

200

100

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

createAvatar(croodles, {
  scale: 50
});

dicebear croodles --scale 50

radius

Type integerMinimum 0Maximum 50

0

10

20

30

40

50

0

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

createAvatar(croodles, {
  radius: 0
});

dicebear croodles --radius 0

size

Type integerMinimum 1

32

48

64

80

96

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

createAvatar(croodles, {
  size: 32
});

dicebear croodles --size 32

backgroundColor

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

b6e3f4

c0aede

d1d4f9

ffd5dc

ffdfbf

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

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

dicebear croodles --backgroundColor "b6e3f4" "c0aede" "d1d4f9"

backgroundType

Type array

gradientLinear

solid

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

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

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

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

dicebear croodles --backgroundRotation 0 360

translateX

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

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

dicebear croodles --translateX -50

translateY

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

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

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

dicebear croodles --translateY -50

clip

Type boolean

true

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

createAvatar(croodles, {
  clip: true
});

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

createAvatar(croodles, {
  randomizeIds: false
});

dicebear croodles --randomizeIds false

baseColor

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

ffffff

https://api.dicebear.com/9.x/croodles/svg?baseColor=ffffff

createAvatar(croodles, {
  baseColor: ["ffffff"]
});

dicebear croodles --baseColor "ffffff"

beard

Type array

variant01

variant02

variant03

variant04

variant05

variant01

variant02

variant03

variant04

variant05

https://api.dicebear.com/9.x/croodles/svg?beard=variant01,variant02,variant03

createAvatar(croodles, {
  beard: ["variant01","variant02","variant03"]
});

dicebear croodles --beard "variant01" "variant02" "variant03"

beardProbability

Type integerMinimum 0Maximum 100

0

100

10

https://api.dicebear.com/9.x/croodles/svg?beardProbability=0

createAvatar(croodles, {
  beardProbability: 0
});

dicebear croodles --beardProbability 0

eyes

Type array

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

https://api.dicebear.com/9.x/croodles/svg?eyes=variant01,variant02,variant03

createAvatar(croodles, {
  eyes: ["variant01","variant02","variant03"]
});

dicebear croodles --eyes "variant01" "variant02" "variant03"

face

Type array

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

https://api.dicebear.com/9.x/croodles/svg?face=variant01,variant02,variant03

createAvatar(croodles, {
  face: ["variant01","variant02","variant03"]
});

dicebear croodles --face "variant01" "variant02" "variant03"

mouth

Type array

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant17

variant18

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant17

variant18

https://api.dicebear.com/9.x/croodles/svg?mouth=variant01,variant02,variant03

createAvatar(croodles, {
  mouth: ["variant01","variant02","variant03"]
});

dicebear croodles --mouth "variant01" "variant02" "variant03"

mustache

Type array

variant01

variant02

variant03

variant04

variant01

variant02

variant03

variant04

https://api.dicebear.com/9.x/croodles/svg?mustache=variant01,variant02,variant03

createAvatar(croodles, {
  mustache: ["variant01","variant02","variant03"]
});

dicebear croodles --mustache "variant01" "variant02" "variant03"

mustacheProbability

Type integerMinimum 0Maximum 100

0

100

10

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

createAvatar(croodles, {
  mustacheProbability: 0
});

dicebear croodles --mustacheProbability 0

nose

Type array

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

https://api.dicebear.com/9.x/croodles/svg?nose=variant01,variant02,variant03

createAvatar(croodles, {
  nose: ["variant01","variant02","variant03"]
});

dicebear croodles --nose "variant01" "variant02" "variant03"

top

Type array

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant17

variant18

variant19

variant20

variant21

variant22

variant23

variant24

variant25

variant26

variant27

variant28

variant29

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant17

variant18

variant19

variant20

variant21

variant22

variant23

variant24

variant25

variant26

variant27

variant28

variant29

https://api.dicebear.com/9.x/croodles/svg?top=variant01,variant02,variant03

createAvatar(croodles, {
  top: ["variant01","variant02","variant03"]
});

dicebear croodles --top "variant01" "variant02" "variant03"

topColor

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

000000

0fa958

699bf7

9747ff

f24e1e

ffc700

https://api.dicebear.com/9.x/croodles/svg?topColor=000000,0fa958,699bf7

createAvatar(croodles, {
  topColor: ["000000","0fa958","699bf7"]
});

dicebear croodles --topColor "000000" "0fa958" "699bf7"

Details

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

Source
Title	Croodles - Doodle your face
Creator	vijay verma
Website	https://vjy.me/
License	CC BY 4.0
Source	https://www.figma.com/community/file/966199982810283152

Croodles ​

Usage ​

Options ​

seed

flip

rotate

scale

radius

size

backgroundColor

backgroundType

backgroundRotation

translateX

translateY

clip

randomizeIds

baseColor

beard

beardProbability

eyes

face

mouth

mustache

mustacheProbability

nose

top

topColor

Details ​

Croodles

Usage

Options

Details