# Avatars

#### Size

Using Bootstrap's typical naming structure, you can create a standard avatar, or scale it up to different sizes based on what's needed.

#### Status Indicator

Add an online or offline status indicator to show user's availability.

#### Shape

Change the shape of an avatar with the default Bootstrap image classes.

#### Ratio

Change the proportional relationship between the width and height of an avatar to 4 by 3 with an `.avatar-4by3` modifier.

#### Initials

You won't always have an image for every user, so easily use initials instead.

LB
LB
LB
LB
LB
LB

#### Groups

Easily group avatars of any size, shape and content with a single component. Each avatar can also use an `<a>` to link to the corresponding profile.

LB
LB
LB

##### Courses

Library

##### Learning Paths

Angular 24 courses
Swift 22 courses
React Native 18 courses
WordPress 13 courses
Development Tools 5 courses
Learning Paths

##### Courses

Library

##### Learning Paths

Angular 24 courses
Swift 22 courses
React Native 18 courses
WordPress 13 courses
Development Tools 5 courses
Learning Paths

##### Courses

Library

##### Learning Paths

Angular 24 courses
Swift 22 courses
React Native 18 courses
WordPress 13 courses
Development Tools 5 courses
Learning Paths

##### Courses

Library

##### Learning Paths

Angular 24 courses
Swift 22 courses
React Native 18 courses
WordPress 13 courses
Development Tools 5 courses
Learning Paths

##### Courses

Library

##### Learning Paths

Angular 24 courses
Swift 22 courses
React Native 18 courses
WordPress 13 courses
Development Tools 5 courses
Learning Paths