git icon logo

git-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
git-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the git icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#de4c36" d="M251.172 116.594L139.4 4.828c-6.433-6.437-16.873-6.437-23.314 0l-23.21 23.21l29.443 29.443c6.842-2.312 14.688-.761 20.142 4.693c5.48 5.489 7.02 13.402 4.652 20.266l28.375 28.376c6.865-2.365 14.786-.835 20.269 4.657c7.663 7.66 7.663 20.075 0 27.74c-7.665 7.666-20.08 7.666-27.749 0c-5.764-5.77-7.188-14.235-4.27-21.336l-26.462-26.462l-.003 69.637a19.8 19.8 0 0 1 5.188 3.71c7.663 7.66 7.663 20.076 0 27.747c-7.665 7.662-20.086 7.662-27.74 0c-7.663-7.671-7.663-20.086 0-27.746a19.7 19.7 0 0 1 6.421-4.281V94.196a19.4 19.4 0 0 1-6.421-4.281c-5.806-5.798-7.202-14.317-4.227-21.446L81.47 39.442L4.83 116.077c-6.44 6.443-6.44 16.884 0 23.322l111.774 111.768c6.435 6.438 16.873 6.438 23.316 0l111.251-111.249c6.438-6.44 6.438-16.887 0-23.324"/></svg>

React

import type { SVGProps } from "react";

export function LogosGitIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#de4c36" d="M251.172 116.594L139.4 4.828c-6.433-6.437-16.873-6.437-23.314 0l-23.21 23.21l29.443 29.443c6.842-2.312 14.688-.761 20.142 4.693c5.48 5.489 7.02 13.402 4.652 20.266l28.375 28.376c6.865-2.365 14.786-.835 20.269 4.657c7.663 7.66 7.663 20.075 0 27.74c-7.665 7.666-20.08 7.666-27.749 0c-5.764-5.77-7.188-14.235-4.27-21.336l-26.462-26.462l-.003 69.637a19.8 19.8 0 0 1 5.188 3.71c7.663 7.66 7.663 20.076 0 27.747c-7.665 7.662-20.086 7.662-27.74 0c-7.663-7.671-7.663-20.086 0-27.746a19.7 19.7 0 0 1 6.421-4.281V94.196a19.4 19.4 0 0 1-6.421-4.281c-5.806-5.798-7.202-14.317-4.227-21.446L81.47 39.442L4.83 116.077c-6.44 6.443-6.44 16.884 0 23.322l111.774 111.768c6.435 6.438 16.873 6.438 23.316 0l111.251-111.249c6.438-6.44 6.438-16.887 0-23.324"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#de4c36" d="M251.172 116.594L139.4 4.828c-6.433-6.437-16.873-6.437-23.314 0l-23.21 23.21l29.443 29.443c6.842-2.312 14.688-.761 20.142 4.693c5.48 5.489 7.02 13.402 4.652 20.266l28.375 28.376c6.865-2.365 14.786-.835 20.269 4.657c7.663 7.66 7.663 20.075 0 27.74c-7.665 7.666-20.08 7.666-27.749 0c-5.764-5.77-7.188-14.235-4.27-21.336l-26.462-26.462l-.003 69.637a19.8 19.8 0 0 1 5.188 3.71c7.663 7.66 7.663 20.076 0 27.747c-7.665 7.662-20.086 7.662-27.74 0c-7.663-7.671-7.663-20.086 0-27.746a19.7 19.7 0 0 1 6.421-4.281V94.196a19.4 19.4 0 0 1-6.421-4.281c-5.806-5.798-7.202-14.317-4.227-21.446L81.47 39.442L4.83 116.077c-6.44 6.443-6.44 16.884 0 23.322l111.774 111.768c6.435 6.438 16.873 6.438 23.316 0l111.251-111.249c6.438-6.44 6.438-16.887 0-23.324"/></svg>
</template>

CSS

.icon-git-icon {
  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%22%23de4c36%22%20d%3D%22M251.172%20116.594L139.4%204.828c-6.433-6.437-16.873-6.437-23.314%200l-23.21%2023.21l29.443%2029.443c6.842-2.312%2014.688-.761%2020.142%204.693c5.48%205.489%207.02%2013.402%204.652%2020.266l28.375%2028.376c6.865-2.365%2014.786-.835%2020.269%204.657c7.663%207.66%207.663%2020.075%200%2027.74c-7.665%207.666-20.08%207.666-27.749%200c-5.764-5.77-7.188-14.235-4.27-21.336l-26.462-26.462l-.003%2069.637a19.8%2019.8%200%200%201%205.188%203.71c7.663%207.66%207.663%2020.076%200%2027.747c-7.665%207.662-20.086%207.662-27.74%200c-7.663-7.671-7.663-20.086%200-27.746a19.7%2019.7%200%200%201%206.421-4.281V94.196a19.4%2019.4%200%200%201-6.421-4.281c-5.806-5.798-7.202-14.317-4.227-21.446L81.47%2039.442L4.83%20116.077c-6.44%206.443-6.44%2016.884%200%2023.322l111.774%20111.768c6.435%206.438%2016.873%206.438%2023.316%200l111.251-111.249c6.438-6.44%206.438-16.887%200-23.324%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%22%23de4c36%22%20d%3D%22M251.172%20116.594L139.4%204.828c-6.433-6.437-16.873-6.437-23.314%200l-23.21%2023.21l29.443%2029.443c6.842-2.312%2014.688-.761%2020.142%204.693c5.48%205.489%207.02%2013.402%204.652%2020.266l28.375%2028.376c6.865-2.365%2014.786-.835%2020.269%204.657c7.663%207.66%207.663%2020.075%200%2027.74c-7.665%207.666-20.08%207.666-27.749%200c-5.764-5.77-7.188-14.235-4.27-21.336l-26.462-26.462l-.003%2069.637a19.8%2019.8%200%200%201%205.188%203.71c7.663%207.66%207.663%2020.076%200%2027.747c-7.665%207.662-20.086%207.662-27.74%200c-7.663-7.671-7.663-20.086%200-27.746a19.7%2019.7%200%200%201%206.421-4.281V94.196a19.4%2019.4%200%200%201-6.421-4.281c-5.806-5.798-7.202-14.317-4.227-21.446L81.47%2039.442L4.83%20116.077c-6.44%206.443-6.44%2016.884%200%2023.322l111.774%20111.768c6.435%206.438%2016.873%206.438%2023.316%200l111.251-111.249c6.438-6.44%206.438-16.887%200-23.324%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/git-icon.svg?color=%231a73e8&size=48