github logo icon

5 other variants in Phosphor

The same icon in other sets

Use the github logo icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M203.94 76.16A55.73 55.73 0 0 0 199.46 30a4 4 0 0 0-3.46-2a55.78 55.78 0 0 0-46 24h-28a55.78 55.78 0 0 0-46-24a4 4 0 0 0-3.46 2a55.73 55.73 0 0 0-4.48 46.16A53.8 53.8 0 0 0 60 104v8a52.06 52.06 0 0 0 52 52h1.41A36 36 0 0 0 100 192v12H72a28 28 0 0 1-28-28a36 36 0 0 0-36-36a4 4 0 0 0 0 8a28 28 0 0 1 28 28a36 36 0 0 0 36 36h28v20a4 4 0 0 0 8 0v-40a28 28 0 0 1 56 0v40a4 4 0 0 0 8 0v-40a36 36 0 0 0-13.41-28H160a52.06 52.06 0 0 0 52-52v-8a53.8 53.8 0 0 0-8.06-27.84M204 112a44.05 44.05 0 0 1-44 44h-48a44.05 44.05 0 0 1-44-44v-8a45.76 45.76 0 0 1 7.71-24.89a4 4 0 0 0 .53-3.84a47.82 47.82 0 0 1 2.1-39.21a47.8 47.8 0 0 1 38.12 22.1a4 4 0 0 0 3.37 1.84h32.34a4 4 0 0 0 3.37-1.84a47.8 47.8 0 0 1 38.12-22.1a47.82 47.82 0 0 1 2.1 39.21a4 4 0 0 0 .53 3.83A45.85 45.85 0 0 1 204 104Z"/></svg>

import type { SVGProps } from "react";

