The Lucide bell icon visually represents an alert or notification, commonly used in user interfaces to signal important updates or reminders.
Common uses
- Notification center indicator
- New message alert
- Reminder prompt
Use it in React
Install
npm i lucide-reactImport & render
import { Bell } from 'lucide-react';
<Bell size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- alarmnotificationsoundreminderbell
FAQ
- What does the bell icon signify?
- It signifies an alert, notification, or reminder to the user.
- How do I use the bell icon in React?
- Import it from 'lucide-react' and use it as a component: import { Bell } from 'lucide-react'.
- What is the license for the Lucide bell icon?
- The Lucide icon library, including the bell 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 →