# git-worktree icon Git worktree. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/git-worktree - Category: Development - Use it for: git worktree, worktree - Tags: git, worktree, working tree, checkout, branch, version control - Component name: GitWorktreeIcon - Added: 2026-11-12 ## Files Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. - line-round: https://gentleface.com/svg/line-round/16/git-worktree.svg · PNG https://gentleface.com/png/line-round/16/git-worktree.png · https://gentleface.com/png/line-round/32/git-worktree.png · https://gentleface.com/png/line-round/48/git-worktree.png - line-soft: https://gentleface.com/svg/line-soft/16/git-worktree.svg · PNG https://gentleface.com/png/line-soft/16/git-worktree.png · https://gentleface.com/png/line-soft/32/git-worktree.png · https://gentleface.com/png/line-soft/48/git-worktree.png - line-sharp: https://gentleface.com/svg/line-sharp/16/git-worktree.svg · PNG https://gentleface.com/png/line-sharp/16/git-worktree.png · https://gentleface.com/png/line-sharp/32/git-worktree.png · https://gentleface.com/png/line-sharp/48/git-worktree.png - solid-round: https://gentleface.com/svg/solid-round/16/git-worktree.svg · PNG https://gentleface.com/png/solid-round/16/git-worktree.png · https://gentleface.com/png/solid-round/32/git-worktree.png · https://gentleface.com/png/solid-round/48/git-worktree.png - solid-soft: https://gentleface.com/svg/solid-soft/16/git-worktree.svg · PNG https://gentleface.com/png/solid-soft/16/git-worktree.png · https://gentleface.com/png/solid-soft/32/git-worktree.png · https://gentleface.com/png/solid-soft/48/git-worktree.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/git-worktree.svg · PNG https://gentleface.com/png/solid-sharp/16/git-worktree.png · https://gentleface.com/png/solid-sharp/32/git-worktree.png · https://gentleface.com/png/solid-sharp/48/git-worktree.png The SVG of every style: https://gentleface.com/icons/git-worktree.json (`svg`). ## Code (line-round) The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "git-worktree" (line-round), MIT. https://gentleface.com/icons/git-worktree import type { SVGProps } from 'react'; export function GitWorktreeIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "git-worktree" (line-round), MIT. https://gentleface.com/icons/git-worktree. Takes the text color. */ .icon-git-worktree { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M12.854 5.854C12.754 5.953 12.636 6.003 12.5 6.003C12.364 6.003 12.246 5.953 12.146 5.854C12.049 5.756 12 5.638 12 5.5C12 5.362 12.049 5.244 12.146 5.146L13.293 4L9.5 4C9.309 4 9.125 4.035 8.948 4.105C8.755 4.182 8.586 4.293 8.439 4.439C8.293 4.586 8.182 4.755 8.105 4.948C8.035 5.125 8 5.309 8 5.5L8 9.5C8 9.691 8.035 9.875 8.105 10.052C8.182 10.245 8.293 10.414 8.439 10.561C8.586 10.707 8.755 10.818 8.948 10.895C9.125 10.965 9.309 11 9.5 11L13.293 11L12.146 9.854C12.047 9.754 11.997 9.636 11.997 9.5C11.997 9.364 12.047 9.246 12.146 9.146C12.246 9.047 12.364 8.997 12.5 8.997C12.636 8.997 12.754 9.047 12.854 9.146L14.854 11.146C14.953 11.246 15.003 11.364 15.003 11.5C15.003 11.636 14.953 11.754 14.854 11.854L12.854 13.854C12.754 13.953 12.636 14.003 12.5 14.003C12.364 14.003 12.246 13.953 12.146 13.854C12.047 13.754 11.997 13.636 11.997 13.5C11.997 13.364 12.047 13.246 12.146 13.146L13.293 12L9.5 12C9.182 12 8.875 11.941 8.58 11.824C8.259 11.697 7.976 11.512 7.732 11.268C7.488 11.024 7.303 10.741 7.176 10.42C7.059 10.125 7 9.818 7 9.5L7 8L5.95 8C5.921 8.142 5.879 8.283 5.824 8.42C5.697 8.741 5.512 9.024 5.268 9.268C5.024 9.512 4.741 9.697 4.42 9.824C4.125 9.941 3.818 10 3.5 10C3.182 10 2.875 9.941 2.58 9.824C2.259 9.697 1.976 9.512 1.732 9.268C1.488 9.024 1.303 8.741 1.176 8.42C1.059 8.125 1 7.818 1 7.5C1 7.182 1.059 6.875 1.176 6.58C1.303 6.259 1.488 5.976 1.732 5.732C1.976 5.488 2.259 5.303 2.58 5.176C2.875 5.059 3.182 5 3.5 5C3.818 5 4.125 5.059 4.42 5.176C4.741 5.303 5.024 5.488 5.268 5.732C5.512 5.976 5.697 6.259 5.824 6.58C5.879 6.717 5.921 6.858 5.95 7L7 7L7 5.5C7 5.182 7.059 4.875 7.176 4.58C7.303 4.259 7.488 3.976 7.732 3.732C7.976 3.488 8.259 3.303 8.58 3.176C8.875 3.059 9.182 3 9.5 3L13.293 3L12.146 1.854C12.049 1.756 12 1.638 12 1.5C12 1.362 12.049 1.244 12.146 1.146C12.246 1.047 12.364 0.997 12.5 0.997C12.636 0.997 12.754 1.047 12.854 1.146L14.854 3.146C14.953 3.246 15.003 3.364 15.003 3.5C15.003 3.636 14.953 3.754 14.854 3.854L12.854 5.854ZM2.439 8.561C2.586 8.707 2.755 8.818 2.948 8.895C3.125 8.965 3.309 9 3.5 9C3.691 9 3.875 8.965 4.052 8.895C4.245 8.818 4.414 8.707 4.561 8.561C4.707 8.414 4.818 8.245 4.895 8.052C4.965 7.875 5 7.691 5 7.5C5 7.309 4.965 7.125 4.895 6.948C4.818 6.755 4.707 6.586 4.561 6.439C4.414 6.293 4.245 6.182 4.052 6.105C3.875 6.035 3.691 6 3.5 6C3.309 6 3.125 6.035 2.948 6.105C2.755 6.182 2.586 6.293 2.439 6.439C2.293 6.586 2.182 6.755 2.105 6.948C2.035 7.125 2 7.309 2 7.5C2 7.691 2.035 7.875 2.105 8.052C2.182 8.245 2.293 8.414 2.439 8.561Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M12.854 5.854C12.754 5.953 12.636 6.003 12.5 6.003C12.364 6.003 12.246 5.953 12.146 5.854C12.049 5.756 12 5.638 12 5.5C12 5.362 12.049 5.244 12.146 5.146L13.293 4L9.5 4C9.309 4 9.125 4.035 8.948 4.105C8.755 4.182 8.586 4.293 8.439 4.439C8.293 4.586 8.182 4.755 8.105 4.948C8.035 5.125 8 5.309 8 5.5L8 9.5C8 9.691 8.035 9.875 8.105 10.052C8.182 10.245 8.293 10.414 8.439 10.561C8.586 10.707 8.755 10.818 8.948 10.895C9.125 10.965 9.309 11 9.5 11L13.293 11L12.146 9.854C12.047 9.754 11.997 9.636 11.997 9.5C11.997 9.364 12.047 9.246 12.146 9.146C12.246 9.047 12.364 8.997 12.5 8.997C12.636 8.997 12.754 9.047 12.854 9.146L14.854 11.146C14.953 11.246 15.003 11.364 15.003 11.5C15.003 11.636 14.953 11.754 14.854 11.854L12.854 13.854C12.754 13.953 12.636 14.003 12.5 14.003C12.364 14.003 12.246 13.953 12.146 13.854C12.047 13.754 11.997 13.636 11.997 13.5C11.997 13.364 12.047 13.246 12.146 13.146L13.293 12L9.5 12C9.182 12 8.875 11.941 8.58 11.824C8.259 11.697 7.976 11.512 7.732 11.268C7.488 11.024 7.303 10.741 7.176 10.42C7.059 10.125 7 9.818 7 9.5L7 8L5.95 8C5.921 8.142 5.879 8.283 5.824 8.42C5.697 8.741 5.512 9.024 5.268 9.268C5.024 9.512 4.741 9.697 4.42 9.824C4.125 9.941 3.818 10 3.5 10C3.182 10 2.875 9.941 2.58 9.824C2.259 9.697 1.976 9.512 1.732 9.268C1.488 9.024 1.303 8.741 1.176 8.42C1.059 8.125 1 7.818 1 7.5C1 7.182 1.059 6.875 1.176 6.58C1.303 6.259 1.488 5.976 1.732 5.732C1.976 5.488 2.259 5.303 2.58 5.176C2.875 5.059 3.182 5 3.5 5C3.818 5 4.125 5.059 4.42 5.176C4.741 5.303 5.024 5.488 5.268 5.732C5.512 5.976 5.697 6.259 5.824 6.58C5.879 6.717 5.921 6.858 5.95 7L7 7L7 5.5C7 5.182 7.059 4.875 7.176 4.58C7.303 4.259 7.488 3.976 7.732 3.732C7.976 3.488 8.259 3.303 8.58 3.176C8.875 3.059 9.182 3 9.5 3L13.293 3L12.146 1.854C12.049 1.756 12 1.638 12 1.5C12 1.362 12.049 1.244 12.146 1.146C12.246 1.047 12.364 0.997 12.5 0.997C12.636 0.997 12.754 1.047 12.854 1.146L14.854 3.146C14.953 3.246 15.003 3.364 15.003 3.5C15.003 3.636 14.953 3.754 14.854 3.854L12.854 5.854ZM2.439 8.561C2.586 8.707 2.755 8.818 2.948 8.895C3.125 8.965 3.309 9 3.5 9C3.691 9 3.875 8.965 4.052 8.895C4.245 8.818 4.414 8.707 4.561 8.561C4.707 8.414 4.818 8.245 4.895 8.052C4.965 7.875 5 7.691 5 7.5C5 7.309 4.965 7.125 4.895 6.948C4.818 6.755 4.707 6.586 4.561 6.439C4.414 6.293 4.245 6.182 4.052 6.105C3.875 6.035 3.691 6 3.5 6C3.309 6 3.125 6.035 2.948 6.105C2.755 6.182 2.586 6.293 2.439 6.439C2.293 6.586 2.182 6.755 2.105 6.948C2.035 7.125 2 7.309 2 7.5C2 7.691 2.035 7.875 2.105 8.052C2.182 8.245 2.293 8.414 2.439 8.561Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M12.854 5.854C12.754 5.953 12.636 6.003 12.5 6.003C12.364 6.003 12.246 5.953 12.146 5.854C12.049 5.756 12 5.638 12 5.5C12 5.362 12.049 5.244 12.146 5.146L13.293 4L9.5 4C9.309 4 9.125 4.035 8.948 4.105C8.755 4.182 8.586 4.293 8.439 4.439C8.293 4.586 8.182 4.755 8.105 4.948C8.035 5.125 8 5.309 8 5.5L8 9.5C8 9.691 8.035 9.875 8.105 10.052C8.182 10.245 8.293 10.414 8.439 10.561C8.586 10.707 8.755 10.818 8.948 10.895C9.125 10.965 9.309 11 9.5 11L13.293 11L12.146 9.854C12.047 9.754 11.997 9.636 11.997 9.5C11.997 9.364 12.047 9.246 12.146 9.146C12.246 9.047 12.364 8.997 12.5 8.997C12.636 8.997 12.754 9.047 12.854 9.146L14.854 11.146C14.953 11.246 15.003 11.364 15.003 11.5C15.003 11.636 14.953 11.754 14.854 11.854L12.854 13.854C12.754 13.953 12.636 14.003 12.5 14.003C12.364 14.003 12.246 13.953 12.146 13.854C12.047 13.754 11.997 13.636 11.997 13.5C11.997 13.364 12.047 13.246 12.146 13.146L13.293 12L9.5 12C9.182 12 8.875 11.941 8.58 11.824C8.259 11.697 7.976 11.512 7.732 11.268C7.488 11.024 7.303 10.741 7.176 10.42C7.059 10.125 7 9.818 7 9.5L7 8L5.95 8C5.921 8.142 5.879 8.283 5.824 8.42C5.697 8.741 5.512 9.024 5.268 9.268C5.024 9.512 4.741 9.697 4.42 9.824C4.125 9.941 3.818 10 3.5 10C3.182 10 2.875 9.941 2.58 9.824C2.259 9.697 1.976 9.512 1.732 9.268C1.488 9.024 1.303 8.741 1.176 8.42C1.059 8.125 1 7.818 1 7.5C1 7.182 1.059 6.875 1.176 6.58C1.303 6.259 1.488 5.976 1.732 5.732C1.976 5.488 2.259 5.303 2.58 5.176C2.875 5.059 3.182 5 3.5 5C3.818 5 4.125 5.059 4.42 5.176C4.741 5.303 5.024 5.488 5.268 5.732C5.512 5.976 5.697 6.259 5.824 6.58C5.879 6.717 5.921 6.858 5.95 7L7 7L7 5.5C7 5.182 7.059 4.875 7.176 4.58C7.303 4.259 7.488 3.976 7.732 3.732C7.976 3.488 8.259 3.303 8.58 3.176C8.875 3.059 9.182 3 9.5 3L13.293 3L12.146 1.854C12.049 1.756 12 1.638 12 1.5C12 1.362 12.049 1.244 12.146 1.146C12.246 1.047 12.364 0.997 12.5 0.997C12.636 0.997 12.754 1.047 12.854 1.146L14.854 3.146C14.953 3.246 15.003 3.364 15.003 3.5C15.003 3.636 14.953 3.754 14.854 3.854L12.854 5.854ZM2.439 8.561C2.586 8.707 2.755 8.818 2.948 8.895C3.125 8.965 3.309 9 3.5 9C3.691 9 3.875 8.965 4.052 8.895C4.245 8.818 4.414 8.707 4.561 8.561C4.707 8.414 4.818 8.245 4.895 8.052C4.965 7.875 5 7.691 5 7.5C5 7.309 4.965 7.125 4.895 6.948C4.818 6.755 4.707 6.586 4.561 6.439C4.414 6.293 4.245 6.182 4.052 6.105C3.875 6.035 3.691 6 3.5 6C3.309 6 3.125 6.035 2.948 6.105C2.755 6.182 2.586 6.293 2.439 6.439C2.293 6.586 2.182 6.755 2.105 6.948C2.035 7.125 2 7.309 2 7.5C2 7.691 2.035 7.875 2.105 8.052C2.182 8.245 2.293 8.414 2.439 8.561Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "git-worktree" (line-round), MIT. https://gentleface.com/icons/git-worktree import SwiftUI struct GitWorktreeIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 12.854, y: 5.854)) p.addCurve(to: CGPoint(x: 12.5, y: 6.003), control1: CGPoint(x: 12.754, y: 5.953), control2: CGPoint(x: 12.636, y: 6.003)) p.addCurve(to: CGPoint(x: 12.146, y: 5.854), control1: CGPoint(x: 12.364, y: 6.003), control2: CGPoint(x: 12.246, y: 5.953)) p.addCurve(to: CGPoint(x: 12, y: 5.5), control1: CGPoint(x: 12.049, y: 5.756), control2: CGPoint(x: 12, y: 5.638)) p.addCurve(to: CGPoint(x: 12.146, y: 5.146), control1: CGPoint(x: 12, y: 5.362), control2: CGPoint(x: 12.049, y: 5.244)) p.addLine(to: CGPoint(x: 13.293, y: 4)) p.addLine(to: CGPoint(x: 9.5, y: 4)) p.addCurve(to: CGPoint(x: 8.948, y: 4.105), control1: CGPoint(x: 9.309, y: 4), control2: CGPoint(x: 9.125, y: 4.035)) p.addCurve(to: CGPoint(x: 8.439, y: 4.439), control1: CGPoint(x: 8.755, y: 4.182), control2: CGPoint(x: 8.586, y: 4.293)) p.addCurve(to: CGPoint(x: 8.105, y: 4.948), control1: CGPoint(x: 8.293, y: 4.586), control2: CGPoint(x: 8.182, y: 4.755)) p.addCurve(to: CGPoint(x: 8, y: 5.5), control1: CGPoint(x: 8.035, y: 5.125), control2: CGPoint(x: 8, y: 5.309)) p.addLine(to: CGPoint(x: 8, y: 9.5)) p.addCurve(to: CGPoint(x: 8.105, y: 10.052), control1: CGPoint(x: 8, y: 9.691), control2: CGPoint(x: 8.035, y: 9.875)) p.addCurve(to: CGPoint(x: 8.439, y: 10.561), control1: CGPoint(x: 8.182, y: 10.245), control2: CGPoint(x: 8.293, y: 10.414)) p.addCurve(to: CGPoint(x: 8.948, y: 10.895), control1: CGPoint(x: 8.586, y: 10.707), control2: CGPoint(x: 8.755, y: 10.818)) p.addCurve(to: CGPoint(x: 9.5, y: 11), control1: CGPoint(x: 9.125, y: 10.965), control2: CGPoint(x: 9.309, y: 11)) p.addLine(to: CGPoint(x: 13.293, y: 11)) p.addLine(to: CGPoint(x: 12.146, y: 9.854)) p.addCurve(to: CGPoint(x: 11.997, y: 9.5), control1: CGPoint(x: 12.047, y: 9.754), control2: CGPoint(x: 11.997, y: 9.636)) p.addCurve(to: CGPoint(x: 12.146, y: 9.146), control1: CGPoint(x: 11.997, y: 9.364), control2: CGPoint(x: 12.047, y: 9.246)) p.addCurve(to: CGPoint(x: 12.5, y: 8.997), control1: CGPoint(x: 12.246, y: 9.047), control2: CGPoint(x: 12.364, y: 8.997)) p.addCurve(to: CGPoint(x: 12.854, y: 9.146), control1: CGPoint(x: 12.636, y: 8.997), control2: CGPoint(x: 12.754, y: 9.047)) p.addLine(to: CGPoint(x: 14.854, y: 11.146)) p.addCurve(to: CGPoint(x: 15.003, y: 11.5), control1: CGPoint(x: 14.953, y: 11.246), control2: CGPoint(x: 15.003, y: 11.364)) p.addCurve(to: CGPoint(x: 14.854, y: 11.854), control1: CGPoint(x: 15.003, y: 11.636), control2: CGPoint(x: 14.953, y: 11.754)) p.addLine(to: CGPoint(x: 12.854, y: 13.854)) p.addCurve(to: CGPoint(x: 12.5, y: 14.003), control1: CGPoint(x: 12.754, y: 13.953), control2: CGPoint(x: 12.636, y: 14.003)) p.addCurve(to: CGPoint(x: 12.146, y: 13.854), control1: CGPoint(x: 12.364, y: 14.003), control2: CGPoint(x: 12.246, y: 13.953)) p.addCurve(to: CGPoint(x: 11.997, y: 13.5), control1: CGPoint(x: 12.047, y: 13.754), control2: CGPoint(x: 11.997, y: 13.636)) p.addCurve(to: CGPoint(x: 12.146, y: 13.146), control1: CGPoint(x: 11.997, y: 13.364), control2: CGPoint(x: 12.047, y: 13.246)) p.addLine(to: CGPoint(x: 13.293, y: 12)) p.addLine(to: CGPoint(x: 9.5, y: 12)) p.addCurve(to: CGPoint(x: 8.58, y: 11.824), control1: CGPoint(x: 9.182, y: 12), control2: CGPoint(x: 8.875, y: 11.941)) p.addCurve(to: CGPoint(x: 7.732, y: 11.268), control1: CGPoint(x: 8.259, y: 11.697), control2: CGPoint(x: 7.976, y: 11.512)) p.addCurve(to: CGPoint(x: 7.176, y: 10.42), control1: CGPoint(x: 7.488, y: 11.024), control2: CGPoint(x: 7.303, y: 10.741)) p.addCurve(to: CGPoint(x: 7, y: 9.5), control1: CGPoint(x: 7.059, y: 10.125), control2: CGPoint(x: 7, y: 9.818)) p.addLine(to: CGPoint(x: 7, y: 8)) p.addLine(to: CGPoint(x: 5.95, y: 8)) p.addCurve(to: CGPoint(x: 5.824, y: 8.42), control1: CGPoint(x: 5.921, y: 8.142), control2: CGPoint(x: 5.879, y: 8.283)) p.addCurve(to: CGPoint(x: 5.268, y: 9.268), control1: CGPoint(x: 5.697, y: 8.741), control2: CGPoint(x: 5.512, y: 9.024)) p.addCurve(to: CGPoint(x: 4.42, y: 9.824), control1: CGPoint(x: 5.024, y: 9.512), control2: CGPoint(x: 4.741, y: 9.697)) p.addCurve(to: CGPoint(x: 3.5, y: 10), control1: CGPoint(x: 4.125, y: 9.941), control2: CGPoint(x: 3.818, y: 10)) p.addCurve(to: CGPoint(x: 2.58, y: 9.824), control1: CGPoint(x: 3.182, y: 10), control2: CGPoint(x: 2.875, y: 9.941)) p.addCurve(to: CGPoint(x: 1.732, y: 9.268), control1: CGPoint(x: 2.259, y: 9.697), control2: CGPoint(x: 1.976, y: 9.512)) p.addCurve(to: CGPoint(x: 1.176, y: 8.42), control1: CGPoint(x: 1.488, y: 9.024), control2: CGPoint(x: 1.303, y: 8.741)) p.addCurve(to: CGPoint(x: 1, y: 7.5), control1: CGPoint(x: 1.059, y: 8.125), control2: CGPoint(x: 1, y: 7.818)) p.addCurve(to: CGPoint(x: 1.176, y: 6.58), control1: CGPoint(x: 1, y: 7.182), control2: CGPoint(x: 1.059, y: 6.875)) p.addCurve(to: CGPoint(x: 1.732, y: 5.732), control1: CGPoint(x: 1.303, y: 6.259), control2: CGPoint(x: 1.488, y: 5.976)) p.addCurve(to: CGPoint(x: 2.58, y: 5.176), control1: CGPoint(x: 1.976, y: 5.488), control2: CGPoint(x: 2.259, y: 5.303)) p.addCurve(to: CGPoint(x: 3.5, y: 5), control1: CGPoint(x: 2.875, y: 5.059), control2: CGPoint(x: 3.182, y: 5)) p.addCurve(to: CGPoint(x: 4.42, y: 5.176), control1: CGPoint(x: 3.818, y: 5), control2: CGPoint(x: 4.125, y: 5.059)) p.addCurve(to: CGPoint(x: 5.268, y: 5.732), control1: CGPoint(x: 4.741, y: 5.303), control2: CGPoint(x: 5.024, y: 5.488)) p.addCurve(to: CGPoint(x: 5.824, y: 6.58), control1: CGPoint(x: 5.512, y: 5.976), control2: CGPoint(x: 5.697, y: 6.259)) p.addCurve(to: CGPoint(x: 5.95, y: 7), control1: CGPoint(x: 5.879, y: 6.717), control2: CGPoint(x: 5.921, y: 6.858)) p.addLine(to: CGPoint(x: 7, y: 7)) p.addLine(to: CGPoint(x: 7, y: 5.5)) p.addCurve(to: CGPoint(x: 7.176, y: 4.58), control1: CGPoint(x: 7, y: 5.182), control2: CGPoint(x: 7.059, y: 4.875)) p.addCurve(to: CGPoint(x: 7.732, y: 3.732), control1: CGPoint(x: 7.303, y: 4.259), control2: CGPoint(x: 7.488, y: 3.976)) p.addCurve(to: CGPoint(x: 8.58, y: 3.176), control1: CGPoint(x: 7.976, y: 3.488), control2: CGPoint(x: 8.259, y: 3.303)) p.addCurve(to: CGPoint(x: 9.5, y: 3), control1: CGPoint(x: 8.875, y: 3.059), control2: CGPoint(x: 9.182, y: 3)) p.addLine(to: CGPoint(x: 13.293, y: 3)) p.addLine(to: CGPoint(x: 12.146, y: 1.854)) p.addCurve(to: CGPoint(x: 12, y: 1.5), control1: CGPoint(x: 12.049, y: 1.756), control2: CGPoint(x: 12, y: 1.638)) p.addCurve(to: CGPoint(x: 12.146, y: 1.146), control1: CGPoint(x: 12, y: 1.362), control2: CGPoint(x: 12.049, y: 1.244)) p.addCurve(to: CGPoint(x: 12.5, y: 0.997), control1: CGPoint(x: 12.246, y: 1.047), control2: CGPoint(x: 12.364, y: 0.997)) p.addCurve(to: CGPoint(x: 12.854, y: 1.146), control1: CGPoint(x: 12.636, y: 0.997), control2: CGPoint(x: 12.754, y: 1.047)) p.addLine(to: CGPoint(x: 14.854, y: 3.146)) p.addCurve(to: CGPoint(x: 15.003, y: 3.5), control1: CGPoint(x: 14.953, y: 3.246), control2: CGPoint(x: 15.003, y: 3.364)) p.addCurve(to: CGPoint(x: 14.854, y: 3.854), control1: CGPoint(x: 15.003, y: 3.636), control2: CGPoint(x: 14.953, y: 3.754)) p.addLine(to: CGPoint(x: 12.854, y: 5.854)) p.closeSubpath() p.move(to: CGPoint(x: 2.439, y: 8.561)) p.addCurve(to: CGPoint(x: 2.948, y: 8.895), control1: CGPoint(x: 2.586, y: 8.707), control2: CGPoint(x: 2.755, y: 8.818)) p.addCurve(to: CGPoint(x: 3.5, y: 9), control1: CGPoint(x: 3.125, y: 8.965), control2: CGPoint(x: 3.309, y: 9)) p.addCurve(to: CGPoint(x: 4.052, y: 8.895), control1: CGPoint(x: 3.691, y: 9), control2: CGPoint(x: 3.875, y: 8.965)) p.addCurve(to: CGPoint(x: 4.561, y: 8.561), control1: CGPoint(x: 4.245, y: 8.818), control2: CGPoint(x: 4.414, y: 8.707)) p.addCurve(to: CGPoint(x: 4.895, y: 8.052), control1: CGPoint(x: 4.707, y: 8.414), control2: CGPoint(x: 4.818, y: 8.245)) p.addCurve(to: CGPoint(x: 5, y: 7.5), control1: CGPoint(x: 4.965, y: 7.875), control2: CGPoint(x: 5, y: 7.691)) p.addCurve(to: CGPoint(x: 4.895, y: 6.948), control1: CGPoint(x: 5, y: 7.309), control2: CGPoint(x: 4.965, y: 7.125)) p.addCurve(to: CGPoint(x: 4.561, y: 6.439), control1: CGPoint(x: 4.818, y: 6.755), control2: CGPoint(x: 4.707, y: 6.586)) p.addCurve(to: CGPoint(x: 4.052, y: 6.105), control1: CGPoint(x: 4.414, y: 6.293), control2: CGPoint(x: 4.245, y: 6.182)) p.addCurve(to: CGPoint(x: 3.5, y: 6), control1: CGPoint(x: 3.875, y: 6.035), control2: CGPoint(x: 3.691, y: 6)) p.addCurve(to: CGPoint(x: 2.948, y: 6.105), control1: CGPoint(x: 3.309, y: 6), control2: CGPoint(x: 3.125, y: 6.035)) p.addCurve(to: CGPoint(x: 2.439, y: 6.439), control1: CGPoint(x: 2.755, y: 6.182), control2: CGPoint(x: 2.586, y: 6.293)) p.addCurve(to: CGPoint(x: 2.105, y: 6.948), control1: CGPoint(x: 2.293, y: 6.586), control2: CGPoint(x: 2.182, y: 6.755)) p.addCurve(to: CGPoint(x: 2, y: 7.5), control1: CGPoint(x: 2.035, y: 7.125), control2: CGPoint(x: 2, y: 7.309)) p.addCurve(to: CGPoint(x: 2.105, y: 8.052), control1: CGPoint(x: 2, y: 7.691), control2: CGPoint(x: 2.035, y: 7.875)) p.addCurve(to: CGPoint(x: 2.439, y: 8.561), control1: CGPoint(x: 2.182, y: 8.245), control2: CGPoint(x: 2.293, y: 8.414)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // GitWorktreeIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "git-worktree" (line-round), MIT. https://gentleface.com/icons/git-worktree import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val GitWorktreeIcon: ImageVector by lazy { ImageVector.Builder( name = "git-worktree", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M12.854 5.854C12.754 5.953 12.636 6.003 12.5 6.003C12.364 6.003 12.246 5.953 12.146 5.854C12.049 5.756 12 5.638 12 5.5C12 5.362 12.049 5.244 12.146 5.146L13.293 4L9.5 4C9.309 4 9.125 4.035 8.948 4.105C8.755 4.182 8.586 4.293 8.439 4.439C8.293 4.586 8.182 4.755 8.105 4.948C8.035 5.125 8 5.309 8 5.5L8 9.5C8 9.691 8.035 9.875 8.105 10.052C8.182 10.245 8.293 10.414 8.439 10.561C8.586 10.707 8.755 10.818 8.948 10.895C9.125 10.965 9.309 11 9.5 11L13.293 11L12.146 9.854C12.047 9.754 11.997 9.636 11.997 9.5C11.997 9.364 12.047 9.246 12.146 9.146C12.246 9.047 12.364 8.997 12.5 8.997C12.636 8.997 12.754 9.047 12.854 9.146L14.854 11.146C14.953 11.246 15.003 11.364 15.003 11.5C15.003 11.636 14.953 11.754 14.854 11.854L12.854 13.854C12.754 13.953 12.636 14.003 12.5 14.003C12.364 14.003 12.246 13.953 12.146 13.854C12.047 13.754 11.997 13.636 11.997 13.5C11.997 13.364 12.047 13.246 12.146 13.146L13.293 12L9.5 12C9.182 12 8.875 11.941 8.58 11.824C8.259 11.697 7.976 11.512 7.732 11.268C7.488 11.024 7.303 10.741 7.176 10.42C7.059 10.125 7 9.818 7 9.5L7 8L5.95 8C5.921 8.142 5.879 8.283 5.824 8.42C5.697 8.741 5.512 9.024 5.268 9.268C5.024 9.512 4.741 9.697 4.42 9.824C4.125 9.941 3.818 10 3.5 10C3.182 10 2.875 9.941 2.58 9.824C2.259 9.697 1.976 9.512 1.732 9.268C1.488 9.024 1.303 8.741 1.176 8.42C1.059 8.125 1 7.818 1 7.5C1 7.182 1.059 6.875 1.176 6.58C1.303 6.259 1.488 5.976 1.732 5.732C1.976 5.488 2.259 5.303 2.58 5.176C2.875 5.059 3.182 5 3.5 5C3.818 5 4.125 5.059 4.42 5.176C4.741 5.303 5.024 5.488 5.268 5.732C5.512 5.976 5.697 6.259 5.824 6.58C5.879 6.717 5.921 6.858 5.95 7L7 7L7 5.5C7 5.182 7.059 4.875 7.176 4.58C7.303 4.259 7.488 3.976 7.732 3.732C7.976 3.488 8.259 3.303 8.58 3.176C8.875 3.059 9.182 3 9.5 3L13.293 3L12.146 1.854C12.049 1.756 12 1.638 12 1.5C12 1.362 12.049 1.244 12.146 1.146C12.246 1.047 12.364 0.997 12.5 0.997C12.636 0.997 12.754 1.047 12.854 1.146L14.854 3.146C14.953 3.246 15.003 3.364 15.003 3.5C15.003 3.636 14.953 3.754 14.854 3.854L12.854 5.854ZM2.439 8.561C2.586 8.707 2.755 8.818 2.948 8.895C3.125 8.965 3.309 9 3.5 9C3.691 9 3.875 8.965 4.052 8.895C4.245 8.818 4.414 8.707 4.561 8.561C4.707 8.414 4.818 8.245 4.895 8.052C4.965 7.875 5 7.691 5 7.5C5 7.309 4.965 7.125 4.895 6.948C4.818 6.755 4.707 6.586 4.561 6.439C4.414 6.293 4.245 6.182 4.052 6.105C3.875 6.035 3.691 6 3.5 6C3.309 6 3.125 6.035 2.948 6.105C2.755 6.182 2.586 6.293 2.439 6.439C2.293 6.586 2.182 6.755 2.105 6.948C2.035 7.125 2 7.309 2 7.5C2 7.691 2.035 7.875 2.105 8.052C2.182 8.245 2.293 8.414 2.439 8.561Z"), fill = SolidColor(Color.Black), ).build() } // Icon(GitWorktreeIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "git-worktree" (line-round), MIT. https://gentleface.com/icons/git-worktree import 'package:flutter/widgets.dart'; class GitWorktreeIcon extends StatelessWidget { const GitWorktreeIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _GitWorktreeIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _GitWorktreeIconPainter extends CustomPainter { _GitWorktreeIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(12.854, 5.854) ..cubicTo(12.754, 5.953, 12.636, 6.003, 12.5, 6.003) ..cubicTo(12.364, 6.003, 12.246, 5.953, 12.146, 5.854) ..cubicTo(12.049, 5.756, 12, 5.638, 12, 5.5) ..cubicTo(12, 5.362, 12.049, 5.244, 12.146, 5.146) ..lineTo(13.293, 4) ..lineTo(9.5, 4) ..cubicTo(9.309, 4, 9.125, 4.035, 8.948, 4.105) ..cubicTo(8.755, 4.182, 8.586, 4.293, 8.439, 4.439) ..cubicTo(8.293, 4.586, 8.182, 4.755, 8.105, 4.948) ..cubicTo(8.035, 5.125, 8, 5.309, 8, 5.5) ..lineTo(8, 9.5) ..cubicTo(8, 9.691, 8.035, 9.875, 8.105, 10.052) ..cubicTo(8.182, 10.245, 8.293, 10.414, 8.439, 10.561) ..cubicTo(8.586, 10.707, 8.755, 10.818, 8.948, 10.895) ..cubicTo(9.125, 10.965, 9.309, 11, 9.5, 11) ..lineTo(13.293, 11) ..lineTo(12.146, 9.854) ..cubicTo(12.047, 9.754, 11.997, 9.636, 11.997, 9.5) ..cubicTo(11.997, 9.364, 12.047, 9.246, 12.146, 9.146) ..cubicTo(12.246, 9.047, 12.364, 8.997, 12.5, 8.997) ..cubicTo(12.636, 8.997, 12.754, 9.047, 12.854, 9.146) ..lineTo(14.854, 11.146) ..cubicTo(14.953, 11.246, 15.003, 11.364, 15.003, 11.5) ..cubicTo(15.003, 11.636, 14.953, 11.754, 14.854, 11.854) ..lineTo(12.854, 13.854) ..cubicTo(12.754, 13.953, 12.636, 14.003, 12.5, 14.003) ..cubicTo(12.364, 14.003, 12.246, 13.953, 12.146, 13.854) ..cubicTo(12.047, 13.754, 11.997, 13.636, 11.997, 13.5) ..cubicTo(11.997, 13.364, 12.047, 13.246, 12.146, 13.146) ..lineTo(13.293, 12) ..lineTo(9.5, 12) ..cubicTo(9.182, 12, 8.875, 11.941, 8.58, 11.824) ..cubicTo(8.259, 11.697, 7.976, 11.512, 7.732, 11.268) ..cubicTo(7.488, 11.024, 7.303, 10.741, 7.176, 10.42) ..cubicTo(7.059, 10.125, 7, 9.818, 7, 9.5) ..lineTo(7, 8) ..lineTo(5.95, 8) ..cubicTo(5.921, 8.142, 5.879, 8.283, 5.824, 8.42) ..cubicTo(5.697, 8.741, 5.512, 9.024, 5.268, 9.268) ..cubicTo(5.024, 9.512, 4.741, 9.697, 4.42, 9.824) ..cubicTo(4.125, 9.941, 3.818, 10, 3.5, 10) ..cubicTo(3.182, 10, 2.875, 9.941, 2.58, 9.824) ..cubicTo(2.259, 9.697, 1.976, 9.512, 1.732, 9.268) ..cubicTo(1.488, 9.024, 1.303, 8.741, 1.176, 8.42) ..cubicTo(1.059, 8.125, 1, 7.818, 1, 7.5) ..cubicTo(1, 7.182, 1.059, 6.875, 1.176, 6.58) ..cubicTo(1.303, 6.259, 1.488, 5.976, 1.732, 5.732) ..cubicTo(1.976, 5.488, 2.259, 5.303, 2.58, 5.176) ..cubicTo(2.875, 5.059, 3.182, 5, 3.5, 5) ..cubicTo(3.818, 5, 4.125, 5.059, 4.42, 5.176) ..cubicTo(4.741, 5.303, 5.024, 5.488, 5.268, 5.732) ..cubicTo(5.512, 5.976, 5.697, 6.259, 5.824, 6.58) ..cubicTo(5.879, 6.717, 5.921, 6.858, 5.95, 7) ..lineTo(7, 7) ..lineTo(7, 5.5) ..cubicTo(7, 5.182, 7.059, 4.875, 7.176, 4.58) ..cubicTo(7.303, 4.259, 7.488, 3.976, 7.732, 3.732) ..cubicTo(7.976, 3.488, 8.259, 3.303, 8.58, 3.176) ..cubicTo(8.875, 3.059, 9.182, 3, 9.5, 3) ..lineTo(13.293, 3) ..lineTo(12.146, 1.854) ..cubicTo(12.049, 1.756, 12, 1.638, 12, 1.5) ..cubicTo(12, 1.362, 12.049, 1.244, 12.146, 1.146) ..cubicTo(12.246, 1.047, 12.364, 0.997, 12.5, 0.997) ..cubicTo(12.636, 0.997, 12.754, 1.047, 12.854, 1.146) ..lineTo(14.854, 3.146) ..cubicTo(14.953, 3.246, 15.003, 3.364, 15.003, 3.5) ..cubicTo(15.003, 3.636, 14.953, 3.754, 14.854, 3.854) ..lineTo(12.854, 5.854) ..close() ..moveTo(2.439, 8.561) ..cubicTo(2.586, 8.707, 2.755, 8.818, 2.948, 8.895) ..cubicTo(3.125, 8.965, 3.309, 9, 3.5, 9) ..cubicTo(3.691, 9, 3.875, 8.965, 4.052, 8.895) ..cubicTo(4.245, 8.818, 4.414, 8.707, 4.561, 8.561) ..cubicTo(4.707, 8.414, 4.818, 8.245, 4.895, 8.052) ..cubicTo(4.965, 7.875, 5, 7.691, 5, 7.5) ..cubicTo(5, 7.309, 4.965, 7.125, 4.895, 6.948) ..cubicTo(4.818, 6.755, 4.707, 6.586, 4.561, 6.439) ..cubicTo(4.414, 6.293, 4.245, 6.182, 4.052, 6.105) ..cubicTo(3.875, 6.035, 3.691, 6, 3.5, 6) ..cubicTo(3.309, 6, 3.125, 6.035, 2.948, 6.105) ..cubicTo(2.755, 6.182, 2.586, 6.293, 2.439, 6.439) ..cubicTo(2.293, 6.586, 2.182, 6.755, 2.105, 6.948) ..cubicTo(2.035, 7.125, 2, 7.309, 2, 7.5) ..cubicTo(2, 7.691, 2.035, 7.875, 2.105, 8.052) ..cubicTo(2.182, 8.245, 2.293, 8.414, 2.439, 8.561) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_GitWorktreeIconPainter old) => old.color != color; } ```