The Phosphor hammer icon depicts a common tool used for construction and repair, often representing actions like building, fixing, or applying force in a user interface.
Common uses
- Initiate a 'build' or 'create' process.
- Indicate a 'repair' or 'maintenance' function.
- Represent a 'tool' or 'utility' setting.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Hammer } from '@phosphor-icons/react';
<Hammer size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Hammer size={24} />thin
<Hammer size={24} weight="thin" />light
<Hammer size={24} weight="light" />bold
<Hammer size={24} weight="bold" />fill
<Hammer size={24} weight="fill" />duotone
<Hammer size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- objects
- Keywords
- toolscarpentryconstructionobjectssystemcommercehammertoolbuildfix
FAQ
- What does the hammer icon signify?
- It generally represents actions related to building, fixing, or applying force, commonly used for tools or construction-related features.
- How do I use the hammer icon in React?
- Import it from the library and use the Hammer component: import { Hammer } from '@phosphor-icons/react'; <Hammer size={24} />
- What is the license for the Phosphor hammer icon?
- The Phosphor icon library, including the hammer icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →