The Lucide hard hat icon depicts a protective helmet, commonly used in UIs to represent construction, safety, or work-related contexts.
Common uses
- Safety warning indicator
- Construction project status
- Work or labor category
Use it in React
Install
npm i lucide-reactImport & render
import { HardHat } from 'lucide-react';
<HardHat size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- helmetconstructionsafetysavetyhardhatconstruction workersafety gearbuilder
FAQ
- What is the hard hat icon for?
- It visually represents concepts like construction, safety, labor, or protective gear in user interfaces.
- How do I use the hard hat icon in React?
- Import it from the lucide-react library like this: import { HardHat } from 'lucide-react'. Then use it as a component: <HardHat />.
- What is the license for the Lucide hard hat icon?
- The Lucide icon library, including the hard hat 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 →