Skip to content
Cuelark UI

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

VS Code Icons · VscGithubAction

Github Action icon

A free github action 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 asgit iconrepository iconcode iconopen source 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/github-action.json
components/icons/vscode-codicons-github-action.tsx
import * as React from "react";

/**
 * Github Action from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/github-action. Sized in em, colored by currentColor.
 */
export function VscGithubActionIcon(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="M8.085 11L8.068 11.055C7.972 11.366 7.989 11.696 8.096 12H4C2.897 12 2 11.103 2 10V5C2 3.897 2.897 3 4 3H12C13.103 3 14 3.897 14 5V6.015C13.9819 6.01371 13.9642 6.01075 13.9465 6.00779C13.9232 6.00389 13.8999 6 13.876 6H13V5C13 4.449 12.552 4 12 4H4C3.448 4 3 4.449 3 5V10C3 10.551 3.448 11 4 11H8.085Z"
      />
      <path
        d="M4.5 8C4.224 8 4 7.776 4 7.5C4 7.224 4.224 7 4.5 7H9.345C9.342 7.0095 9.337 7.01799 9.332 7.02649C9.32701 7.03499 9.322 7.0435 9.319 7.053L9.023 8H4.5Z"
      />
      <path d="M4 9.5C4 9.776 4.224 10 4.5 10H8.398L8.711 9H4.501C4.225 9 4 9.224 4 9.5Z" />
      <path
        d="M14.876 9.999C15.068 9.999 15.243 10.109 15.326 10.282C15.41 10.455 15.387 10.661 15.266 10.811L11.412 15.629C11.224 15.863 10.944 15.999 10.642 16C10.33 16 10.044 15.858 9.85698 15.61C9.66898 15.362 9.60898 15.048 9.69298 14.748L10.465 12H9.49998C9.34098 12 9.19098 11.924 9.09698 11.796C9.00298 11.668 8.97598 11.502 9.02298 11.351L10.273 7.351C10.338 7.142 10.532 7 10.751 7H13.876C14.04 7 14.193 7.081 14.287 7.215C14.38 7.35 14.401 7.522 14.344 7.675L13.473 9.999H14.876Z"
      />
    </svg>
  );
}
With react-icons
import { VscGithubAction } from "react-icons/vsc";

export function Example() {
  return <VscGithubAction className="size-5" />;
}
github-action.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="M8.085 11L8.068 11.055C7.972 11.366 7.989 11.696 8.096 12H4C2.897 12 2 11.103 2 10V5C2 3.897 2.897 3 4 3H12C13.103 3 14 3.897 14 5V6.015C13.9819 6.01371 13.9642 6.01075 13.9465 6.00779C13.9232 6.00389 13.8999 6 13.876 6H13V5C13 4.449 12.552 4 12 4H4C3.448 4 3 4.449 3 5V10C3 10.551 3.448 11 4 11H8.085Z"
  />
  <path
    d="M4.5 8C4.224 8 4 7.776 4 7.5C4 7.224 4.224 7 4.5 7H9.345C9.342 7.0095 9.337 7.01799 9.332 7.02649C9.32701 7.03499 9.322 7.0435 9.319 7.053L9.023 8H4.5Z"
  />
  <path d="M4 9.5C4 9.776 4.224 10 4.5 10H8.398L8.711 9H4.501C4.225 9 4 9.224 4 9.5Z" />
  <path
    d="M14.876 9.999C15.068 9.999 15.243 10.109 15.326 10.282C15.41 10.455 15.387 10.661 15.266 10.811L11.412 15.629C11.224 15.863 10.944 15.999 10.642 16C10.33 16 10.044 15.858 9.85698 15.61C9.66898 15.362 9.60898 15.048 9.69298 14.748L10.465 12H9.49998C9.34098 12 9.19098 11.924 9.09698 11.796C9.00298 11.668 8.97598 11.502 9.02298 11.351L10.273 7.351C10.338 7.142 10.532 7 10.751 7H13.876C14.04 7 14.193 7.081 14.287 7.215C14.38 7.35 14.401 7.522 14.344 7.675L13.473 9.999H14.876Z"
  />
</svg>
Attribution
"Github Action" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: git, repository, code, open source