Skip to content
Cuelark UI

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

css.gg · CgArrowsMergeAltH

Arrows Merge Alt H icon

A free arrows merge alt h icon from css.gg, 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
MIT license
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/css-gg/arrows-merge-alt-h.json
components/icons/css-gg-arrows-merge-alt-h.tsx
import * as React from "react";

/**
 * Arrows Merge Alt H from css.gg (https://github.com/astrit/css.gg), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/css-gg/arrows-merge-alt-h. Sized in em, colored by currentColor.
 */
export function CgArrowsMergeAltHIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      fill="none"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1.5033 6H3.5033V11H7.6749L5.84644 9.17154L7.26066 7.75732L11.5033 12L7.26066 16.2426L5.84644 14.8284L7.67483 13H3.5033V18H1.5033V6Z"
        fill="currentColor"
      />
      <path
        d="M20.4967 6H22.4967V18H20.4967V13H16.3251L18.1536 14.8285L16.7393 16.2427L12.4967 12L16.7393 7.75739L18.1536 9.17161L16.3252 11H20.4967V6Z"
        fill="currentColor"
      />
    </svg>
  );
}
With react-icons
import { CgArrowsMergeAltH } from "react-icons/cg";

export function Example() {
  return <CgArrowsMergeAltH className="size-5" />;
}
arrows-merge-alt-h.svg
<svg
  fill="none"
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M1.5033 6H3.5033V11H7.6749L5.84644 9.17154L7.26066 7.75732L11.5033 12L7.26066 16.2426L5.84644 14.8284L7.67483 13H3.5033V18H1.5033V6Z"
    fill="currentColor"
  />
  <path
    d="M20.4967 6H22.4967V18H20.4967V13H16.3251L18.1536 14.8285L16.7393 16.2427L12.4967 12L16.7393 7.75739L18.1536 9.17161L16.3252 11H20.4967V6Z"
    fill="currentColor"
  />
</svg>
Attribution
"Arrows Merge Alt H" icon from css.gg (https://github.com/astrit/css.gg), licensed under MIT license.

Related icons: git, branch, commit, version control