Ashik Chapagain
The Tech Hulk

The Tech Hulk

Generating Awesome User Avatars is Easy

Generating Awesome User Avatars is Easy

Give your users amazing avatars instead of boring placeholders

Ashik Chapagain
·Aug 25, 2021·

1 min read

Subscribe to my newsletter and never miss my upcoming articles

Play this article

Hey Hashnoders

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. image.png

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. image.png

Female

<img src="https://avatars.dicebear.com/api/female/Some Girl Name.svg"/>

You'll get something like this. image.png

Human

<img src="https://avatars.dicebear.com/api/human/Some Person Name.svg"/>

Result: image.png

Avataaars

<img src="https://avatars.dicebear.com/api/avataaars/Some Person Name.svg"/>

image.png

Bottts

<img src="https://avatars.dicebear.com/api/bottts/Some Person Name.svg"/>

image.png

Micah

<img src="https://avatars.dicebear.com/api/micah/Some Person Name.svg"/>

image.png

Initials

<img src="https://avatars.dicebear.com/api/initials/Some Person Name.svg"/>

image.png

Identicon

<img src="https://avatars.dicebear.com/api/identicon/Ashik Chapagain.svg"/>

image.png

Jdenticon

<img src="https://avatars.dicebear.com/api/jdenticon/Ashik Chapagain.svg"/>

image.png

Gridy

<img src="https://avatars.dicebear.com/api/gridy/Ashik Chapagain.svg"/>

image.png

That's it for today guys.

 
Share this