Git merge icon
A free pencil-style git merge icon, drawn by code from 3 circles, 1 line and 1 curve. Use it as an SVG, a React component, or by name. MIT licensed.
01Use it
Use git-merge
One package, four ways in. The icon inherits currentColor and is decorative unless you give it a title. Install it with npm i @matita/icons.
React
import { GitMerge } from '@matita/icons/react';
<GitMerge size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="git-merge" />JavaScript
import { GitMerge, toSvg } from '@matita/icons';
toSvg(GitMerge, { size: 24 }); // SVG stringSVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" overflow="visible" class="sketch-icon sketch-icon-git-merge" data-sketch="" aria-hidden="true"><path d="M6.7 2.89C6.86 2.94 7.36 3.02 7.66 3.18C7.95 3.33 8.24 3.56 8.46 3.83C8.68 4.1 8.86 4.45 8.98 4.8C9.09 5.15 9.2 5.57 9.15 5.94C9.11 6.31 8.9 6.67 8.71 7C8.53 7.33 8.32 7.68 8.04 7.93C7.76 8.18 7.39 8.39 7.03 8.48C6.66 8.57 6.23 8.57 5.86 8.48C5.49 8.4 5.11 8.2 4.8 7.97C4.48 7.73 4.17 7.41 3.97 7.06C3.76 6.71 3.63 6.28 3.57 5.86C3.5 5.44 3.49 4.98 3.59 4.56C3.68 4.14 3.89 3.72 4.14 3.36C4.39 3.01 4.71 2.63 5.08 2.43C5.45 2.22 5.93 2.17 6.36 2.14C6.79 2.11 7.26 2.12 7.68 2.25C8.09 2.39 8.65 2.85 8.85 2.97" stroke-width="1.456"/><path d="M6.25 16.01C6.42 16.02 6.95 16 7.28 16.08C7.61 16.17 7.95 16.31 8.23 16.51C8.51 16.72 8.77 17 8.93 17.29C9.1 17.59 9.17 17.95 9.21 18.3C9.25 18.64 9.25 19.01 9.16 19.35C9.06 19.68 8.87 20.03 8.64 20.29C8.4 20.56 8.07 20.77 7.75 20.95C7.42 21.12 7.04 21.31 6.68 21.34C6.31 21.37 5.92 21.23 5.55 21.11C5.19 21 4.76 20.9 4.47 20.67C4.19 20.44 4 20.05 3.83 19.71C3.66 19.37 3.48 19 3.45 18.62C3.42 18.25 3.52 17.84 3.65 17.48C3.79 17.12 3.99 16.75 4.25 16.46C4.51 16.17 4.86 15.91 5.22 15.73C5.58 15.55 6.01 15.4 6.42 15.37C6.83 15.34 7.3 15.42 7.69 15.56C8.08 15.71 8.58 16.13 8.76 16.24" stroke-width="1.776"/><path d="M18.5 9.76C18.65 9.84 19.19 10.01 19.43 10.25C19.67 10.49 19.8 10.87 19.91 11.2C20.03 11.54 20.15 11.91 20.14 12.26C20.13 12.62 20.03 13.02 19.86 13.35C19.7 13.67 19.43 13.99 19.14 14.22C18.85 14.46 18.48 14.67 18.11 14.76C17.75 14.85 17.33 14.83 16.95 14.76C16.57 14.7 16.15 14.58 15.83 14.37C15.5 14.16 15.2 13.83 14.99 13.5C14.78 13.16 14.61 12.75 14.55 12.36C14.48 11.96 14.5 11.5 14.61 11.11C14.72 10.72 14.95 10.33 15.21 10.01C15.47 9.69 15.81 9.37 16.18 9.17C16.55 8.98 17 8.86 17.43 8.82C17.86 8.79 18.36 8.82 18.76 8.97C19.17 9.13 19.58 9.43 19.88 9.75C20.18 10.07 20.45 10.72 20.57 10.91" stroke-width="1.664"/><path d="M6.5 7.55Q6.26 11.96 6.48 16.37" stroke-width="1.824"/><path d="M6.58 7.49Q7.08 12.15 15.26 12.02" stroke-width="1.76"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { GitMerge } from '@matita/icons/react';
<GitMerge size={32} pencil />The file is icons/git-merge.svg in the package (pencil/git-merge.svg for the pencil variant). Matita 0.2.1.
02How it's drawn
The recipe for git-merge
Git merge is not stored as a drawing. It is a recipe of 3 circles, 1 line and 1 curve on a 24 by 24 grid, and a small program draws it like a pencil would. The wobble comes from the name, so it always comes out the same.
C 6.5 5.5 2.5;
C 6.5 18.5 2.5;
C 17.5 12 2.5;
L 6.5 8 6.5 16;
Q 6.5 8 7 12 15 12git-merge as a number: 3218527386
Shapes: L line, P polyline, Z closed shape, R rectangle, C circle, E ellipse, A arc, Q curve, O dot. Separate shapes with ;. Edits stay on this page.
03Takes, sizes, pencil
Same icon, every way
Pass a seed for another take of the same recipe. The wobble is capped, so it still reads at 16 px.
Five seeds of git-merge. Seed 0 is the default.
True pixel sizes.