What is the hard hat icon used for?

It signifies safety, construction, industry, or personal protective equipment (PPE).

How do I use the hard hat icon in React?

Import it from the library like this: `import { HardHat } from '@phosphor-icons/react'` and use it as a component: ` `.

The Phosphor icon library, including the hard hat icon, is available under the MIT license.

Phosphor · hard-hat · MIT

The Phosphor hard hat icon depicts protective headgear and is commonly used in UI to represent safety, construction, or industrial contexts.

Install

npm i @phosphor-icons/react

Import & render

import { HardHat } from '@phosphor-icons/react';

<HardHat size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<HardHat size={24} />

thin

<HardHat size={24} weight="thin" />

light

<HardHat size={24} weight="light" />

bold

<HardHat size={24} weight="bold" />

fill

<HardHat size={24} weight="fill" />

duotone

<HardHat size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: commerce
Keywords: *new*safetyconstructionindustryhelmetppecommerceobjectstechnology & developmenthardhatsafety helmetconstruction helmetppe icon

What is the hard hat icon used for?: It signifies safety, construction, industry, or personal protective equipment (PPE).
How do I use the hard hat icon in React?: Import it from the library like this: `import { HardHat } from '@phosphor-icons/react'` and use it as a component: `<HardHat />`.
What is the license for this icon?: The Phosphor icon library, including the hard hat icon, is available under the MIT license.

The same idea in other libraries, and near matches in Phosphor.