What does the wrench icon represent?

It represents a tool used for mechanical tasks and is often used in UI to signify settings, configuration, or repair.

How do I use the wrench icon in React?

You can import and use it like this: import { Wrench } from 'lucide-react'.

What is the license for the Lucide wrench icon?

The Lucide wrench icon is available under the ISC license.

wrench icon

Lucide · wrench · ISC

The Lucide wrench icon depicts a tool used for mechanical tasks and is commonly employed in user interfaces to represent settings, configuration, or repair functions.

Common uses

Accessing account settings
Initiating a repair or maintenance process
Indicating a configuration or build option

Use it in React

Install

npm i lucide-react

Import & render

import { Wrench } from 'lucide-react';

<Wrench size={24} />

Details

Library: Lucide (1,713 icons)
License: ISC
viewBox: 0 0 24 24
Keywords: accountsettingsspannerdiytoolboxbuildconstructionwrenchconfiguretools

FAQ

What does the wrench icon represent?: It represents a tool used for mechanical tasks and is often used in UI to signify settings, configuration, or repair.
How do I use the wrench icon in React?: You can import and use it like this: import { Wrench } from 'lucide-react'.
What is the license for the Lucide wrench icon?: The Lucide wrench icon is available under the ISC license.

Related icons

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

phosphor heroicons

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 →