Chapter 75: Icons Users & People
Users & People Icons The table below shows the Free Font Awesome 5 Users & People icons:
followed by the table with previews, class names, unicode values, and “Try it” buttons.
1. What is the “Icons Users & People” page?
This page lists only the icons that represent people, users, human figures, avatars, profiles, teams, groups, genders, relationships, actions involving people (walking, running, talking, pointing, shielding, locking, etc.).
These icons are among the most used in the entire Font Awesome library because almost every website and app needs to represent:
- user profiles / avatars
- login / logout / user menu
- team / about us / our people sections
- admin / customer / member lists
- social features (friends, followers, following)
- gender selection in forms
- accessibility / user types (child, adult, wheelchair user)
- actions (user edit, user delete, user add, user block)
- notifications (user online/offline, new message from user)
In Font Awesome 5 free this category is one of the largest and richest â around 60â70 icons (mostly solid fas, some regular far). Font Awesome 6 and 7 added even more (user-gear, user-pen, user-large, person-dress, person-running variants, user-ninja, user-astronaut, etc.), but FA5 free already has almost everything a typical website or app needs for user/people representation in 2026.
2. Main Free Users & People Icons in Font Awesome 5
Here are the most important and frequently used ones (solid fas unless noted):
Basic User / Person Icons
- user fas fa-user đ¤ Default user silhouette (the #1 most used icon in the whole library)
- user-circle fas fa-user-circle â User in circle (very common avatar placeholder)
- users fas fa-users đĨ Multiple people / team / group
- user-friends fas fa-user-friends đĢ Friends / small group
- user-plus fas fa-user-plus â Add user / new member
- user-minus fas fa-user-minus â Remove user
- user-times fas fa-user-times âī¸ Ban / block / remove user
- user-check fas fa-user-check â Verified / approved user
User Actions / States
- user-edit fas fa-user-edit âī¸ Edit profile
- user-cog fas fa-user-cog âī¸ User settings
- user-lock fas fa-user-lock đ Private / locked profile
- user-shield fas fa-user-shield đĄī¸ Protected / verified user
- user-secret fas fa-user-secret đĩī¸ââī¸ Incognito / anonymous
- user-tie fas fa-user-tie đ Business person / professional
Gender & Age Variants
- user-male fas fa-user-male âī¸ Male user
- user-female fas fa-user-female âī¸ Female user
- child fas fa-child đļ Child
- baby fas fa-baby đļ Baby / infant
Accessibility & Mobility
- wheelchair fas fa-wheelchair âŋ Wheelchair user
- blind fas fa-blind đĻ¯ Blind / visually impaired
- deaf fas fa-deaf đĻģ Deaf / hearing impaired
Activity / Movement
- running fas fa-running đ Person running
- walking fas fa-walking đļ Person walking
- biking fas fa-biking đ´ Person biking
- swimmer fas fa-swimmer đ Person swimming
Special / Fun Variants
- user-graduate fas fa-user-graduate đ Graduated person
- user-ninja fas fa-user-ninja đĨˇ Ninja (fun / gaming)
- user-astronaut fas fa-user-astronaut đ§âđ Astronaut (sci-fi)
These are the core free Users & People icons in FA5 â very clean and instantly understandable for any user/profile/people context.
3. Real Code Examples â How Developers Actually Use Them
Example 1: User Profile / Avatar Placeholder (very common)
|
0 1 2 3 4 5 6 7 8 9 10 11 12 |
<div style="text-align:center; margin:50px 0;"> <div style="width:120px; height:120px; background:#e0e0e0; border-radius:50%; margin:0 auto 15px; display:flex; align-items:center; justify-content:center; font-size:5rem; color:#757575;"> <i class="fas fa-user-circle"></i> </div> <h3 style="margin:0;">John Doe</h3> <small style="color:#757575;">Hyderabad, India</small> </div> |
Example 2: Team / Our People Section
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<div style="display:flex; justify-content:center; gap:40px; flex-wrap:wrap; margin:60px 0;"> <div style="text-align:center; min-width:180px;"> <i class="fas fa-user-tie fa-6x" style="color:#673ab7;"></i> <h4 style="margin:15px 0 5px;">CEO & Founder</h4> <p style="color:#555;">Srinivas Rao</p> </div> <div style="text-align:center; min-width:180px;"> <i class="fas fa-user-graduate fa-6x" style="color:#2196f3;"></i> <h4 style="margin:15px 0 5px;">Lead Developer</h4> <p style="color:#555;">Priya Sharma</p> </div> <div style="text-align:center; min-width:180px;"> <i class="fas fa-user-friends fa-6x" style="color:#4caf50;"></i> <h4 style="margin:15px 0 5px;">Support Team</h4> <p style="color:#555;">8 members</p> </div> </div> |
Example 3: User Status / Online Indicator
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<div style="display:flex; align-items:center; gap:15px; font-size:1.3rem; padding:15px; background:#f8f9fa; border-radius:8px; max-width:400px; margin:40px auto;"> <div style="position:relative;"> <i class="fas fa-user-circle fa-4x" style="color:#bdbdbd;"></i> <i class="fas fa-circle" style="position:absolute; bottom:4px; right:4px; color:#4caf50; font-size:1.2rem; border:2px solid white; border-radius:50%;"></i> </div> <div> <strong>Alex Johnson</strong><br> <small style="color:#4caf50;">Online âĸ Last seen 2 min ago</small> </div> </div> |
Example 4: “Add New User” / “Invite Team Member” Button
|
0 1 2 3 4 5 6 7 8 9 |
<button style="background:#673ab7; color:white; padding:16px 32px; border:none; border-radius:50px; font-size:1.3rem; cursor:pointer;"> <i class="fas fa-user-plus" style="margin-right:12px; font-size:1.6rem;"></i> Add New Team Member </button> |
Example 5: Gender / Age Selection in Form
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<div style="display:flex; justify-content:center; gap:40px; font-size:4rem; margin:50px 0;"> <label style="cursor:pointer; text-align:center;"> <i class="fas fa-user-male" style="color:#2196f3;"></i> <p style="font-size:1.2rem; margin-top:10px;">Male</p> </label> <label style="cursor:pointer; text-align:center;"> <i class="fas fa-user-female" style="color:#e91e63;"></i> <p style="font-size:1.2rem; margin-top:10px;">Female</p> </label> <label style="cursor:pointer; text-align:center;"> <i class="fas fa-child" style="color:#ff9800;"></i> <p style="font-size:1.2rem; margin-top:10px;">Child</p> </label> </div> |
4. Teacher Summary â Quick Recap
Font Awesome 5 Users & People Icons = one of the largest and most useful categories in FA5 â user đ¤, users đĨ, user-circle â, user-plus â, user-minus â, user-edit âī¸, user-cog âī¸, user-lock đ, user-shield đĄī¸, wheelchair âŋ, child đļ, running đ, biking đ´, swimmer đ, user-graduate đ, etc.
Very useful for:
- User profiles / avatars / login areas
- Team / about us / our people pages
- Admin panels (manage users, roles, permissions)
- Accessibility features (wheelchair, blind, deaf)
- Gender / age selection in forms
- Social features (friends, followers, online status)
Got it now? Want me to:
- Build a full “User Profile + Team Section + Status Indicators” demo page with these icons?
- Show how they look in a modern SaaS dashboard or social app?
- Compare FA5 vs FA6/7 users & people icons (way more modern user variants in newer versions)?
- Or move to the next category in the series?
Just tell your teacher â we’re managing users today! đ¤đĨđĄī¸đ
