Skip to content
Cuelark UI

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

VS Code Icons · VscDebugAltSmall

Debug Alt Small icon

A free debug alt small 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
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/debug-alt-small.json
components/icons/vscode-codicons-debug-alt-small.tsx
import * as React from "react";

/**
 * Debug Alt Small from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/debug-alt-small. Sized in em, colored by currentColor.
 */
export function VscDebugAltSmallIcon(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="M13.236 9.307L8.80701 11.798C8.63601 11.48 8.36701 11.223 8.02601 11.094L8.03601 11.084L12.745 8.435C13.085 8.244 13.085 7.755 12.745 7.563L4.74501 3.064C4.41201 2.876 4.00001 3.117 4.00001 3.5V7C3.64601 7 3.31601 7.081 3.00001 7.19399V3.5C3.00001 2.353 4.23501 1.63 5.23501 2.193L13.235 6.693C14.254 7.266 14.254 8.73399 13.235 9.30799L13.236 9.307ZM7.00001 10.707V12H7.50001C7.77601 12 8.00001 12.224 8.00001 12.5C8.00001 12.776 7.77601 13 7.50001 13H7.00001C7.00001 13.384 6.92701 13.75 6.79501 14.088L7.85401 15.147C8.04901 15.342 8.04901 15.659 7.85401 15.854C7.75601 15.952 7.62801 16 7.50001 16C7.37201 16 7.24401 15.951 7.14601 15.854L6.26101 14.969C5.71101 15.6 4.90101 16.001 4.00001 16.001C3.09901 16.001 2.28901 15.601 1.73901 14.969L0.854006 15.854C0.756006 15.952 0.628006 16 0.500006 16C0.372006 16 0.244006 15.951 0.146006 15.854C-0.0489941 15.659 -0.0489941 15.342 0.146006 15.147L1.20501 14.088C1.07301 13.75 1.00001 13.384 1.00001 13H0.500006C0.224006 13 5.85616e-06 12.776 5.85616e-06 12.5C5.85616e-06 12.224 0.224006 12 0.500006 12H1.00001V10.707L0.146006 9.85299C-0.0489941 9.65799 -0.0489941 9.341 0.146006 9.146C0.341006 8.95099 0.658006 8.95099 0.853006 9.146L1.70701 10H2.00001C2.00001 8.897 2.89701 8 4.00001 8C5.10301 8 6.00001 8.897 6.00001 10H6.29301L7.14701 9.146C7.34201 8.95099 7.65901 8.95099 7.85401 9.146C8.04901 9.341 8.04901 9.65799 7.85401 9.85299L7.00001 10.707ZM3.00001 10H5.00001C5.00001 9.448 4.55201 9 4.00001 9C3.44801 9 3.00001 9.448 3.00001 10ZM6.00001 11H2.00001V13C2.00001 14.103 2.89701 15 4.00001 15C5.10301 15 6.00001 14.103 6.00001 13V11Z"
      />
    </svg>
  );
}
With react-icons
import { VscDebugAltSmall } from "react-icons/vsc";

export function Example() {
  return <VscDebugAltSmall className="size-5" />;
}
debug-alt-small.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="M13.236 9.307L8.80701 11.798C8.63601 11.48 8.36701 11.223 8.02601 11.094L8.03601 11.084L12.745 8.435C13.085 8.244 13.085 7.755 12.745 7.563L4.74501 3.064C4.41201 2.876 4.00001 3.117 4.00001 3.5V7C3.64601 7 3.31601 7.081 3.00001 7.19399V3.5C3.00001 2.353 4.23501 1.63 5.23501 2.193L13.235 6.693C14.254 7.266 14.254 8.73399 13.235 9.30799L13.236 9.307ZM7.00001 10.707V12H7.50001C7.77601 12 8.00001 12.224 8.00001 12.5C8.00001 12.776 7.77601 13 7.50001 13H7.00001C7.00001 13.384 6.92701 13.75 6.79501 14.088L7.85401 15.147C8.04901 15.342 8.04901 15.659 7.85401 15.854C7.75601 15.952 7.62801 16 7.50001 16C7.37201 16 7.24401 15.951 7.14601 15.854L6.26101 14.969C5.71101 15.6 4.90101 16.001 4.00001 16.001C3.09901 16.001 2.28901 15.601 1.73901 14.969L0.854006 15.854C0.756006 15.952 0.628006 16 0.500006 16C0.372006 16 0.244006 15.951 0.146006 15.854C-0.0489941 15.659 -0.0489941 15.342 0.146006 15.147L1.20501 14.088C1.07301 13.75 1.00001 13.384 1.00001 13H0.500006C0.224006 13 5.85616e-06 12.776 5.85616e-06 12.5C5.85616e-06 12.224 0.224006 12 0.500006 12H1.00001V10.707L0.146006 9.85299C-0.0489941 9.65799 -0.0489941 9.341 0.146006 9.146C0.341006 8.95099 0.658006 8.95099 0.853006 9.146L1.70701 10H2.00001C2.00001 8.897 2.89701 8 4.00001 8C5.10301 8 6.00001 8.897 6.00001 10H6.29301L7.14701 9.146C7.34201 8.95099 7.65901 8.95099 7.85401 9.146C8.04901 9.341 8.04901 9.65799 7.85401 9.85299L7.00001 10.707ZM3.00001 10H5.00001C5.00001 9.448 4.55201 9 4.00001 9C3.44801 9 3.00001 9.448 3.00001 10ZM6.00001 11H2.00001V13C2.00001 14.103 2.89701 15 4.00001 15C5.10301 15 6.00001 14.103 6.00001 13V11Z"
  />
</svg>
Attribution
"Debug Alt Small" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: bug, issue, error, insect