Skip to content

Construction

The construction icon represents a building or construction site.

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

Set up MCP

Exports at 30 × 24 px

Construction icon from WebHostingHub Glyphs

Code

Construction in your framework

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

export const ConstructionIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="30" height="24" viewBox="0 0 1025 832" {...props}>
    <path fill="currentColor" d="M1024.585 64v192q0 27-18.5 45.5t-45.5 18.5h-64v480q0 13-9.5 22.5t-22.5 9.5h-64q-13 0-22.5-9.5t-9.5-22.5V576h-512v224q0 13-9.5 22.5t-22.5 9.5h-64q-13 0-22.5-9.5t-9.5-22.5V320h-64q-27 0-45.5-18.5T.585 256V64q0-27 18.5-45.5T64.585 0h896q27 0 45.5 18.5t18.5 45.5m-768 448h512V320h-512zm-192-448v64l64-64zm0 192h128l192-192h-128zm448-192l-192 192h128l192-192zm256 0l-192 192h128l192-192zm192 64l-128 128h128z"/>
  </svg>
);

Other libraries

Construction in 8 more libraries

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

  • Construction icon from Material Symbols
  • Construction icon from Material Symbols Light
  • Construction icon from Health Icons
  • Construction icon from Carbon
  • Construction icon from Lucide
  • Construction icon from Fluent Emoji High Contrast
  • Construction icon from Emoji One (Monotone)
  • Construction icon from Material Line Icons

WebHostingHub Glyphs

Icons that share its tags, in the same style.

  • Arch icon from WebHostingHub Glyphs
  • Projectpier icon from WebHostingHub Glyphs
  • Plumbing icon from WebHostingHub Glyphs
  • Building icon from WebHostingHub Glyphs
  • Circlehammer icon from WebHostingHub Glyphs
  • Compile icon from WebHostingHub Glyphs
  • Concretefive icon from WebHostingHub Glyphs
  • Github icon from WebHostingHub Glyphs
  • Lego icon from WebHostingHub Glyphs
  • Neofourj icon from WebHostingHub Glyphs
  • Perlalt icon from WebHostingHub Glyphs
  • Ruby icon from WebHostingHub Glyphs
  • Screw icon from WebHostingHub Glyphs
  • Software icon from WebHostingHub Glyphs
  • Squarebrackets icon from WebHostingHub Glyphs
  • Tools icon from WebHostingHub Glyphs
  • Elevator icon from WebHostingHub Glyphs
  • Flaskfull icon from WebHostingHub Glyphs
  • Hammer icon from WebHostingHub Glyphs
  • Hammeralt icon from WebHostingHub Glyphs
  • House icon from WebHostingHub Glyphs
  • Mosque icon from WebHostingHub Glyphs
  • Projectcompare icon from WebHostingHub Glyphs
  • Projectfork 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

Construction is tagged development, engineering, construction and 2 more. Related tags follow; each opens its icons from every library.

Pricing

WebHostingHub Glyphs MCP, with Pro

Ask for Construction 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 Construction icon means and where it's used, then how to install, style and license it.

Install Construction from a prompt

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

Get Pro