The HugeIcons user icon depicts a generic person and is commonly used to represent user profiles, accounts, or login/logout actions in user interfaces.
Common uses
- User profile avatar
- Account settings link
- Login/logout button
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { UserIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={UserIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- personprofileaccountavatar
FAQ
- What does the UserIcon represent?
- The UserIcon represents a generic person and is used for user-related actions or information, such as profiles or accounts.
- How do I use UserIcon in React?
- Import both HugeiconsIcon and UserIcon, then render it using <HugeiconsIcon icon={UserIcon} />.
- What is the license for UserIcon?
- The UserIcon is part of the HugeIcons library and is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →