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

VS Code Icons · VscWorkspaceUntrusted

Workspace Untrusted icon

A free workspace untrusted 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/workspace-untrusted.json

components/icons/vscode-codicons-workspace-untrusted.tsx

import * as React from "react";

/**
 * Workspace Untrusted from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/workspace-untrusted. Sized in em, colored by currentColor.
 */
export function VscWorkspaceUntrustedIcon(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="M6.855 6.146L8.001 7.292L9.148 6.145C9.322 5.971 9.591 5.952 9.786 6.087L9.855 6.145C10.029 6.319 10.048 6.588 9.913 6.783L9.855 6.852L8.707 7.997L9.854 9.145C10.028 9.319 10.047 9.588 9.912 9.783L9.854 9.852C9.68 10.026 9.411 10.045 9.216 9.91L9.147 9.852L8.001 8.706L6.854 9.853C6.68 10.027 6.411 10.046 6.216 9.911L6.147 9.853C5.973 9.679 5.954 9.41 6.089 9.215L6.147 9.146L7.293 8L6.148 6.853C5.974 6.679 5.955 6.41 6.09 6.215L6.148 6.146C6.322 5.972 6.591 5.953 6.786 6.088L6.855 6.146ZM14 3.6V7.202C14 11.064 12.03 13.689 8.19 14.97C8.128 14.991 8.064 15.001 8 15.001C7.936 15.001 7.872 14.991 7.81 14.97C3.969 13.69 2 11.064 2 7.202V3.6C2 3.269 2.269 3 2.6 3C4.435 3 6.085 2.667 7.577 1.176C7.694 1.059 7.847 1.001 8 1C8.154 1 8.307 1.059 8.425 1.176C9.913 2.667 11.562 3 13.399 3C13.73 3 14 3.269 14 3.6ZM13 3.995C11.42 3.955 9.646 3.646 8.001 2.152C6.353 3.645 4.579 3.955 3 3.995V7.201C3 10.597 4.636 12.815 8 13.977C11.364 12.815 13 10.597 13 7.201V3.995Z"
      />
    </svg>
  );
}

With react-icons

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

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

workspace-untrusted.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="M6.855 6.146L8.001 7.292L9.148 6.145C9.322 5.971 9.591 5.952 9.786 6.087L9.855 6.145C10.029 6.319 10.048 6.588 9.913 6.783L9.855 6.852L8.707 7.997L9.854 9.145C10.028 9.319 10.047 9.588 9.912 9.783L9.854 9.852C9.68 10.026 9.411 10.045 9.216 9.91L9.147 9.852L8.001 8.706L6.854 9.853C6.68 10.027 6.411 10.046 6.216 9.911L6.147 9.853C5.973 9.679 5.954 9.41 6.089 9.215L6.147 9.146L7.293 8L6.148 6.853C5.974 6.679 5.955 6.41 6.09 6.215L6.148 6.146C6.322 5.972 6.591 5.953 6.786 6.088L6.855 6.146ZM14 3.6V7.202C14 11.064 12.03 13.689 8.19 14.97C8.128 14.991 8.064 15.001 8 15.001C7.936 15.001 7.872 14.991 7.81 14.97C3.969 13.69 2 11.064 2 7.202V3.6C2 3.269 2.269 3 2.6 3C4.435 3 6.085 2.667 7.577 1.176C7.694 1.059 7.847 1.001 8 1C8.154 1 8.307 1.059 8.425 1.176C9.913 2.667 11.562 3 13.399 3C13.73 3 14 3.269 14 3.6ZM13 3.995C11.42 3.955 9.646 3.646 8.001 2.152C6.353 3.645 4.579 3.955 3 3.995V7.201C3 10.597 4.636 12.815 8 13.977C11.364 12.815 13 10.597 13 7.201V3.995Z"
  />
</svg>

Attribution

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

Related icons:

Similar VS Code Icons icons