User Circle icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable interface vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-user-circle.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-user-circle.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-user-circle.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-user-circle.json
Category:interface
Tags:usercircleprofileavataraccountmemberbadge

The user-circle icon represents profile avatars and account indicators with its person silhouette inside a circular border.

This avatar symbol has become the universal indicator for user avatars, profile pictures, account badges, and member indicators across all modern social platforms and account systems.

Frequently Asked Questions

Common questions about the User Circle icon

Similar Icons

Academic Cap - interface icon from HeroIcons
academic cap
Command Line Solid - system icon from HeroIcons
command line solid
Arrow Turn Up Right - actions icon from HeroIcons
arrow turn up right
Light Bulb - interface icon from HeroIcons
light bulb
Pause Circle Solid - media icon from HeroIcons
pause circle solid
Wrench Screwdriver Solid - system icon from HeroIcons
wrench screwdriver solid
Battery 50 Solid - status icon from HeroIcons
battery 50 solid
Printer 20 Solid - actions icon from HeroIcons
printer 20 solid
Link Slash - actions icon from HeroIcons
link slash