Avatar

Avatars are user profile pictures mainly used in social media sites & shopping sites. They basically are used for user identities.


Profile avatar

These is a the basic avatar variant which comes in round shape. Use .avatar class to create an avatar in your app.

avatar-1 avatar-2 avatar-3

                    
avatar-1
                    
                

Sizes Avatar

Avatars are available in 5 different sizes and these can be applied using the appropriate size suffix - .avatar-xs for extra small, .avatar-sm for small, .avatar-md for medium,.avatar-lg for large & .avatar-xxl for extra large.
avatar-1 avatar-2 avatar-3 avatar-4 avatar-5

                    
avatar-1
avatar-2
avatar-3
avatar-4
avatar-5
                    
                

Square avatar

These are square shaped avatars with rounded edges. You can also customize these by giving an additional size class which was shown above.Use .avatar-square class to create a square variant.

avatar-1

                    
avatar-1