Skip to content
shadcn.io

Tools

The tools icon represents a set of equipment or hardware used for construction, industry, or mechanical tasks.

Add shadcn.io to your AI agent. · Pro It installs Tools, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Tools icon from WebHostingHub Glyphs

Code

Tools in your framework

In any framework. Customize it above, and the code follows.

export const ToolsIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1024 1024" {...props}>
    <path fill="currentColor" d="m896 320l64 576q0 53-37.5 90.5T832 1024t-90.5-37.5T704 896l64-576q-31 0-61-36t-48.5-88T640 96q0-21 1-33t8.5-30T672 0h32v64q0 54 37 91t91 37t91-37t37-91V0h32q15 15 22.5 33t8.5 30t1 33q0 48-18.5 100T957 284t-61 36m-63.5 512q-26.5 0-45.5 18.5T768 896t19 45.5t45.5 18.5t45-19t18.5-45.5t-18.5-45t-45-18.5M256 608q0 40 18.5 68t45.5 28v160q0 66-47 113t-113 47t-113-47T0 864V704q27 0 45.5-28T64 608t-18.5-68T0 512q0-27 19-45.5T64 448h64V256l-64-64L96 0h128l32 192l-64 64v192h64q27 0 45.5 18.5T320 512q-26 0-45 28t-19 68"/>
  </svg>
);

Other libraries

Tools in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Tools icon from Material Design Icons
  • Tools icon from Tabler Icons
  • Tools icon from Huge Icons
  • Tools icon from Carbon
  • Tools icon from TDesign Icons
  • Tools icon from Bootstrap Icons
  • Tools icon from Font Awesome Solid
  • Tools icon from Iconoir

WebHostingHub Glyphs

Icons that share its tags, in the same style.

  • Hammer icon from WebHostingHub Glyphs
  • Hammeralt icon from WebHostingHub Glyphs
  • Pickaxe icon from WebHostingHub Glyphs
  • Screw icon from WebHostingHub Glyphs
  • Screwdriver icon from WebHostingHub Glyphs
  • Screwdriveralt icon from WebHostingHub Glyphs
  • Nut icon from WebHostingHub Glyphs
  • Axe icon from WebHostingHub Glyphs
  • Circlehammer icon from WebHostingHub Glyphs
  • Shovel icon from WebHostingHub Glyphs
  • Nail icon from WebHostingHub Glyphs
  • Wrench icon from WebHostingHub Glyphs
  • Arch icon from WebHostingHub Glyphs
  • Circlescrewdriver icon from WebHostingHub Glyphs
  • Construction icon from WebHostingHub Glyphs
  • Paintroll icon from WebHostingHub Glyphs
  • Plumbing icon from WebHostingHub Glyphs
  • Projectpier icon from WebHostingHub Glyphs
  • Pumpjack icon from WebHostingHub Glyphs
  • Safetypin icon from WebHostingHub Glyphs
  • Beaker icon from WebHostingHub Glyphs
  • Beakeralt icon from WebHostingHub Glyphs
  • Circlerecordempty icon from WebHostingHub Glyphs
  • Cooling icon from WebHostingHub Glyphs

Skip the copy and paste. With Pro, your AI agent finds and installs any WebHostingHub Glyphs icon from a prompt.

Get Pro

Tags

Browse by tag

Tools is tagged tool, engineering, equipment and 2 more. Related tags follow; each opens its icons from every library.

Pricing

WebHostingHub Glyphs MCP, with Pro

Ask for Tools or any of 2,125 WebHostingHub Glyphs icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Tools icon means and where it's used, then how to install, style and license it.

Install Tools from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro