Avataaars Neutral
This avatar style is a remix of: Avataaars 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.
Usage
Use this URL to request this avatar style via our HTTP API.
https://api.dicebear.com/9.x/avataaars-neutral/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 { avataaarsNeutral } from '@dicebear/collection';
const avatar = createAvatar(avataaarsNeutral, {
// ... 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 avataaarsNeutral
See CLI docs for more information.
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.
FelixAnekahttps://api.dicebear.com/9.x/avataaars-neutral/svg?seed=Felix
createAvatar(avataaarsNeutral, {
seed: "Felix"
});dicebear avataaarsNeutral --seed "Felix"
flip
Typebooleanfalsetruefalsehttps://api.dicebear.com/9.x/avataaars-neutral/svg?flip=false
createAvatar(avataaarsNeutral, {
flip: false
});dicebear avataaarsNeutral --flip false
rotate
TypeintegerMinimum 0Maximum 3600901802700https://api.dicebear.com/9.x/avataaars-neutral/svg?rotate=0
createAvatar(avataaarsNeutral, {
rotate: 0
});dicebear avataaarsNeutral --rotate 0
scale
TypeintegerMinimum 0Maximum 20050100200100https://api.dicebear.com/9.x/avataaars-neutral/svg?scale=50
createAvatar(avataaarsNeutral, {
scale: 50
});dicebear avataaarsNeutral --scale 50
radius
TypeintegerMinimum 0Maximum 50010203040500https://api.dicebear.com/9.x/avataaars-neutral/svg?radius=0
createAvatar(avataaarsNeutral, {
radius: 0
});dicebear avataaarsNeutral --radius 0
size
TypeintegerMinimum 13248648096https://api.dicebear.com/9.x/avataaars-neutral/svg?size=32
createAvatar(avataaarsNeutral, {
size: 32
});dicebear avataaarsNeutral --size 32
backgroundColor
TypearrayItem Pattern ^(transparent|[a-fA-F0-9]{6})$b6e3f4c0aeded1d4f9ffd5dcffdfbf614335ae5d29d08b5bedb98af8d25cfd9841ffdbb4https://api.dicebear.com/9.x/avataaars-neutral/svg?backgroundColor=b6e3f4,c0aede,d1d4f9
createAvatar(avataaarsNeutral, {
backgroundColor: ["b6e3f4","c0aede","d1d4f9"]
});dicebear avataaarsNeutral --backgroundColor "b6e3f4" "c0aede" "d1d4f9"
backgroundType
TypearraygradientLinearsolidsolidhttps://api.dicebear.com/9.x/avataaars-neutral/svg?backgroundType=gradientLinear,solid
createAvatar(avataaarsNeutral, {
backgroundType: ["gradientLinear","solid"]
});dicebear avataaarsNeutral --backgroundType "gradientLinear" "solid"
backgroundRotation
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'].
0360https://api.dicebear.com/9.x/avataaars-neutral/svg?backgroundRotation=0,360
createAvatar(avataaarsNeutral, {
backgroundRotation: [0,360]
});dicebear avataaarsNeutral --backgroundRotation 0 360
translateX
TypeintegerMinimum -100Maximum 100-50-25025500https://api.dicebear.com/9.x/avataaars-neutral/svg?translateX=-50
createAvatar(avataaarsNeutral, {
translateX: -50
});dicebear avataaarsNeutral --translateX -50
translateY
TypeintegerMinimum -100Maximum 100-50-25025500https://api.dicebear.com/9.x/avataaars-neutral/svg?translateY=-50
createAvatar(avataaarsNeutral, {
translateY: -50
});dicebear avataaarsNeutral --translateY -50
clip
Typebooleantruehttps://api.dicebear.com/9.x/avataaars-neutral/svg?clip=true
createAvatar(avataaarsNeutral, {
clip: true
});dicebear avataaarsNeutral --clip true
randomizeIds
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.
falsehttps://api.dicebear.com/9.x/avataaars-neutral/svg?randomizeIds=false
createAvatar(avataaarsNeutral, {
randomizeIds: false
});dicebear avataaarsNeutral --randomizeIds false
eyebrows
TypearrayangryangryNaturaldefaultdefaultNaturalflatNaturalfrownNaturalraisedExcitedraisedExcitedNaturalsadConcernedsadConcernedNaturalunibrowNaturalupDownupDownNaturalangryangryNaturaldefaultdefaultNaturalflatNaturalfrownNaturalraisedExcitedraisedExcitedNaturalsadConcernedsadConcernedNaturalunibrowNaturalupDownupDownNaturalhttps://api.dicebear.com/9.x/avataaars-neutral/svg?eyebrows=angry,angryNatural,default
createAvatar(avataaarsNeutral, {
eyebrows: ["angry","angryNatural","default"]
});dicebear avataaarsNeutral --eyebrows "angry" "angryNatural" "default"
eyes
TypearrayclosedcrydefaulteyeRollhappyheartssidesquintsurprisedwinkwinkWackyxDizzyclosedcrydefaulteyeRollhappyheartssidesquintsurprisedwinkwinkWackyxDizzyhttps://api.dicebear.com/9.x/avataaars-neutral/svg?eyes=closed,cry,default
createAvatar(avataaarsNeutral, {
eyes: ["closed","cry","default"]
});dicebear avataaarsNeutral --eyes "closed" "cry" "default"
mouth
TypearrayconcerneddefaultdisbeliefeatinggrimacesadscreamOpenserioussmiletonguetwinklevomitconcerneddefaultdisbeliefeatinggrimacesadscreamOpenserioussmiletonguetwinklevomithttps://api.dicebear.com/9.x/avataaars-neutral/svg?mouth=concerned,default,disbelief
createAvatar(avataaarsNeutral, {
mouth: ["concerned","default","disbelief"]
});dicebear avataaarsNeutral --mouth "concerned" "default" "disbelief"
nose
Typearraydefaultdefaulthttps://api.dicebear.com/9.x/avataaars-neutral/svg?nose=default
createAvatar(avataaarsNeutral, {
nose: ["default"]
});dicebear avataaarsNeutral --nose "default"
Details
| Naming | |
|---|---|
| Collection Import | import { avataaarsNeutral } from '@dicebear/collection'; |
| Package Import | import * as style from '@dicebear/avataaars-neutral'; |
| CLI | dicebear avataaarsNeutral |
| HTTP-API | https://api.dicebear.com/9.x/avataaars-neutral/svg |
| JSON Schema | https://api.dicebear.com/9.x/avataaars-neutral/schema.json |
| Source | |
|---|---|
| Title | Avataaars |
| Creator | Pablo Stanley |
| Website | https://twitter.com/pablostanley |
| License | Free for personal and commercial use. |
| Source | https://avataaars.com/ |