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

VS Code Icons · VscRunAbove

Run Above icon

A free run above 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-above.json

components/icons/vscode-codicons-run-above.tsx

import * as React from "react";

/**
 * Run Above from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/run-above. Sized in em, colored by currentColor.
 */
export function VscRunAboveIcon(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.854 11.853C15.756 11.95 15.628 11.999 15.5 11.999C15.372 11.999 15.244 11.951 15.146 11.853L14 10.707V15.5C14 15.776 13.776 16 13.5 16C13.224 16 13 15.776 13 15.5V10.707L11.854 11.853C11.659 12.048 11.342 12.048 11.147 11.853C10.952 11.658 10.952 11.341 11.147 11.146L13.147 9.14601C13.342 8.95101 13.659 8.95101 13.854 9.14601L15.854 11.146C16.049 11.341 16.049 11.658 15.854 11.853ZM4 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.807L10 11.127V9.98001L4.745 12.936C4.412 13.124 4 12.883 4 12.5Z"
      />
    </svg>
  );
}

With react-icons

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

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

run-above.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.854 11.853C15.756 11.95 15.628 11.999 15.5 11.999C15.372 11.999 15.244 11.951 15.146 11.853L14 10.707V15.5C14 15.776 13.776 16 13.5 16C13.224 16 13 15.776 13 15.5V10.707L11.854 11.853C11.659 12.048 11.342 12.048 11.147 11.853C10.952 11.658 10.952 11.341 11.147 11.146L13.147 9.14601C13.342 8.95101 13.659 8.95101 13.854 9.14601L15.854 11.146C16.049 11.341 16.049 11.658 15.854 11.853ZM4 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.807L10 11.127V9.98001L4.745 12.936C4.412 13.124 4 12.883 4 12.5Z"
  />
</svg>

Attribution

"Run Above" 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