Git Compare Line icon
mingcute:git-compare-line
The Git Compare Line icon (mingcute:git-compare-line) is a free SVG icon from the MingCute Icon set by MingCute Design. It is drawn on a 24 × 24 grid. MingCute Icon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- MingCute Icon
- Author
- MingCute Design
- License
- Apache-2.0
- Size
- 24 × 24
- Tags
- gitcompare, compareline, gitcompareline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.207 15.172a1 1 0 1 0-1.414 1.414l.707-.707zM12.621 18l.707.707a1 1 0 0 0 0-1.414zm-2.828 1.414a1 1 0 0 0 1.414 1.415l-.707-.707zm3-10.585a1 1 0 1 0 1.414-1.415l-.707.707zM11.379 6l-.707-.707a1 1 0 0 0 0 1.414zm2.828-1.414a1 1 0 1 0-1.414-1.414l.707.707zM8 6H7a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zM6 8V7a1 1 0 0 1-1-1H3a3 3 0 0 0 3 3zM4 6h1a1 1 0 0 1 1-1V3a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm0 12h1V8H5v8zm2 2v1h4v-2H8zm2.5-2.121l-.707.707l2.121 2.121l.707-.707l.707-.707l-2.12-2.121zM12.621 18l-.707-.707l-2.121 2.121l.707.707l.707.708l2.121-2.122zM16 18h1a1 1 0 0 1 1-1v-2a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm2 2h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2v-1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3zm0-12h-1v8h2V8zm-2-2V5h-4v2h4zm-2.5 2.121l.707-.707l-2.121-2.12l-.707.706l-.707.707l2.12 2.122zm-2.121-2.12l.707.706l2.121-2.121l-.707-.707l-.707-.707l-2.121 2.121zM18 8h1a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1zM6 16H5a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1z"/></svg>
How to use the Git Compare Line icon
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:git-compare-line" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:git-compare-line" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:git-compare-line" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--git-compare-line]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:git-compare-line"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:git-compare-line"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/mingcute/git-compare-line.svg" alt="Git Compare Line icon" width="24" height="24">
Related icons in MingCute Icon
Git Compare Line icon in other icon sets
Git Compare Line icon FAQ
Is the Git Compare Line icon free for commercial use?
Yes. MingCute Icon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Git Compare Line icon in React?
Install @iconify/react and render <Icon icon="mingcute:git-compare-line" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Git Compare Line icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/mingcute/git-compare-line.svg" alt="Git Compare Line icon">, or paste the SVG code inline to style it with CSS.
Browse all MingCute Icon icons →
