The Lucide contact icon depicts a person's silhouette, commonly used to represent user profiles, contact information, or personal accounts in a user interface.
Common uses
- User profile button
- Contact list item
- Account settings link
Use it in React
Install
npm i lucide-reactImport & render
import { Contact } from 'lucide-react';
<Contact size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- userpersonfamilyfriendacquaintancelistingnetworkingcontactprofileaccount
FAQ
- What does the contact icon represent?
- It represents a person or user, suitable for profile or contact-related features.
- How do I use the contact icon in React?
- Import it from 'lucide-react' and use it as a component: import { Contact } from 'lucide-react'.
- What is the license for the Lucide contact icon?
- The Lucide icon library, including the contact icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →