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="M212.62 75.17A63.7 63.7 0 0 0 206.39 26A12 12 0 0 0 196 20a63.71 63.71 0 0 0-50 24h-20a63.71 63.71 0 0 0-50-24a12 12 0 0 0-10.39 6a63.7 63.7 0 0 0-6.23 49.17A61.5 61.5 0 0 0 52 104v8a60.1 60.1 0 0 0 45.76 58.28A43.66 43.66 0 0 0 92 192v4H76a20 20 0 0 1-20-20a44.05 44.05 0 0 0-44-44a12 12 0 0 0 0 24a20 20 0 0 1 20 20a44.05 44.05 0 0 0 44 44h16v12a12 12 0 0 0 24 0v-40a20 20 0 0 1 40 0v40a12 12 0 0 0 24 0v-40a43.66 43.66 0 0 0-5.76-21.72A60.1 60.1 0 0 0 220 112v-8a61.5 61.5 0 0 0-7.38-28.83M196 112a36 36 0 0 1-36 36h-48a36 36 0 0 1-36-36v-8a37.87 37.87 0 0 1 6.13-20.12a11.65 11.65 0 0 0 1.58-11.49a39.9 39.9 0 0 1-.4-27.72a39.87 39.87 0 0 1 26.41 17.8a12 12 0 0 0 10.1 5.53h32.35a12 12 0 0 0 10.11-5.53a39.84 39.84 0 0 1 26.41-17.8a39.9 39.9 0 0 1-.4 27.72a12 12 0 0 0 1.61 11.53A37.85 37.85 0 0 1 196 104Z"/></svg>

import type { SVGProps } from "react";

export function PhGithubLogoBold(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="M212.62 75.17A63.7 63.7 0 0 0 206.39 26A12 12 0 0 0 196 20a63.71 63.71 0 0 0-50 24h-20a63.71 63.71 0 0 0-50-24a12 12 0 0 0-10.39 6a63.7 63.7 0 0 0-6.23 49.17A61.5 61.5 0 0 0 52 104v8a60.1 60.1 0 0 0 45.76 58.28A43.66 43.66 0 0 0 92 192v4H76a20 20 0 0 1-20-20a44.05 44.05 0 0 0-44-44a12 12 0 0 0 0 24a20 20 0 0 1 20 20a44.05 44.05 0 0 0 44 44h16v12a12 12 0 0 0 24 0v-40a20 20 0 0 1 40 0v40a12 12 0 0 0 24 0v-40a43.66 43.66 0 0 0-5.76-21.72A60.1 60.1 0 0 0 220 112v-8a61.5 61.5 0 0 0-7.38-28.83M196 112a36 36 0 0 1-36 36h-48a36 36 0 0 1-36-36v-8a37.87 37.87 0 0 1 6.13-20.12a11.65 11.65 0 0 0 1.58-11.49a39.9 39.9 0 0 1-.4-27.72a39.87 39.87 0 0 1 26.41 17.8a12 12 0 0 0 10.1 5.53h32.35a12 12 0 0 0 10.11-5.53a39.84 39.84 0 0 1 26.41-17.8a39.9 39.9 0 0 1-.4 27.72a12 12 0 0 0 1.61 11.53A37.85 37.85 0 0 1 196 104Z"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M212.62 75.17A63.7 63.7 0 0 0 206.39 26A12 12 0 0 0 196 20a63.71 63.71 0 0 0-50 24h-20a63.71 63.71 0 0 0-50-24a12 12 0 0 0-10.39 6a63.7 63.7 0 0 0-6.23 49.17A61.5 61.5 0 0 0 52 104v8a60.1 60.1 0 0 0 45.76 58.28A43.66 43.66 0 0 0 92 192v4H76a20 20 0 0 1-20-20a44.05 44.05 0 0 0-44-44a12 12 0 0 0 0 24a20 20 0 0 1 20 20a44.05 44.05 0 0 0 44 44h16v12a12 12 0 0 0 24 0v-40a20 20 0 0 1 40 0v40a12 12 0 0 0 24 0v-40a43.66 43.66 0 0 0-5.76-21.72A60.1 60.1 0 0 0 220 112v-8a61.5 61.5 0 0 0-7.38-28.83M196 112a36 36 0 0 1-36 36h-48a36 36 0 0 1-36-36v-8a37.87 37.87 0 0 1 6.13-20.12a11.65 11.65 0 0 0 1.58-11.49a39.9 39.9 0 0 1-.4-27.72a39.87 39.87 0 0 1 26.41 17.8a12 12 0 0 0 10.1 5.53h32.35a12 12 0 0 0 10.11-5.53a39.84 39.84 0 0 1 26.41-17.8a39.9 39.9 0 0 1-.4 27.72a12 12 0 0 0 1.61 11.53A37.85 37.85 0 0 1 196 104Z"/></svg>
</template>

.icon-github-logo-bold {
  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%22M212.62%2075.17A63.7%2063.7%200%200%200%20206.39%2026A12%2012%200%200%200%20196%2020a63.71%2063.71%200%200%200-50%2024h-20a63.71%2063.71%200%200%200-50-24a12%2012%200%200%200-10.39%206a63.7%2063.7%200%200%200-6.23%2049.17A61.5%2061.5%200%200%200%2052%20104v8a60.1%2060.1%200%200%200%2045.76%2058.28A43.66%2043.66%200%200%200%2092%20192v4H76a20%2020%200%200%201-20-20a44.05%2044.05%200%200%200-44-44a12%2012%200%200%200%200%2024a20%2020%200%200%201%2020%2020a44.05%2044.05%200%200%200%2044%2044h16v12a12%2012%200%200%200%2024%200v-40a20%2020%200%200%201%2040%200v40a12%2012%200%200%200%2024%200v-40a43.66%2043.66%200%200%200-5.76-21.72A60.1%2060.1%200%200%200%20220%20112v-8a61.5%2061.5%200%200%200-7.38-28.83M196%20112a36%2036%200%200%201-36%2036h-48a36%2036%200%200%201-36-36v-8a37.87%2037.87%200%200%201%206.13-20.12a11.65%2011.65%200%200%200%201.58-11.49a39.9%2039.9%200%200%201-.4-27.72a39.87%2039.87%200%200%201%2026.41%2017.8a12%2012%200%200%200%2010.1%205.53h32.35a12%2012%200%200%200%2010.11-5.53a39.84%2039.84%200%200%201%2026.41-17.8a39.9%2039.9%200%200%201-.4%2027.72a12%2012%200%200%200%201.61%2011.53A37.85%2037.85%200%200%201%20196%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%22M212.62%2075.17A63.7%2063.7%200%200%200%20206.39%2026A12%2012%200%200%200%20196%2020a63.71%2063.71%200%200%200-50%2024h-20a63.71%2063.71%200%200%200-50-24a12%2012%200%200%200-10.39%206a63.7%2063.7%200%200%200-6.23%2049.17A61.5%2061.5%200%200%200%2052%20104v8a60.1%2060.1%200%200%200%2045.76%2058.28A43.66%2043.66%200%200%200%2092%20192v4H76a20%2020%200%200%201-20-20a44.05%2044.05%200%200%200-44-44a12%2012%200%200%200%200%2024a20%2020%200%200%201%2020%2020a44.05%2044.05%200%200%200%2044%2044h16v12a12%2012%200%200%200%2024%200v-40a20%2020%200%200%201%2040%200v40a12%2012%200%200%200%2024%200v-40a43.66%2043.66%200%200%200-5.76-21.72A60.1%2060.1%200%200%200%20220%20112v-8a61.5%2061.5%200%200%200-7.38-28.83M196%20112a36%2036%200%200%201-36%2036h-48a36%2036%200%200%201-36-36v-8a37.87%2037.87%200%200%201%206.13-20.12a11.65%2011.65%200%200%200%201.58-11.49a39.9%2039.9%200%200%201-.4-27.72a39.87%2039.87%200%200%201%2026.41%2017.8a12%2012%200%200%200%2010.1%205.53h32.35a12%2012%200%200%200%2010.11-5.53a39.84%2039.84%200%200%201%2026.41-17.8a39.9%2039.9%200%200%201-.4%2027.72a12%2012%200%200%200%201.61%2011.53A37.85%2037.85%200%200%201%20196%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-bold.svg?color=%231a73e8&size=48