github logo

github from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name
github
Set
Font Awesome Brands
Style
Brand
Viewbox
640×640
License
CC BY 4.0

The same logo in other sets

github-fillAkar Iconsgithub-filledAnt Design IconsgithubBootstrap IconsgithubBoxicons BrandsgithubCoreUI BrandsgithubCodiconsgithubDevicongithub-fillEva IconsgithubFont Awesome 6 BrandsgithubFeather Iconsgithub-solidFlowbite IconsgithubHuge IconsgithubIconParkgithubIconPark OutlinegithubIconoirgithubJam IconsgithubLine AwesomegithubMaterial Line IconsgithubSVG LogosgithubLucidegithubMage IconsgithubMaterial Design Iconsgithub-fillMingCute IcongithubMyna UI Icons

Related icons in Font Awesome Brands

github-altgithub-square

Use the github logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M280.5 426.5c-66-8-112.5-55.5-112.5-117c0-25 9-52 24-70c-6.5-16.5-5.5-51.5 2-66c20-2.5 47 8 63 22.5c19-6 39-9 63.5-9s44.5 3 62.5 8.5c15.5-14 43-24.5 63-22c7 13.5 8 48.5 1.5 65.5c16 19 24.5 44.5 24.5 70.5c0 61.5-46.5 108-113.5 116.5c17 11 28.5 35 28.5 62.5v52c0 15 12.5 23.5 27.5 17.5C505 523.5 576 433 576 321c0-141.5-115-257-256.5-257S64 179.5 64 321c0 111 70.5 203 165.5 237.5c13.5 5 26.5-4 26.5-17.5v-40c-7 3-16 5-24 5c-33 0-52.5-18-66.5-51.5c-5.5-13.5-11.5-21.5-23-23c-6-.5-8-3-8-6c0-6 10-10.5 20-10.5c14.5 0 27 9 40 27.5c10 14.5 20.5 21 33 21s20.5-4.5 32-16c8.5-8.5 15-16 21-21"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsGithub(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M280.5 426.5c-66-8-112.5-55.5-112.5-117c0-25 9-52 24-70c-6.5-16.5-5.5-51.5 2-66c20-2.5 47 8 63 22.5c19-6 39-9 63.5-9s44.5 3 62.5 8.5c15.5-14 43-24.5 63-22c7 13.5 8 48.5 1.5 65.5c16 19 24.5 44.5 24.5 70.5c0 61.5-46.5 108-113.5 116.5c17 11 28.5 35 28.5 62.5v52c0 15 12.5 23.5 27.5 17.5C505 523.5 576 433 576 321c0-141.5-115-257-256.5-257S64 179.5 64 321c0 111 70.5 203 165.5 237.5c13.5 5 26.5-4 26.5-17.5v-40c-7 3-16 5-24 5c-33 0-52.5-18-66.5-51.5c-5.5-13.5-11.5-21.5-23-23c-6-.5-8-3-8-6c0-6 10-10.5 20-10.5c14.5 0 27 9 40 27.5c10 14.5 20.5 21 33 21s20.5-4.5 32-16c8.5-8.5 15-16 21-21"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M280.5 426.5c-66-8-112.5-55.5-112.5-117c0-25 9-52 24-70c-6.5-16.5-5.5-51.5 2-66c20-2.5 47 8 63 22.5c19-6 39-9 63.5-9s44.5 3 62.5 8.5c15.5-14 43-24.5 63-22c7 13.5 8 48.5 1.5 65.5c16 19 24.5 44.5 24.5 70.5c0 61.5-46.5 108-113.5 116.5c17 11 28.5 35 28.5 62.5v52c0 15 12.5 23.5 27.5 17.5C505 523.5 576 433 576 321c0-141.5-115-257-256.5-257S64 179.5 64 321c0 111 70.5 203 165.5 237.5c13.5 5 26.5-4 26.5-17.5v-40c-7 3-16 5-24 5c-33 0-52.5-18-66.5-51.5c-5.5-13.5-11.5-21.5-23-23c-6-.5-8-3-8-6c0-6 10-10.5 20-10.5c14.5 0 27 9 40 27.5c10 14.5 20.5 21 33 21s20.5-4.5 32-16c8.5-8.5 15-16 21-21"/></svg>
</template>

CSS

.icon-github {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M280.5%20426.5c-66-8-112.5-55.5-112.5-117c0-25%209-52%2024-70c-6.5-16.5-5.5-51.5%202-66c20-2.5%2047%208%2063%2022.5c19-6%2039-9%2063.5-9s44.5%203%2062.5%208.5c15.5-14%2043-24.5%2063-22c7%2013.5%208%2048.5%201.5%2065.5c16%2019%2024.5%2044.5%2024.5%2070.5c0%2061.5-46.5%20108-113.5%20116.5c17%2011%2028.5%2035%2028.5%2062.5v52c0%2015%2012.5%2023.5%2027.5%2017.5C505%20523.5%20576%20433%20576%20321c0-141.5-115-257-256.5-257S64%20179.5%2064%20321c0%20111%2070.5%20203%20165.5%20237.5c13.5%205%2026.5-4%2026.5-17.5v-40c-7%203-16%205-24%205c-33%200-52.5-18-66.5-51.5c-5.5-13.5-11.5-21.5-23-23c-6-.5-8-3-8-6c0-6%2010-10.5%2020-10.5c14.5%200%2027%209%2040%2027.5c10%2014.5%2020.5%2021%2033%2021s20.5-4.5%2032-16c8.5-8.5%2015-16%2021-21%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M280.5%20426.5c-66-8-112.5-55.5-112.5-117c0-25%209-52%2024-70c-6.5-16.5-5.5-51.5%202-66c20-2.5%2047%208%2063%2022.5c19-6%2039-9%2063.5-9s44.5%203%2062.5%208.5c15.5-14%2043-24.5%2063-22c7%2013.5%208%2048.5%201.5%2065.5c16%2019%2024.5%2044.5%2024.5%2070.5c0%2061.5-46.5%20108-113.5%20116.5c17%2011%2028.5%2035%2028.5%2062.5v52c0%2015%2012.5%2023.5%2027.5%2017.5C505%20523.5%20576%20433%20576%20321c0-141.5-115-257-256.5-257S64%20179.5%2064%20321c0%20111%2070.5%20203%20165.5%20237.5c13.5%205%2026.5-4%2026.5-17.5v-40c-7%203-16%205-24%205c-33%200-52.5-18-66.5-51.5c-5.5-13.5-11.5-21.5-23-23c-6-.5-8-3-8-6c0-6%2010-10.5%2020-10.5c14.5%200%2027%209%2040%2027.5c10%2014.5%2020.5%2021%2033%2021s20.5-4.5%2032-16c8.5-8.5%2015-16%2021-21%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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