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

VS Code Icons · VscRunWithDeps

Run With Deps icon

A free run with deps 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/run-with-deps.json

components/icons/vscode-codicons-run-with-deps.tsx

import * as React from "react";

/**
 * Run With Deps from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/run-with-deps. Sized in em, colored by currentColor.
 */
export function VscRunWithDepsIcon(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.212 12.5C6.165 12.394 6.137 12.282 6.105 12.171L4.745 12.936C4.412 13.124 4 12.883 4 12.5V3.50001C4 3.11801 4.412 2.87701 4.745 3.06401L12.745 7.56401C12.915 7.66001 13 7.83001 13 8.00001H14C14 7.49001 13.745 6.97901 13.235 6.69301L5.235 2.19301C4.235 1.63101 3 2.35301 3 3.50001V12.5C3 13.647 4.235 14.37 5.235 13.807L6.013 13.369C6.029 13.068 6.09 12.773 6.212 12.499V12.5Z"
      />
      <path
        d="M16 10.5C16 9.67301 15.327 9.00001 14.5 9.00001H8.5C7.673 9.00001 7 9.67301 7 10.5V11.5C7 11.886 7.15 12.234 7.39 12.5C7.15 12.766 7 13.114 7 13.5V14.5C7 15.327 7.673 16 8.5 16H10.5C10.886 16 11.234 15.85 11.5 15.61C11.766 15.85 12.114 16 12.5 16H14.5C15.327 16 16 15.327 16 14.5V13.5C16 13.114 15.85 12.766 15.61 12.5C15.85 12.234 16 11.886 16 11.5V10.5ZM8 10.5C8 10.225 8.224 10 8.5 10H14.5C14.776 10 15 10.225 15 10.5V11.5C15 11.775 14.776 12 14.5 12H8.5C8.224 12 8 11.775 8 11.5V10.5ZM10.5 15H8.5C8.224 15 8 14.775 8 14.5V13.5C8 13.225 8.224 13 8.5 13H11V14.5C11 14.775 10.776 15 10.5 15ZM15 14.5C15 14.775 14.776 15 14.5 15H12.5C12.224 15 12 14.775 12 14.5V13H14.5C14.776 13 15 13.225 15 13.5V14.5Z"
      />
    </svg>
  );
}

With react-icons

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

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

run-with-deps.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.212 12.5C6.165 12.394 6.137 12.282 6.105 12.171L4.745 12.936C4.412 13.124 4 12.883 4 12.5V3.50001C4 3.11801 4.412 2.87701 4.745 3.06401L12.745 7.56401C12.915 7.66001 13 7.83001 13 8.00001H14C14 7.49001 13.745 6.97901 13.235 6.69301L5.235 2.19301C4.235 1.63101 3 2.35301 3 3.50001V12.5C3 13.647 4.235 14.37 5.235 13.807L6.013 13.369C6.029 13.068 6.09 12.773 6.212 12.499V12.5Z"
  />
  <path
    d="M16 10.5C16 9.67301 15.327 9.00001 14.5 9.00001H8.5C7.673 9.00001 7 9.67301 7 10.5V11.5C7 11.886 7.15 12.234 7.39 12.5C7.15 12.766 7 13.114 7 13.5V14.5C7 15.327 7.673 16 8.5 16H10.5C10.886 16 11.234 15.85 11.5 15.61C11.766 15.85 12.114 16 12.5 16H14.5C15.327 16 16 15.327 16 14.5V13.5C16 13.114 15.85 12.766 15.61 12.5C15.85 12.234 16 11.886 16 11.5V10.5ZM8 10.5C8 10.225 8.224 10 8.5 10H14.5C14.776 10 15 10.225 15 10.5V11.5C15 11.775 14.776 12 14.5 12H8.5C8.224 12 8 11.775 8 11.5V10.5ZM10.5 15H8.5C8.224 15 8 14.775 8 14.5V13.5C8 13.225 8.224 13 8.5 13H11V14.5C11 14.775 10.776 15 10.5 15ZM15 14.5C15 14.775 14.776 15 14.5 15H12.5C12.224 15 12 14.775 12 14.5V13H14.5C14.776 13 15 13.225 15 13.5V14.5Z"
  />
</svg>

Attribution

"Run With Deps" 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