Tools Pixel Art Icon
A tools icon for settings panels, repair features, developer tools, DIY categories and maintenance-mode indicators.
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Tools icon
Multiple tools shown together, typically a hammer and wrench crossed or side by side, representing repair, configuration, or handyman capability. Dev-tool interfaces use it for their settings or developer-options panel; home-improvement apps show it in the DIY and repair category; SaaS dashboards reach for it on a maintenance or configuration page. It is broader than a single wrench because it implies a full toolkit. For a more precise single-tool metaphor, wrench is the simpler choice.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/tools.svg" width="24" height="24" alt="Tools" />
<!-- React -->
import { Tools } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="tools.svg" width="48" height="48" style="image-rendering: pixelated" />