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

VS Code Icons · VscTerminalCompact

Terminal Compact icon

A free terminal compact 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.

Also known asconsole icon command icon cli icon shell icon prompt icon

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/terminal-compact.json

components/icons/vscode-codicons-terminal-compact.tsx

import * as React from "react";

/**
 * Terminal Compact from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/terminal-compact. Sized in em, colored by currentColor.
 */
export function VscTerminalCompactIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 12 12"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M2.15039 3.12988C2.3504 2.93013 2.66043 2.92996 2.86035 3.12988L5.36035 5.62988C5.56014 5.82981 5.56006 6.13988 5.36035 6.33984L2.86035 8.83984C2.76035 8.93984 2.62977 8.99023 2.50977 8.99023L2.5 9C2.37 9 2.24039 8.94961 2.15039 8.84961C1.95039 8.64961 1.95039 8.33965 2.15039 8.13965L4.2998 5.99023L2.15039 3.83984C1.95039 3.63984 1.95039 3.32988 2.15039 3.12988Z"
      />
      <path
        d="M9.5 8C9.78 8 10 8.22 10 8.5C10 8.78 9.78 9 9.5 9H5.5C5.22 9 5 8.78 5 8.5C5 8.22 5.22 8 5.5 8H9.5Z"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M9.5 0C10.88 0 12 1.12 12 2.5V9.5C12 10.88 10.88 12 9.5 12H2.5C1.12 12 0 10.88 0 9.5V2.5C0 1.12 1.12 0 2.5 0H9.5ZM2.5 1C1.67 1 1 1.67 1 2.5V9.5C1 10.33 1.67 11 2.5 11H9.5C10.33 11 11 10.33 11 9.5V2.5C11 1.67 10.33 1 9.5 1H2.5Z"
      />
    </svg>
  );
}

With react-icons

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

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

terminal-compact.svg

<svg
  viewBox="0 0 12 12"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M2.15039 3.12988C2.3504 2.93013 2.66043 2.92996 2.86035 3.12988L5.36035 5.62988C5.56014 5.82981 5.56006 6.13988 5.36035 6.33984L2.86035 8.83984C2.76035 8.93984 2.62977 8.99023 2.50977 8.99023L2.5 9C2.37 9 2.24039 8.94961 2.15039 8.84961C1.95039 8.64961 1.95039 8.33965 2.15039 8.13965L4.2998 5.99023L2.15039 3.83984C1.95039 3.63984 1.95039 3.32988 2.15039 3.12988Z"
  />
  <path
    d="M9.5 8C9.78 8 10 8.22 10 8.5C10 8.78 9.78 9 9.5 9H5.5C5.22 9 5 8.78 5 8.5C5 8.22 5.22 8 5.5 8H9.5Z"
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M9.5 0C10.88 0 12 1.12 12 2.5V9.5C12 10.88 10.88 12 9.5 12H2.5C1.12 12 0 10.88 0 9.5V2.5C0 1.12 1.12 0 2.5 0H9.5ZM2.5 1C1.67 1 1 1.67 1 2.5V9.5C1 10.33 1.67 11 2.5 11H9.5C10.33 11 11 10.33 11 9.5V2.5C11 1.67 10.33 1 9.5 1H2.5Z"
  />
</svg>

Attribution

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

Related icons: console, command, cli, shell

Similar VS Code Icons icons