Micah
This implementation is a remix of Avatar Illustration System by Micah Lanier. Licensed under CC BY 4.0.
LICENSE
While our code is MIT licensed, the design is licensed under CC BY 4.0. See details for more information.
Usage
Options
seed
TypestringThe seed determines the initial value for the built-in PRNG. With the PRNG you can create the same avatar over and over again based.
flip
Typebooleanrotate
TypeintegerMinimum 0Maximum 360scale
TypeintegerMinimum 0Maximum 200radius
TypeintegerMinimum 0Maximum 50size
TypeintegerMinimum 1backgroundColor
TypearrayItem Pattern ^(transparent|[a-fA-F0-9]{6})$backgroundType
TypearraybackgroundRotation
Typearray 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'].
translateX
TypeintegerMinimum -100Maximum 100translateY
TypeintegerMinimum -100Maximum 100clip
TypebooleanrandomizeIds
TypebooleanThis 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.
base
TypearraybaseColor
TypearrayItem Pattern ^(transparent|[a-fA-F0-9]{6})$earringColor
TypearrayItem Pattern ^(transparent|[a-fA-F0-9]{6})$earrings
TypearrayearringsProbability
TypeintegerMinimum 0Maximum 100ears
TypearrayeyeShadowColor
TypearrayItem Pattern ^(transparent|[a-fA-F0-9]{6})$eyebrows
TypearrayeyebrowsColor
TypearrayItem Pattern ^(transparent|[a-fA-F0-9]{6})$eyes
TypearrayeyesColor
TypearrayItem Pattern ^(transparent|[a-fA-F0-9]{6})$facialHair
TypearrayfacialHairColor
TypearrayItem Pattern ^(transparent|[a-fA-F0-9]{6})$facialHairProbability
TypeintegerMinimum 0Maximum 100glasses
TypearrayglassesColor
TypearrayItem Pattern ^(transparent|[a-fA-F0-9]{6})$glassesProbability
TypeintegerMinimum 0Maximum 100hair
TypearrayhairColor
TypearrayItem Pattern ^(transparent|[a-fA-F0-9]{6})$hairProbability
TypeintegerMinimum 0Maximum 100mouth
TypearraymouthColor
TypearrayItem Pattern ^(transparent|[a-fA-F0-9]{6})$nose
Typearrayshirt
TypearrayshirtColor
TypearrayItem Pattern ^(transparent|[a-fA-F0-9]{6})$Details
| Naming | |
|---|---|
| Collection Import | |
| Package Import | |
| CLI | |
| HTTP-API | https://api.dicebear.com/5.x/micah/svg |
| Source | |
|---|---|
| Title | Avatar Illustration System |
| Creator | Micah Lanier |
| Website | https://dribbble.com/micahlanier |
| License | CC BY 4.0 |
| Source | https://www.figma.com/community/file/829741575478342595 |
