Skip to content
shadcn.io

Stacksmith

The Stacksmith icon represents a development tool that helps users create and manage their web applications.

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

Set up MCP

Exports at 22 × 24 px

Stacksmith icon from SVG Logos
Get Pro

2,063 in SVG LogosCC0 license (opens in a new tab)Free to copy and download

Code

Stacksmith in your framework

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

export const StacksmithIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="24" viewBox="0 0 256 280" {...props}>
    <defs><path id="ssvg-id-stacksmitha" d="M25.484 51.303l77.032-44.475a50.97 50.97 0 0 1 50.968 0l77.032 44.475A50.967 50.967 0 0 1 256 95.442v88.95a50.967 50.967 0 0 1-25.484 44.139l-77.032 44.475a50.97 50.97 0 0 1-50.968 0l-77.032-44.475A50.969 50.969 0 0 1 0 184.392v-88.95a50.969 50.969 0 0 1 25.484-44.139"/></defs><mask id="ssvg-id-stacksmithb" fill="#fff"><use xlink:href="#ssvg-id-stacksmitha"/></mask><use fill="#FFF" xlink:href="#ssvg-id-stacksmitha"/><path d="M25.484 51.303l77.032-44.475a50.97 50.97 0 0 1 50.968 0l77.032 44.475A50.967 50.967 0 0 1 256 95.442v88.95a50.967 50.967 0 0 1-25.484 44.139l-77.032 44.475a50.97 50.97 0 0 1-50.968 0l-77.032-44.475A50.969 50.969 0 0 1 0 184.392v-88.95a50.969 50.969 0 0 1 25.484-44.139" fill="#2F4154" mask="url(#ssvg-id-stacksmithb)"/><path d="M151.333 31.233L25.83 104.414l44.545 74.241l124.442-72.827l-43.484-74.595zm45.78 66.708l-38.676-65.458l18.74 5.251a.362.362 0 0 1 .215.165l23.891 40.053a.364.364 0 0 1 .044.264l-4.214 19.725zM64.188 75.778l44.014-25.101l-10.605-7.247l-32.879 19.974l-.53 12.374zM24.014 111.97l37.413 64.413l-17.737-4.144a1.317 1.317 0 0 1-.825-.596l-23.642-38.656a1.321 1.321 0 0 1-.155-1.003l4.946-20.014zm147.34 40.092L129.48 194.91l17.187 29.469l41.715-43.025l-17.027-29.292zm-11.36-19.544l-50.2 28.636l17.007 29.162l41.756-43.068l-8.563-14.73zm31.167 53.617l-41.834 42.806l14.41 24.706l41.68-42.989l-14.256-24.523zm17.016 29.272l-41.798 42.77l5.149 8.727l49.902-28.811l-13.253-22.686z" fill="#FFF" mask="url(#ssvg-id-stacksmithb)"/>
  </svg>
);

SVG Logos

Icons that share its tags, in the same style.

  • Stackbit icon from SVG Logos
  • Stackblitz icon from SVG Logos
  • Stackshare icon from SVG Logos
  • Stackbit Icon icon from SVG Logos
  • Stackblitz Icon icon from SVG Logos
  • Stash icon from SVG Logos
  • Stately icon from SVG Logos
  • Basecamp Icon icon from SVG Logos
  • Basekit icon from SVG Logos
  • Slim icon from SVG Logos
  • Amplication Icon icon from SVG Logos
  • Codio icon from SVG Logos
  • Engine Yard icon from SVG Logos
  • Webplatform icon from SVG Logos
  • Aerogear icon from SVG Logos
  • Aha icon from SVG Logos
  • Airbrake icon from SVG Logos
  • Apportable icon from SVG Logos
  • Dart icon from SVG Logos
  • Dev icon from SVG Logos
  • Ember icon from SVG Logos
  • Emmet icon from SVG Logos
  • Engine Yard Icon icon from SVG Logos
  • Flexible Gs icon from SVG Logos

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

Get Pro

Tags

Browse by tag

Stacksmith is tagged development, software, tool and 3 more. Related tags follow; each opens its icons from every library.

Pricing

SVG Logos MCP, with Pro

Ask for Stacksmith or any of 2,063 SVG Logos 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 Stacksmith icon means and where it's used, then how to install, style and license it.

Install Stacksmith from a prompt

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

Get Pro