git icon
git from Material Design Icons by Pictogrammers · Filled · Brand / Logo · Apache-2.0 Free for personal and commercial use.
- Name
- git
- Set
- Material Design Icons
- Style
- Filled
- Category
- Brand / Logo
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
More brand / logo icons from Material Design Icons
Use the git icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.6 10.59L8.38 4.8l1.69 1.7c-.24.85.15 1.78.93 2.23v5.54c-.6.34-1 .99-1 1.73a2 2 0 0 0 2 2a2 2 0 0 0 2-2c0-.74-.4-1.39-1-1.73V9.41l2.07 2.09c-.07.15-.07.32-.07.5a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2c-.18 0-.35 0-.5.07L13.93 7.5a1.98 1.98 0 0 0-1.15-2.34c-.43-.16-.88-.2-1.28-.09L9.8 3.38l.79-.78c.78-.79 2.04-.79 2.82 0l7.99 7.99c.79.78.79 2.04 0 2.82l-7.99 7.99c-.78.79-2.04.79-2.82 0L2.6 13.41c-.79-.78-.79-2.04 0-2.82"/></svg>
React
import type { SVGProps } from "react";
export function MdiGit(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.6 10.59L8.38 4.8l1.69 1.7c-.24.85.15 1.78.93 2.23v5.54c-.6.34-1 .99-1 1.73a2 2 0 0 0 2 2a2 2 0 0 0 2-2c0-.74-.4-1.39-1-1.73V9.41l2.07 2.09c-.07.15-.07.32-.07.5a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2c-.18 0-.35 0-.5.07L13.93 7.5a1.98 1.98 0 0 0-1.15-2.34c-.43-.16-.88-.2-1.28-.09L9.8 3.38l.79-.78c.78-.79 2.04-.79 2.82 0l7.99 7.99c.79.78.79 2.04 0 2.82l-7.99 7.99c-.78.79-2.04.79-2.82 0L2.6 13.41c-.79-.78-.79-2.04 0-2.82"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.6 10.59L8.38 4.8l1.69 1.7c-.24.85.15 1.78.93 2.23v5.54c-.6.34-1 .99-1 1.73a2 2 0 0 0 2 2a2 2 0 0 0 2-2c0-.74-.4-1.39-1-1.73V9.41l2.07 2.09c-.07.15-.07.32-.07.5a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2c-.18 0-.35 0-.5.07L13.93 7.5a1.98 1.98 0 0 0-1.15-2.34c-.43-.16-.88-.2-1.28-.09L9.8 3.38l.79-.78c.78-.79 2.04-.79 2.82 0l7.99 7.99c.79.78.79 2.04 0 2.82l-7.99 7.99c-.78.79-2.04.79-2.82 0L2.6 13.41c-.79-.78-.79-2.04 0-2.82"/></svg> </template>
CSS
.icon-git {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.6%2010.59L8.38%204.8l1.69%201.7c-.24.85.15%201.78.93%202.23v5.54c-.6.34-1%20.99-1%201.73a2%202%200%200%200%202%202a2%202%200%200%200%202-2c0-.74-.4-1.39-1-1.73V9.41l2.07%202.09c-.07.15-.07.32-.07.5a2%202%200%200%200%202%202a2%202%200%200%200%202-2a2%202%200%200%200-2-2c-.18%200-.35%200-.5.07L13.93%207.5a1.98%201.98%200%200%200-1.15-2.34c-.43-.16-.88-.2-1.28-.09L9.8%203.38l.79-.78c.78-.79%202.04-.79%202.82%200l7.99%207.99c.79.78.79%202.04%200%202.82l-7.99%207.99c-.78.79-2.04.79-2.82%200L2.6%2013.41c-.79-.78-.79-2.04%200-2.82%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.6%2010.59L8.38%204.8l1.69%201.7c-.24.85.15%201.78.93%202.23v5.54c-.6.34-1%20.99-1%201.73a2%202%200%200%200%202%202a2%202%200%200%200%202-2c0-.74-.4-1.39-1-1.73V9.41l2.07%202.09c-.07.15-.07.32-.07.5a2%202%200%200%200%202%202a2%202%200%200%200%202-2a2%202%200%200%200-2-2c-.18%200-.35%200-.5.07L13.93%207.5a1.98%201.98%200%200%200-1.15-2.34c-.43-.16-.88-.2-1.28-.09L9.8%203.38l.79-.78c.78-.79%202.04-.79%202.82%200l7.99%207.99c.79.78.79%202.04%200%202.82l-7.99%207.99c-.78.79-2.04.79-2.82%200L2.6%2013.41c-.79-.78-.79-2.04%200-2.82%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/git.svg?color=%231a73e8&size=48
