Pixelarticons

Avatar Circle Pixel Art Icon

A circular avatar placeholder icon for user profiles, comment threads, account menus and anywhere a round user photo is expected.

people Free 4 variants

Tags

avatarcircle

Style variants

base

Outline · rounded corners

sharp

Outline · sharp corners

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Avatar Circle icon

A person silhouette inside a circle, the default placeholder for a user's profile photo. Messaging apps, comment sections, and account menus all reach for this shape when no photo has been uploaded yet. It sets the correct spatial expectation for a round avatar slot and reassures users that a photo can go there. When the interface uses square or rectangular photo frames instead, avatar-square preserves the same meaning while matching the shape convention.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/avatar-circle.svg" width="24" height="24" alt="Avatar Circle" />

<!-- React -->
import { AvatarCircle } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="avatar-circle.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons