git diff icon
git-diff-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- git-diff-fill
- Set
- Phosphor
- Style
- Fill
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
Use the git diff icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M118.18 213.08c-.11.14-.24.27-.36.4l-.16.18l-.17.15a5 5 0 0 1-.42.37a4 4 0 0 1-.32.25l-.3.22l-.38.23a3 3 0 0 1-.3.17l-.37.19l-.34.15l-.36.13a3 3 0 0 1-.38.13l-.36.1c-.14 0-.26.07-.4.09l-.42.07l-.35.05a7 7 0 0 1-.79 0H64a8 8 0 0 1 0-16h28.69L55 162.34a23.85 23.85 0 0 1-7-17V95a32 32 0 1 1 16 0v50.38a8 8 0 0 0 2.34 5.62L104 188.69V160a8 8 0 0 1 16 0v48a7 7 0 0 1 0 .8v.32c0 .11 0 .3-.07.46a3 3 0 0 1-.09.37c0 .13-.06.26-.1.39s-.08.23-.12.35l-.14.39l-.15.31c-.06.13-.12.27-.19.4s-.11.18-.16.28l-.24.39l-.21.28ZM208 161v-50.37a23.85 23.85 0 0 0-7-17L163.31 56H192a8 8 0 0 0 0-16h-48.78c-.14 0-.28 0-.41.06h-.37l-.43.11l-.33.08l-.4.14l-.34.13l-.35.16l-.36.18a3 3 0 0 0-.31.18c-.12.07-.25.14-.36.22a4 4 0 0 0-.31.23a4 4 0 0 0-.32.24c-.15.12-.28.24-.42.37l-.17.15l-.16.18c-.12.13-.25.26-.36.4l-.26.35l-.21.28l-.24.39c-.05.1-.11.19-.16.28s-.13.27-.19.4l-.15.31l-.14.39c0 .12-.09.23-.12.35s-.07.26-.1.39a3 3 0 0 0-.09.37c0 .16 0 .31-.07.46s0 .21-.05.32a7 7 0 0 0 0 .8V96a8 8 0 0 0 16 0V67.31L189.66 105a8 8 0 0 1 2.34 5.66V161a32 32 0 1 0 16 0"/></svg>
React
import type { SVGProps } from "react";
export function PhGitDiffFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M118.18 213.08c-.11.14-.24.27-.36.4l-.16.18l-.17.15a5 5 0 0 1-.42.37a4 4 0 0 1-.32.25l-.3.22l-.38.23a3 3 0 0 1-.3.17l-.37.19l-.34.15l-.36.13a3 3 0 0 1-.38.13l-.36.1c-.14 0-.26.07-.4.09l-.42.07l-.35.05a7 7 0 0 1-.79 0H64a8 8 0 0 1 0-16h28.69L55 162.34a23.85 23.85 0 0 1-7-17V95a32 32 0 1 1 16 0v50.38a8 8 0 0 0 2.34 5.62L104 188.69V160a8 8 0 0 1 16 0v48a7 7 0 0 1 0 .8v.32c0 .11 0 .3-.07.46a3 3 0 0 1-.09.37c0 .13-.06.26-.1.39s-.08.23-.12.35l-.14.39l-.15.31c-.06.13-.12.27-.19.4s-.11.18-.16.28l-.24.39l-.21.28ZM208 161v-50.37a23.85 23.85 0 0 0-7-17L163.31 56H192a8 8 0 0 0 0-16h-48.78c-.14 0-.28 0-.41.06h-.37l-.43.11l-.33.08l-.4.14l-.34.13l-.35.16l-.36.18a3 3 0 0 0-.31.18c-.12.07-.25.14-.36.22a4 4 0 0 0-.31.23a4 4 0 0 0-.32.24c-.15.12-.28.24-.42.37l-.17.15l-.16.18c-.12.13-.25.26-.36.4l-.26.35l-.21.28l-.24.39c-.05.1-.11.19-.16.28s-.13.27-.19.4l-.15.31l-.14.39c0 .12-.09.23-.12.35s-.07.26-.1.39a3 3 0 0 0-.09.37c0 .16 0 .31-.07.46s0 .21-.05.32a7 7 0 0 0 0 .8V96a8 8 0 0 0 16 0V67.31L189.66 105a8 8 0 0 1 2.34 5.66V161a32 32 0 1 0 16 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M118.18 213.08c-.11.14-.24.27-.36.4l-.16.18l-.17.15a5 5 0 0 1-.42.37a4 4 0 0 1-.32.25l-.3.22l-.38.23a3 3 0 0 1-.3.17l-.37.19l-.34.15l-.36.13a3 3 0 0 1-.38.13l-.36.1c-.14 0-.26.07-.4.09l-.42.07l-.35.05a7 7 0 0 1-.79 0H64a8 8 0 0 1 0-16h28.69L55 162.34a23.85 23.85 0 0 1-7-17V95a32 32 0 1 1 16 0v50.38a8 8 0 0 0 2.34 5.62L104 188.69V160a8 8 0 0 1 16 0v48a7 7 0 0 1 0 .8v.32c0 .11 0 .3-.07.46a3 3 0 0 1-.09.37c0 .13-.06.26-.1.39s-.08.23-.12.35l-.14.39l-.15.31c-.06.13-.12.27-.19.4s-.11.18-.16.28l-.24.39l-.21.28ZM208 161v-50.37a23.85 23.85 0 0 0-7-17L163.31 56H192a8 8 0 0 0 0-16h-48.78c-.14 0-.28 0-.41.06h-.37l-.43.11l-.33.08l-.4.14l-.34.13l-.35.16l-.36.18a3 3 0 0 0-.31.18c-.12.07-.25.14-.36.22a4 4 0 0 0-.31.23a4 4 0 0 0-.32.24c-.15.12-.28.24-.42.37l-.17.15l-.16.18c-.12.13-.25.26-.36.4l-.26.35l-.21.28l-.24.39c-.05.1-.11.19-.16.28s-.13.27-.19.4l-.15.31l-.14.39c0 .12-.09.23-.12.35s-.07.26-.1.39a3 3 0 0 0-.09.37c0 .16 0 .31-.07.46s0 .21-.05.32a7 7 0 0 0 0 .8V96a8 8 0 0 0 16 0V67.31L189.66 105a8 8 0 0 1 2.34 5.66V161a32 32 0 1 0 16 0"/></svg> </template>
CSS
.icon-git-diff-fill {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M118.18%20213.08c-.11.14-.24.27-.36.4l-.16.18l-.17.15a5%205%200%200%201-.42.37a4%204%200%200%201-.32.25l-.3.22l-.38.23a3%203%200%200%201-.3.17l-.37.19l-.34.15l-.36.13a3%203%200%200%201-.38.13l-.36.1c-.14%200-.26.07-.4.09l-.42.07l-.35.05a7%207%200%200%201-.79%200H64a8%208%200%200%201%200-16h28.69L55%20162.34a23.85%2023.85%200%200%201-7-17V95a32%2032%200%201%201%2016%200v50.38a8%208%200%200%200%202.34%205.62L104%20188.69V160a8%208%200%200%201%2016%200v48a7%207%200%200%201%200%20.8v.32c0%20.11%200%20.3-.07.46a3%203%200%200%201-.09.37c0%20.13-.06.26-.1.39s-.08.23-.12.35l-.14.39l-.15.31c-.06.13-.12.27-.19.4s-.11.18-.16.28l-.24.39l-.21.28ZM208%20161v-50.37a23.85%2023.85%200%200%200-7-17L163.31%2056H192a8%208%200%200%200%200-16h-48.78c-.14%200-.28%200-.41.06h-.37l-.43.11l-.33.08l-.4.14l-.34.13l-.35.16l-.36.18a3%203%200%200%200-.31.18c-.12.07-.25.14-.36.22a4%204%200%200%200-.31.23a4%204%200%200%200-.32.24c-.15.12-.28.24-.42.37l-.17.15l-.16.18c-.12.13-.25.26-.36.4l-.26.35l-.21.28l-.24.39c-.05.1-.11.19-.16.28s-.13.27-.19.4l-.15.31l-.14.39c0%20.12-.09.23-.12.35s-.07.26-.1.39a3%203%200%200%200-.09.37c0%20.16%200%20.31-.07.46s0%20.21-.05.32a7%207%200%200%200%200%20.8V96a8%208%200%200%200%2016%200V67.31L189.66%20105a8%208%200%200%201%202.34%205.66V161a32%2032%200%201%200%2016%200%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M118.18%20213.08c-.11.14-.24.27-.36.4l-.16.18l-.17.15a5%205%200%200%201-.42.37a4%204%200%200%201-.32.25l-.3.22l-.38.23a3%203%200%200%201-.3.17l-.37.19l-.34.15l-.36.13a3%203%200%200%201-.38.13l-.36.1c-.14%200-.26.07-.4.09l-.42.07l-.35.05a7%207%200%200%201-.79%200H64a8%208%200%200%201%200-16h28.69L55%20162.34a23.85%2023.85%200%200%201-7-17V95a32%2032%200%201%201%2016%200v50.38a8%208%200%200%200%202.34%205.62L104%20188.69V160a8%208%200%200%201%2016%200v48a7%207%200%200%201%200%20.8v.32c0%20.11%200%20.3-.07.46a3%203%200%200%201-.09.37c0%20.13-.06.26-.1.39s-.08.23-.12.35l-.14.39l-.15.31c-.06.13-.12.27-.19.4s-.11.18-.16.28l-.24.39l-.21.28ZM208%20161v-50.37a23.85%2023.85%200%200%200-7-17L163.31%2056H192a8%208%200%200%200%200-16h-48.78c-.14%200-.28%200-.41.06h-.37l-.43.11l-.33.08l-.4.14l-.34.13l-.35.16l-.36.18a3%203%200%200%200-.31.18c-.12.07-.25.14-.36.22a4%204%200%200%200-.31.23a4%204%200%200%200-.32.24c-.15.12-.28.24-.42.37l-.17.15l-.16.18c-.12.13-.25.26-.36.4l-.26.35l-.21.28l-.24.39c-.05.1-.11.19-.16.28s-.13.27-.19.4l-.15.31l-.14.39c0%20.12-.09.23-.12.35s-.07.26-.1.39a3%203%200%200%200-.09.37c0%20.16%200%20.31-.07.46s0%20.21-.05.32a7%207%200%200%200%200%20.8V96a8%208%200%200%200%2016%200V67.31L189.66%20105a8%208%200%200%201%202.34%205.66V161a32%2032%200%201%200%2016%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/git-diff-fill.svg?color=%231a73e8&size=48
