git compare icon

git-compare from Octicons by GitHub · Regular · MIT Free for personal and commercial use.

Name: git-compare
Set: Octicons
Style: Regular
Viewbox: 14×16
License: MIT

2 other variants in Octicons

The same icon in other sets

git-compareBoxIcons v2 git-compareCodicons git-compareHuge Icons git-compareIconoir git-compareIonIcons git-compareLucide git-compareMajesticons git-compare-fillMingCute Icon git-compareTabler Icons git-compare-outlineTeenyicons

Related icons in Octicons

git-branch git-branch-check-16 git-commit git-merge git-merge-queue-16 git-pull-request git-pull-request-closed-16 git-pull-request-draft-16 git-pull-request-locked-16 git-pull-request-unlisted-16

Use the git compare icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M5 12H4c-.27-.02-.48-.11-.69-.31c-.21-.2-.3-.42-.31-.69V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V11c.03.78.34 1.47.94 2.06c.6.59 1.28.91 2.06.94h1v2l3-3l-3-3v2zM2 1.8c.66 0 1.2.55 1.2 1.2c0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm11 9.48V5c-.03-.78-.34-1.47-.94-2.06c-.6-.59-1.28-.91-2.06-.94H9V0L6 3l3 3V4h1c.27.02.48.11.69.31c.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 12 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2c0-.65.55-1.2 1.2-1.2c.65 0 1.2.55 1.2 1.2c0 .65-.55 1.2-1.2 1.2z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function OcticonGitCompare(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 14 16"><path fillRule="evenodd" d="M5 12H4c-.27-.02-.48-.11-.69-.31c-.21-.2-.3-.42-.31-.69V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V11c.03.78.34 1.47.94 2.06c.6.59 1.28.91 2.06.94h1v2l3-3l-3-3v2zM2 1.8c.66 0 1.2.55 1.2 1.2c0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm11 9.48V5c-.03-.78-.34-1.47-.94-2.06c-.6-.59-1.28-.91-2.06-.94H9V0L6 3l3 3V4h1c.27.02.48.11.69.31c.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 12 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2c0-.65.55-1.2 1.2-1.2c.65 0 1.2.55 1.2 1.2c0 .65-.55 1.2-1.2 1.2z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M5 12H4c-.27-.02-.48-.11-.69-.31c-.21-.2-.3-.42-.31-.69V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V11c.03.78.34 1.47.94 2.06c.6.59 1.28.91 2.06.94h1v2l3-3l-3-3v2zM2 1.8c.66 0 1.2.55 1.2 1.2c0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm11 9.48V5c-.03-.78-.34-1.47-.94-2.06c-.6-.59-1.28-.91-2.06-.94H9V0L6 3l3 3V4h1c.27.02.48.11.69.31c.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 12 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2c0-.65.55-1.2 1.2-1.2c.65 0 1.2.55 1.2 1.2c0 .65-.55 1.2-1.2 1.2z" fill="currentColor"/></svg>
</template>

CSS

.icon-git-compare {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5%2012H4c-.27-.02-.48-.11-.69-.31c-.21-.2-.3-.42-.31-.69V4.72A1.993%201.993%200%200%200%202%201a1.993%201.993%200%200%200-1%203.72V11c.03.78.34%201.47.94%202.06c.6.59%201.28.91%202.06.94h1v2l3-3l-3-3v2zM2%201.8c.66%200%201.2.55%201.2%201.2c0%20.65-.55%201.2-1.2%201.2C1.35%204.2.8%203.65.8%203c0-.65.55-1.2%201.2-1.2zm11%209.48V5c-.03-.78-.34-1.47-.94-2.06c-.6-.59-1.28-.91-2.06-.94H9V0L6%203l3%203V4h1c.27.02.48.11.69.31c.21.2.3.42.31.69v6.28A1.993%201.993%200%200%200%2012%2015a1.993%201.993%200%200%200%201-3.72zm-1%202.92c-.66%200-1.2-.55-1.2-1.2c0-.65.55-1.2%201.2-1.2c.65%200%201.2.55%201.2%201.2c0%20.65-.55%201.2-1.2%201.2z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5%2012H4c-.27-.02-.48-.11-.69-.31c-.21-.2-.3-.42-.31-.69V4.72A1.993%201.993%200%200%200%202%201a1.993%201.993%200%200%200-1%203.72V11c.03.78.34%201.47.94%202.06c.6.59%201.28.91%202.06.94h1v2l3-3l-3-3v2zM2%201.8c.66%200%201.2.55%201.2%201.2c0%20.65-.55%201.2-1.2%201.2C1.35%204.2.8%203.65.8%203c0-.65.55-1.2%201.2-1.2zm11%209.48V5c-.03-.78-.34-1.47-.94-2.06c-.6-.59-1.28-.91-2.06-.94H9V0L6%203l3%203V4h1c.27.02.48.11.69.31c.21.2.3.42.31.69v6.28A1.993%201.993%200%200%200%2012%2015a1.993%201.993%200%200%200%201-3.72zm-1%202.92c-.66%200-1.2-.55-1.2-1.2c0-.65.55-1.2%201.2-1.2c.65%200%201.2.55%201.2%201.2c0%20.65-.55%201.2-1.2%201.2z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/git-compare.svg?color=%231a73e8&size=48