The Lucide graduation cap icon depicts a mortarboard, commonly used in UI to represent academic achievements, education, or commencement ceremonies.
Common uses
- Link to student portal
- Marking courses or degrees
- Button for graduation event registration
Use it in React
Install
npm i lucide-reactImport & render
import { GraduationCap } from 'lucide-react';
<GraduationCap size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- schooluniversitylearnstudymortarboardeducationceremonyacademichatdiplomabachlor'smaster'sdoctorategraduationcapacademic cap
FAQ
- What is this icon for?
- This icon represents graduation, education, or academic achievements. It's useful for indicating schools, universities, or ceremonies.
- How do I use this in React?
- You can import and use it like this: `import { GraduationCap } from 'lucide-react'`. Then render it as a component: `<GraduationCap />`.
- What is the license for this icon?
- The Lucide icon library, including the graduation cap 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 →