What does the tool icon represent?

It represents tools, settings, or preferences, often used for managing or configuring aspects of an application.

How do I use this icon in React?

Import it using `import { IconTool } from '@tabler/icons-react'` and then use it as a component: ` `.

What is the license for this icon?

The Tabler icons, including the tool icon, are available under the MIT license.

tool icon

Tabler · tool · MIT

The Tabler tool icon depicts a wrench and screwdriver, commonly used to represent settings, preferences, or system management functions in a user interface.

Common uses

Accessing application settings
Opening a configuration panel
Indicating an 'edit' or 'manage' action

Use it in React

Install

npm i @tabler/icons-react

Import & render

import { IconTool } from '@tabler/icons-react';

<IconTool size={24} stroke={2} />

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: System
Keywords: preferenceseditsettingstoolcontroloperationfunctioninterfacemanagementsystemwrenchconfigure

FAQ

What does the tool icon represent?: It represents tools, settings, or preferences, often used for managing or configuring aspects of an application.
How do I use this icon in React?: Import it using `import { IconTool } from '@tabler/icons-react'` and then use it as a component: `<IconTool />`.
What is the license for this icon?: The Tabler icons, including the tool icon, are available under the MIT license.

Related icons

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

tabler

Looking for something else? Search Tabler 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 →