Shadcn.io is not affiliated with official shadcn/ui
Avatar with Placeholder Icon
A rounded square avatar with icon fallback for generic workspace, app, or entity placeholders
Square shapes communicate app or tool better than circles—think app icons on your phone. This React avatar uses rounded-lg with a User icon from Lucide React, creating recognizable placeholders for workspaces, integrations, or system entities without specific branding. Built with shadcn/ui and Radix UI, the square format matches user expectations for apps and tools. Perfect for app directories, integration lists, workspace placeholders, or plugin marketplaces where icons represent software rather than people.
Avatar with Placeholder Icon preview
Installation
Related Components
Square Avatar Initials
Square avatar with initials fallback
Circular Avatar Icon
Circular avatar with icon fallback
Square Avatar Image
Square avatar with photo
App Icon
Application icon patterns
Integration Card
Third-party integration cards
Workspace Avatar
Workspace and organization avatars
FAQ
Was this page helpful?
Sign in to leave feedback.