Hover the icon or press Play. Suggested motion: wiggle. Pick another to preview it and update the animated code:

VS Code Icons · VscBuild

Build icon

A free build icon from VS Code Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: CC BY 4.0 license
Project: github.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/build.json

components/icons/vscode-codicons-build.tsx

import * as React from "react";

/**
 * Build from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/build. Sized in em, colored by currentColor.
 */
export function VscBuildIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 16 16"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.354 5.854L10.354 3.854C10.549 3.659 10.549 3.342 10.354 3.147C10.256 3.05 10.128 3.001 10 3.001C9.872 3.001 9.744 3.049 9.646 3.147L8.5 4.293V0.5C8.5 0.224 8.276 0 8 0C7.724 0 7.5 0.224 7.5 0.5V4.293L6.354 3.147C6.159 2.952 5.842 2.952 5.647 3.147C5.452 3.342 5.452 3.659 5.647 3.854L7.647 5.854C7.842 6.049 8.159 6.049 8.354 5.854Z"
      />
      <path
        d="M15 12.5C15 13.879 13.879 15 12.5 15H3.5C2.121 15 1 13.879 1 12.5V6.49999C1 6.22399 1.224 5.99999 1.5 5.99999C1.776 5.99999 2 6.22399 2 6.49999V12.5C2 13.327 2.673 14 3.5 14H12.5C13.327 14 14 13.327 14 12.5V6.49999C14 6.22399 14.224 5.99999 14.5 5.99999C14.776 5.99999 15 6.22399 15 6.49999V12.5Z"
      />
      <path
        d="M4 9.99999C4.55228 9.99999 5 9.55228 5 8.99999C5 8.44771 4.55228 7.99999 4 7.99999C3.44772 7.99999 3 8.44771 3 8.99999C3 9.55228 3.44772 9.99999 4 9.99999Z"
      />
      <path
        d="M8 9.99999C8.55228 9.99999 9 9.55228 9 8.99999C9 8.44771 8.55228 7.99999 8 7.99999C7.44772 7.99999 7 8.44771 7 8.99999C7 9.55228 7.44772 9.99999 8 9.99999Z"
      />
      <path
        d="M6 13C6.55228 13 7 12.5523 7 12C7 11.4477 6.55228 11 6 11C5.44772 11 5 11.4477 5 12C5 12.5523 5.44772 13 6 13Z"
      />
      <path
        d="M10 13C10.5523 13 11 12.5523 11 12C11 11.4477 10.5523 11 10 11C9.44771 11 9 11.4477 9 12C9 12.5523 9.44771 13 10 13Z"
      />
      <path
        d="M12 9.99999C12.5523 9.99999 13 9.55228 13 8.99999C13 8.44771 12.5523 7.99999 12 7.99999C11.4477 7.99999 11 8.44771 11 8.99999C11 9.55228 11.4477 9.99999 12 9.99999Z"
      />
    </svg>
  );
}

With react-icons

import { VscBuild } from "react-icons/vsc";

export function Example() {
  return <VscBuild className="size-5" />;
}

build.svg

<svg
  viewBox="0 0 16 16"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M8.354 5.854L10.354 3.854C10.549 3.659 10.549 3.342 10.354 3.147C10.256 3.05 10.128 3.001 10 3.001C9.872 3.001 9.744 3.049 9.646 3.147L8.5 4.293V0.5C8.5 0.224 8.276 0 8 0C7.724 0 7.5 0.224 7.5 0.5V4.293L6.354 3.147C6.159 2.952 5.842 2.952 5.647 3.147C5.452 3.342 5.452 3.659 5.647 3.854L7.647 5.854C7.842 6.049 8.159 6.049 8.354 5.854Z"
  />
  <path
    d="M15 12.5C15 13.879 13.879 15 12.5 15H3.5C2.121 15 1 13.879 1 12.5V6.49999C1 6.22399 1.224 5.99999 1.5 5.99999C1.776 5.99999 2 6.22399 2 6.49999V12.5C2 13.327 2.673 14 3.5 14H12.5C13.327 14 14 13.327 14 12.5V6.49999C14 6.22399 14.224 5.99999 14.5 5.99999C14.776 5.99999 15 6.22399 15 6.49999V12.5Z"
  />
  <path
    d="M4 9.99999C4.55228 9.99999 5 9.55228 5 8.99999C5 8.44771 4.55228 7.99999 4 7.99999C3.44772 7.99999 3 8.44771 3 8.99999C3 9.55228 3.44772 9.99999 4 9.99999Z"
  />
  <path
    d="M8 9.99999C8.55228 9.99999 9 9.55228 9 8.99999C9 8.44771 8.55228 7.99999 8 7.99999C7.44772 7.99999 7 8.44771 7 8.99999C7 9.55228 7.44772 9.99999 8 9.99999Z"
  />
  <path
    d="M6 13C6.55228 13 7 12.5523 7 12C7 11.4477 6.55228 11 6 11C5.44772 11 5 11.4477 5 12C5 12.5523 5.44772 13 6 13Z"
  />
  <path
    d="M10 13C10.5523 13 11 12.5523 11 12C11 11.4477 10.5523 11 10 11C9.44771 11 9 11.4477 9 12C9 12.5523 9.44771 13 10 13Z"
  />
  <path
    d="M12 9.99999C12.5523 9.99999 13 9.55228 13 8.99999C13 8.44771 12.5523 7.99999 12 7.99999C11.4477 7.99999 11 8.44771 11 8.99999C11 9.55228 11.4477 9.99999 12 9.99999Z"
  />
</svg>

Attribution

"Build" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Build icon in other sets

Similar VS Code Icons icons