# Vue Avatar - Flowbite Use the avatar component to show a visual representation of a user profile using an image element or SVG object based on multiple styles and sizes ## Default avatar Use this example to create a circle and rounded avatar on an image element. ```vue ``` ## Bordered Use this example to create a circle and rounded avatar on an image element. ```vue ``` ## Dot indicator Use a dot element relative to the avatar component as an indicator for the user (eg. online or offline status). ```vue ``` ## Dot indicator position ```vue ``` ## Sizes Choose from multiple sizing options for the avatar component from this example. ```vue ``` ## Alternative text ```vue ``` ## Stacked avatars Use this example if you want to stack a group of users by overlapping the avatar components. ```vue ``` ## Placeholder icon ```vue ``` ## Placeholder initials ```vue ``` ## Alternative Placeholder Icon Use this example if you'd like to specify a different placeholder icon. Specify a `#placeholder` template slot to override the default placeholder icon. This has no effect if using initials. ```vue ```