The Lucide ban icon depicts a circle with a diagonal slash through it, commonly used to indicate a prohibition, restriction, or cancellation.
Common uses
- Disabling a button or feature
- Indicating an invalid or forbidden action
- Representing a 'do not enter' or restricted area
Use it in React
Install
npm i lucide-reactImport & render
import { Ban } from 'lucide-react';
<Ban size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- cancelnostopforbiddenprohibitederrorincorrectmistakewrongfailurecircleslashnullvoidban
FAQ
- What does the ban icon represent?
- It signifies prohibition, restriction, or cancellation, often used for actions that are not allowed or have been disabled.
- How do I use the ban icon in React?
- You can import it from 'lucide-react' and use it as a component: import { Ban } from 'lucide-react'.
- What is the license for the Lucide ban icon?
- The Lucide icon library, including the ban 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 →