Skip to main content
kaimdt Toolbox
Generators
Converters
Dev Tools
Colors
Templates
Back to Templates
Bordered Avatar
avatars
CSS
Reset
Copy
.avatar-wrapper { background: linear-gradient(135deg, #6366f1, #ec4899); padding: 3px; border-radius: 50%; display: inline-block; } .avatar { width: 48px; height: 48px; border-radius: 50%; background: #e5e7eb; border: 2px solid white; }
Live Preview
AB
Edit the CSS on the left to see live changes. The styles are scoped to the preview area.