Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bin
.babelrc
.gitignore
Dockerfile
Procfile
README.md
app.js
package-lock.json
package.json
webpack.config.js

README.md

This renders Avataaars in a way that can be embedded!

Here's some example URLs:

https://avataaars.io/?hairColor=BrownDark&clotheType=Hoodie&avatarStyle=Circle
https://avataaars.io/?accessoriesType=Prescription01&avatarStyle=Circle&clotheType=Hoodie&eyeType=EyeRoll&eyebrowType=UnibrowNatural&facialHairType=BeardLight&hairColor=Black&mouthType=Eating&skinColor=Yellow&topType=LongHairShavedSides
https://avataaars.io/?accessoriesType=Blank&avatarStyle=Circle&clotheColor=Black&clotheType=GraphicShirt&eyeType=Close&eyebrowType=Default&facialHairColor=BlondeGolden&facialHairType=Blank&hairColor=PastelPink&mouthType=Sad&skinColor=Tanned&topType=Hat

If you want a PNG, you can add /png to the URL like this:

https://avataaars.io/png?hairColor=BrownDark&clotheType=Hoodie&avatarStyle=Circle

And you can resize the PNG using /png/{width}, like this:

https://avataaars.io/png/2000?hairColor=BrownDark&clotheType=Hoodie&avatarStyle=Circle

You can build your query strings here:

https://getavataaars.com/

DEVELOPMENT

$ git clone git@github.com:gkoberger/avataaars.git $ cd avataaars $ npm install $ npm start

Most of the good stuff is in app.js!

You can’t perform that action at this time.