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

VS Code Icons · VscTerminalSecure

Terminal Secure icon

A free terminal secure 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 lock icon security icon password 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-secure.json

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

import * as React from "react";

/**
 * Terminal Secure from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/terminal-secure. Sized in em, colored by currentColor.
 */
export function VscTerminalSecureIcon(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="M15 3H14.5V2C14.5 0.895 13.605 0 12.5 0C11.395 0 10.5 0.895 10.5 2V3H10C9.448 3 9 3.448 9 4V8C9 8.552 9.448 9 10 9H15C15.552 9 16 8.552 16 8V4C16 3.448 15.552 3 15 3ZM12.5 6.75C12.086 6.75 11.75 6.414 11.75 6C11.75 5.586 12.086 5.25 12.5 5.25C12.914 5.25 13.25 5.586 13.25 6C13.25 6.414 12.914 6.75 12.5 6.75ZM13.5 3H11.5V2C11.5 1.448 11.948 1 12.5 1C13.052 1 13.5 1.448 13.5 2V3ZM14 10H15V12.5C15 13.879 13.879 15 12.5 15H3.5C2.121 15 1 13.879 1 12.5V3.5C1 2.122 2.121 1 3.5 1H9V2H3.5C2.673 2 2 2.673 2 3.5V12.5C2 13.327 2.673 14 3.5 14H12.5C13.327 14 14 13.327 14 12.5V10ZM7 11.5C7 11.224 7.224 11 7.5 11H12.5C12.776 11 13 11.224 13 11.5C13 11.776 12.776 12 12.5 12H7.5C7.224 12 7 11.776 7 11.5ZM3.146 11.147L5.792 8.501L3.146 5.855C2.951 5.66 2.951 5.343 3.146 5.148C3.341 4.953 3.658 4.953 3.853 5.148L6.853 8.148C7.048 8.343 7.048 8.66 6.853 8.855L3.854 11.854C3.756 11.952 3.628 12 3.5 12C3.372 12 3.244 11.951 3.146 11.854C2.951 11.659 2.951 11.342 3.146 11.147Z"
      />
    </svg>
  );
}

With react-icons

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

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

terminal-secure.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="M15 3H14.5V2C14.5 0.895 13.605 0 12.5 0C11.395 0 10.5 0.895 10.5 2V3H10C9.448 3 9 3.448 9 4V8C9 8.552 9.448 9 10 9H15C15.552 9 16 8.552 16 8V4C16 3.448 15.552 3 15 3ZM12.5 6.75C12.086 6.75 11.75 6.414 11.75 6C11.75 5.586 12.086 5.25 12.5 5.25C12.914 5.25 13.25 5.586 13.25 6C13.25 6.414 12.914 6.75 12.5 6.75ZM13.5 3H11.5V2C11.5 1.448 11.948 1 12.5 1C13.052 1 13.5 1.448 13.5 2V3ZM14 10H15V12.5C15 13.879 13.879 15 12.5 15H3.5C2.121 15 1 13.879 1 12.5V3.5C1 2.122 2.121 1 3.5 1H9V2H3.5C2.673 2 2 2.673 2 3.5V12.5C2 13.327 2.673 14 3.5 14H12.5C13.327 14 14 13.327 14 12.5V10ZM7 11.5C7 11.224 7.224 11 7.5 11H12.5C12.776 11 13 11.224 13 11.5C13 11.776 12.776 12 12.5 12H7.5C7.224 12 7 11.776 7 11.5ZM3.146 11.147L5.792 8.501L3.146 5.855C2.951 5.66 2.951 5.343 3.146 5.148C3.341 4.953 3.658 4.953 3.853 5.148L6.853 8.148C7.048 8.343 7.048 8.66 6.853 8.855L3.854 11.854C3.756 11.952 3.628 12 3.5 12C3.372 12 3.244 11.951 3.146 11.854C2.951 11.659 2.951 11.342 3.146 11.147Z"
  />
</svg>

Attribution

"Terminal Secure" 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