The Lucide ribbon icon depicts a stylized ribbon, commonly used to signify awards, achievements, or special promotions.
Common uses
- Highlighting featured content
- Indicating a 'new' or 'sale' item
- Representing a badge or award
Use it in React
Install
npm i lucide-reactImport & render
import { Ribbon } from 'lucide-react';
<Ribbon size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- awarenessstripbandtapestrapcordonribbonawardbadgepromobanner
FAQ
- What is the ribbon icon used for?
- It's typically used to draw attention to special items, achievements, or promotions within an interface.
- How do I use the ribbon icon in React?
- You can import and use it like this: import { Ribbon } from 'lucide-react'
- What is the license for the Lucide ribbon icon?
- The Lucide icon library, including the ribbon 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 →