This content originally appeared on DEV Community and was authored by Ashik Chapagain
Hey Developers
Whenever user signups, we as a developer either ask them to upload an avatar or add a simple avatar placeholder that looks too boring.
So, today I'll be sharing, how you guys can create an amazing avatar for your users.
Let's Start
There's a tool name DiceBear Avatars which will help you create an amazing avatar using the user's name. And this is too easy to use. This will generate different avatars based on your options.
<img src="https://avatars.dicebear.com/api/male/Ashik%20Chapagain.svg"/>
This is what you'll get.
This is just of one type. DiceBear Avatars provides you 10 types of avatars.
Let's look at them.
Avatars Types
Male
<img src="https://avatars.dicebear.com/api/male/Lalit%20Kishore.svg"/>
This is what you'll get.
Female
<img src="https://avatars.dicebear.com/api/female/Some Girl Name.svg"/>
You'll get something like this.
Human
<img src="https://avatars.dicebear.com/api/human/Some Person Name.svg"/>
Result:
Avataaars
<img src="https://avatars.dicebear.com/api/avataaars/Some Person Name.svg"/>
Bottts
<img src="https://avatars.dicebear.com/api/bottts/Some Person Name.svg"/>
Micah
<img src="https://avatars.dicebear.com/api/micah/Some Person Name.svg"/>
Initials
<img src="https://avatars.dicebear.com/api/initials/Some Person Name.svg"/>
Identicon
<img src="https://avatars.dicebear.com/api/identicon/Ashik Chapagain.svg"/>
Jdenticon
<img src="https://avatars.dicebear.com/api/jdenticon/Ashik Chapagain.svg"/>
Gridy
<img src="https://avatars.dicebear.com/api/gridy/Ashik Chapagain.svg"/>
That's it for today guys.
This content originally appeared on DEV Community and was authored by Ashik Chapagain
Ashik Chapagain | Sciencx (2021-08-25T14:40:07+00:00) Generating Awesome User Avatars is Easy. Retrieved from https://www.scien.cx/2021/08/25/generating-awesome-user-avatars-is-easy/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.