Shadcn.io is not affiliated with official shadcn/ui
Avatar with Verification Check
A circular avatar with a blue verification checkmark badge indicating verified or official accounts
You've seen that blue checkmark on Twitter, Instagram, and YouTube—it signals authenticity and trust. This React avatar adds a VerifiedIcon from Lucide React positioned at bottom-right with fill-blue-500 styling for that familiar verified look. Built with shadcn/ui and Radix UI, the icon sits in a bg-background circle creating clean separation from the avatar. Perfect for social platforms, community directories, official brand accounts, or any interface where distinguishing verified from unverified users prevents impersonation and builds trust.
Avatar with Verification Check preview
Installation
Related Components
Basic Avatar
Avatar without verification badge
Avatar with Status
Avatar with presence indicator
Square Avatar Verified
Square avatar with verification check
Verification Badge
Standalone verification badge patterns
Avatar with Count
Avatar with notification badge
Verified User Profile
Complete verified profile layout
FAQ
Was this page helpful?
Sign in to leave feedback.