export function PhGithubLogoThin(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="M203.94 76.16A55.73 55.73 0 0 0 199.46 30a4 4 0 0 0-3.46-2a55.78 55.78 0 0 0-46 24h-28a55.78 55.78 0 0 0-46-24a4 4 0 0 0-3.46 2a55.73 55.73 0 0 0-4.48 46.16A53.8 53.8 0 0 0 60 104v8a52.06 52.06 0 0 0 52 52h1.41A36 36 0 0 0 100 192v12H72a28 28 0 0 1-28-28a36 36 0 0 0-36-36a4 4 0 0 0 0 8a28 28 0 0 1 28 28a36 36 0 0 0 36 36h28v20a4 4 0 0 0 8 0v-40a28 28 0 0 1 56 0v40a4 4 0 0 0 8 0v-40a36 36 0 0 0-13.41-28H160a52.06 52.06 0 0 0 52-52v-8a53.8 53.8 0 0 0-8.06-27.84M204 112a44.05 44.05 0 0 1-44 44h-48a44.05 44.05 0 0 1-44-44v-8a45.76 45.76 0 0 1 7.71-24.89a4 4 0 0 0 .53-3.84a47.82 47.82 0 0 1 2.1-39.21a47.8 47.8 0 0 1 38.12 22.1a4 4 0 0 0 3.37 1.84h32.34a4 4 0 0 0 3.37-1.84a47.8 47.8 0 0 1 38.12-22.1a47.82 47.82 0 0 1 2.1 39.21a4 4 0 0 0 .53 3.83A45.85 45.85 0 0 1 204 104Z"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M203.94 76.16A55.73 55.73 0 0 0 199.46 30a4 4 0 0 0-3.46-2a55.78 55.78 0 0 0-46 24h-28a55.78 55.78 0 0 0-46-24a4 4 0 0 0-3.46 2a55.73 55.73 0 0 0-4.48 46.16A53.8 53.8 0 0 0 60 104v8a52.06 52.06 0 0 0 52 52h1.41A36 36 0 0 0 100 192v12H72a28 28 0 0 1-28-28a36 36 0 0 0-36-36a4 4 0 0 0 0 8a28 28 0 0 1 28 28a36 36 0 0 0 36 36h28v20a4 4 0 0 0 8 0v-40a28 28 0 0 1 56 0v40a4 4 0 0 0 8 0v-40a36 36 0 0 0-13.41-28H160a52.06 52.06 0 0 0 52-52v-8a53.8 53.8 0 0 0-8.06-27.84M204 112a44.05 44.05 0 0 1-44 44h-48a44.05 44.05 0 0 1-44-44v-8a45.76 45.76 0 0 1 7.71-24.89a4 4 0 0 0 .53-3.84a47.82 47.82 0 0 1 2.1-39.21a47.8 47.8 0 0 1 38.12 22.1a4 4 0 0 0 3.37 1.84h32.34a4 4 0 0 0 3.37-1.84a47.8 47.8 0 0 1 38.12-22.1a47.82 47.82 0 0 1 2.1 39.21a4 4 0 0 0 .53 3.83A45.85 45.85 0 0 1 204 104Z"/></svg>
</template>

.icon-github-logo-thin {
  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%22M203.94%2076.16A55.73%2055.73%200%200%200%20199.46%2030a4%204%200%200%200-3.46-2a55.78%2055.78%200%200%200-46%2024h-28a55.78%2055.78%200%200%200-46-24a4%204%200%200%200-3.46%202a55.73%2055.73%200%200%200-4.48%2046.16A53.8%2053.8%200%200%200%2060%20104v8a52.06%2052.06%200%200%200%2052%2052h1.41A36%2036%200%200%200%20100%20192v12H72a28%2028%200%200%201-28-28a36%2036%200%200%200-36-36a4%204%200%200%200%200%208a28%2028%200%200%201%2028%2028a36%2036%200%200%200%2036%2036h28v20a4%204%200%200%200%208%200v-40a28%2028%200%200%201%2056%200v40a4%204%200%200%200%208%200v-40a36%2036%200%200%200-13.41-28H160a52.06%2052.06%200%200%200%2052-52v-8a53.8%2053.8%200%200%200-8.06-27.84M204%20112a44.05%2044.05%200%200%201-44%2044h-48a44.05%2044.05%200%200%201-44-44v-8a45.76%2045.76%200%200%201%207.71-24.89a4%204%200%200%200%20.53-3.84a47.82%2047.82%200%200%201%202.1-39.21a47.8%2047.8%200%200%201%2038.12%2022.1a4%204%200%200%200%203.37%201.84h32.34a4%204%200%200%200%203.37-1.84a47.8%2047.8%200%200%201%2038.12-22.1a47.82%2047.82%200%200%201%202.1%2039.21a4%204%200%200%200%20.53%203.83A45.85%2045.85%200%200%201%20204%20104Z%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%22M203.94%2076.16A55.73%2055.73%200%200%200%20199.46%2030a4%204%200%200%200-3.46-2a55.78%2055.78%200%200%200-46%2024h-28a55.78%2055.78%200%200%200-46-24a4%204%200%200%200-3.46%202a55.73%2055.73%200%200%200-4.48%2046.16A53.8%2053.8%200%200%200%2060%20104v8a52.06%2052.06%200%200%200%2052%2052h1.41A36%2036%200%200%200%20100%20192v12H72a28%2028%200%200%201-28-28a36%2036%200%200%200-36-36a4%204%200%200%200%200%208a28%2028%200%200%201%2028%2028a36%2036%200%200%200%2036%2036h28v20a4%204%200%200%200%208%200v-40a28%2028%200%200%201%2056%200v40a4%204%200%200%200%208%200v-40a36%2036%200%200%200-13.41-28H160a52.06%2052.06%200%200%200%2052-52v-8a53.8%2053.8%200%200%200-8.06-27.84M204%20112a44.05%2044.05%200%200%201-44%2044h-48a44.05%2044.05%200%200%201-44-44v-8a45.76%2045.76%200%200%201%207.71-24.89a4%204%200%200%200%20.53-3.84a47.82%2047.82%200%200%201%202.1-39.21a47.8%2047.8%200%200%201%2038.12%2022.1a4%204%200%200%200%203.37%201.84h32.34a4%204%200%200%200%203.37-1.84a47.8%2047.8%200%200%201%2038.12-22.1a47.82%2047.82%200%200%201%202.1%2039.21a4%204%200%200%200%20.53%203.83A45.85%2045.85%200%200%201%20204%20104Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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