Avatar icon
Show a profile picture placeholder with an online status dot.
24px × 4
1.75
Use it in your project
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
<path d="M19.44 13.54c.2-.73.31-1.5.31-2.29 0-4.69-3.81-8.5-8.5-8.5s-8.5 3.81-8.5 8.5 3.81 8.5 8.5 8.5c.8 0 1.56-.11 2.29-.31"/>
<circle cx="11.25" cy="9" r="3"/>
<path d="M5.64 17.63c1.14-1.87 3.27-2.88 5.61-2.88 1.21 0 2.36.27 3.35.79"/>
<circle cx="18.75" cy="18.75" r="2.25"/>
</svg>Icon details
- Name
- avatar
- Component
- AvatarIcon
- Category
- People & Accounts
- Variants
- Outline, Filled
- Added in
- v0.2.0
- Files
- @ikions/icons/outline/avatar.svg
@ikions/icons/filled/avatar.svg