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 · VscMerge

Merge icon

A free merge 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 iconbranch iconcommit iconversion control 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/merge.json
components/icons/vscode-codicons-merge.tsx
import * as React from "react";

/**
 * Merge from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/merge. Sized in em, colored by currentColor.
 */
export function VscMergeIcon(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="M7.1472 0.146372C7.3422 -0.0486279 7.65923 -0.0486279 7.85423 0.146372L11.3542 3.64637C11.5489 3.8414 11.5491 4.15852 11.3542 4.3534C11.1593 4.54823 10.8422 4.54804 10.6472 4.3534L8.00071 1.70692V6.49989C8.00071 9.99981 9.99987 10.9998 13.4997 10.9999C13.7757 10.9999 13.9997 11.2239 13.9997 11.4999C13.9997 11.7759 13.7748 11.9999 13.4988 11.9999C10.9978 11.9999 9.08321 11.4131 7.99974 9.995V14.4999C7.99974 14.776 7.77588 14.9999 7.49974 14.9999C7.22371 14.9998 6.99974 14.7759 6.99974 14.4999V1.70692L4.35423 4.3534C4.15934 4.54823 3.84221 4.54804 3.6472 4.3534C3.45222 4.15842 3.45226 3.84138 3.6472 3.64637L7.1472 0.146372Z"
      />
    </svg>
  );
}
With react-icons
import { VscMerge } from "react-icons/vsc";

export function Example() {
  return <VscMerge className="size-5" />;
}
merge.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="M7.1472 0.146372C7.3422 -0.0486279 7.65923 -0.0486279 7.85423 0.146372L11.3542 3.64637C11.5489 3.8414 11.5491 4.15852 11.3542 4.3534C11.1593 4.54823 10.8422 4.54804 10.6472 4.3534L8.00071 1.70692V6.49989C8.00071 9.99981 9.99987 10.9998 13.4997 10.9999C13.7757 10.9999 13.9997 11.2239 13.9997 11.4999C13.9997 11.7759 13.7748 11.9999 13.4988 11.9999C10.9978 11.9999 9.08321 11.4131 7.99974 9.995V14.4999C7.99974 14.776 7.77588 14.9999 7.49974 14.9999C7.22371 14.9998 6.99974 14.7759 6.99974 14.4999V1.70692L4.35423 4.3534C4.15934 4.54823 3.84221 4.54804 3.6472 4.3534C3.45222 4.15842 3.45226 3.84138 3.6472 3.64637L7.1472 0.146372Z"
  />
</svg>
Attribution
"Merge" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: git, branch, commit, version control

Merge icon in other sets