Overview
Avatar 03 is a circular user avatar component that displays a profile photo as a background image with a fallback user icon centered inside. It is part of the Avatars component set and is designed to represent a user visually in interfaces such as headers, lists, or profile sections. The component uses a rounded group with a background image and an overlaid phosphor-style user icon.
How to use
Open the Brikl panel
Navigate to the Elements category in the Brikl panel.
Copy the component
Find Avatar 03 and click Copy.
Paste into your editor
Paste it into your Bubble canvas with Cmd + V (Mac) or Ctrl + V (Windows),
or right-click on the canvas and select Paste.
Responsive
This component adapts to mobile screens. Font sizes and layout automatically adjust on screens smaller than Bubble’s built-in mobile breakpoint.
Requirements
| |
|---|
| License | Free |
| Plugins | None |
| Custom code | Not required |
| Platform | Supported |
|---|
| Web | ✅ |
| Mobile | ✅ |
License
This component is available on the free plan.
