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

VS Code Icons · VscDebugDisconnectCompact

Debug Disconnect Compact icon

A free debug disconnect 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 asbug icon issue icon error icon insect 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/debug-disconnect-compact.json

components/icons/vscode-codicons-debug-disconnect-compact.tsx

import * as React from "react";

/**
 * Debug Disconnect Compact from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/debug-disconnect-compact. Sized in em, colored by currentColor.
 */
export function VscDebugDisconnectCompactIcon(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
        fillRule="evenodd"
        clipRule="evenodd"
        d="M4.15966 5.1401C4.35955 4.94021 4.66961 4.94044 4.86962 5.1401C5.06962 5.3401 5.06962 5.65006 4.86962 5.85006L4.00927 6.70944L5.29931 7.99948L6.15966 7.1401C6.35955 6.94021 6.66961 6.94044 6.86962 7.1401C7.06962 7.3401 7.06962 7.65006 6.86962 7.85006L6.00927 8.70944L6.13036 8.82955H6.11962C6.47962 9.17955 6.47962 9.75959 6.11962 10.1196C5.56971 10.6795 4.79031 10.9994 4.00048 10.9995C3.37048 10.9995 2.76024 10.8097 2.26024 10.4497L0.850088 11.8598C0.760186 11.9597 0.620391 12.0101 0.500478 12.0102C0.380478 12.0102 0.249892 11.9598 0.149892 11.8598C-0.0499377 11.6598 -0.0499905 11.3498 0.149892 11.1499L1.56005 9.73971C1.21012 9.23974 1.01024 8.61941 1.01024 7.99948C1.01037 7.20972 1.33035 6.43022 1.89013 5.88034C2.24013 5.52034 2.82017 5.52034 3.18017 5.88034L3.29931 5.99948L4.15966 5.1401ZM2.52978 6.64987C2.19994 7.00975 2.01036 7.49969 2.01024 7.99948C2.01024 8.52948 2.22032 9.05037 2.59032 9.42037C3.31035 10.15 4.60995 10.1697 5.35985 9.47995L2.52978 6.64987Z"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M11.1499 0.149867C11.3498 -0.0500444 11.6598 -0.0498668 11.8599 0.149867L11.8706 0.140101C12.0703 0.340041 12.0703 0.650129 11.8706 0.850062L10.4604 2.26022C10.8103 2.76018 11.0102 3.38054 11.0102 4.00045C11.0101 4.79017 10.6901 5.5697 10.1304 6.11959C9.95036 6.29959 9.71997 6.3901 9.47997 6.3901C9.24005 6.39005 9.0105 6.29954 8.83056 6.11959L5.88036 3.17037C5.52038 2.82039 5.52041 2.24034 5.88036 1.88034C6.87027 0.890431 8.58974 0.78027 9.73974 1.56002L11.1499 0.149867ZM9.43017 2.58053C8.71026 1.86062 7.41068 1.83025 6.66063 2.51998L9.48974 5.35006C9.81965 4.99016 10.0101 4.50032 10.0102 4.00045C10.0102 3.47056 9.80003 2.95052 9.43017 2.58053Z"
      />
    </svg>
  );
}

With react-icons

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

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

debug-disconnect-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
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M4.15966 5.1401C4.35955 4.94021 4.66961 4.94044 4.86962 5.1401C5.06962 5.3401 5.06962 5.65006 4.86962 5.85006L4.00927 6.70944L5.29931 7.99948L6.15966 7.1401C6.35955 6.94021 6.66961 6.94044 6.86962 7.1401C7.06962 7.3401 7.06962 7.65006 6.86962 7.85006L6.00927 8.70944L6.13036 8.82955H6.11962C6.47962 9.17955 6.47962 9.75959 6.11962 10.1196C5.56971 10.6795 4.79031 10.9994 4.00048 10.9995C3.37048 10.9995 2.76024 10.8097 2.26024 10.4497L0.850088 11.8598C0.760186 11.9597 0.620391 12.0101 0.500478 12.0102C0.380478 12.0102 0.249892 11.9598 0.149892 11.8598C-0.0499377 11.6598 -0.0499905 11.3498 0.149892 11.1499L1.56005 9.73971C1.21012 9.23974 1.01024 8.61941 1.01024 7.99948C1.01037 7.20972 1.33035 6.43022 1.89013 5.88034C2.24013 5.52034 2.82017 5.52034 3.18017 5.88034L3.29931 5.99948L4.15966 5.1401ZM2.52978 6.64987C2.19994 7.00975 2.01036 7.49969 2.01024 7.99948C2.01024 8.52948 2.22032 9.05037 2.59032 9.42037C3.31035 10.15 4.60995 10.1697 5.35985 9.47995L2.52978 6.64987Z"
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M11.1499 0.149867C11.3498 -0.0500444 11.6598 -0.0498668 11.8599 0.149867L11.8706 0.140101C12.0703 0.340041 12.0703 0.650129 11.8706 0.850062L10.4604 2.26022C10.8103 2.76018 11.0102 3.38054 11.0102 4.00045C11.0101 4.79017 10.6901 5.5697 10.1304 6.11959C9.95036 6.29959 9.71997 6.3901 9.47997 6.3901C9.24005 6.39005 9.0105 6.29954 8.83056 6.11959L5.88036 3.17037C5.52038 2.82039 5.52041 2.24034 5.88036 1.88034C6.87027 0.890431 8.58974 0.78027 9.73974 1.56002L11.1499 0.149867ZM9.43017 2.58053C8.71026 1.86062 7.41068 1.83025 6.66063 2.51998L9.48974 5.35006C9.81965 4.99016 10.0101 4.50032 10.0102 4.00045C10.0102 3.47056 9.80003 2.95052 9.43017 2.58053Z"
  />
</svg>

Attribution

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

Related icons: bug, issue, error, insect

Similar VS Code Icons icons