github logo

github from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.

Name
github
Set
CoreUI Brands
Style
Brand
Viewbox
32×32
License
CC0 1.0

The same logo in other sets

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

Use the github logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 .396c-8.839 0-16 7.167-16 16c0 7.073 4.584 13.068 10.937 15.183c.803.151 1.093-.344 1.093-.772c0-.38-.009-1.385-.015-2.719c-4.453.964-5.391-2.151-5.391-2.151c-.729-1.844-1.781-2.339-1.781-2.339c-1.448-.989.115-.968.115-.968c1.604.109 2.448 1.645 2.448 1.645c1.427 2.448 3.744 1.74 4.661 1.328c.14-1.031.557-1.74 1.011-2.135c-3.552-.401-7.287-1.776-7.287-7.907c0-1.751.62-3.177 1.645-4.297c-.177-.401-.719-2.031.141-4.235c0 0 1.339-.427 4.4 1.641a15.4 15.4 0 0 1 4-.541c1.36.009 2.719.187 4 .541c3.043-2.068 4.381-1.641 4.381-1.641c.859 2.204.317 3.833.161 4.235c1.015 1.12 1.635 2.547 1.635 4.297c0 6.145-3.74 7.5-7.296 7.891c.556.479 1.077 1.464 1.077 2.959c0 2.14-.02 3.864-.02 4.385c0 .416.28.916 1.104.755c6.4-2.093 10.979-8.093 10.979-15.156c0-8.833-7.161-16-16-16z"/></svg>

React

import type { SVGProps } from "react";

export function CibGithub(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 .396c-8.839 0-16 7.167-16 16c0 7.073 4.584 13.068 10.937 15.183c.803.151 1.093-.344 1.093-.772c0-.38-.009-1.385-.015-2.719c-4.453.964-5.391-2.151-5.391-2.151c-.729-1.844-1.781-2.339-1.781-2.339c-1.448-.989.115-.968.115-.968c1.604.109 2.448 1.645 2.448 1.645c1.427 2.448 3.744 1.74 4.661 1.328c.14-1.031.557-1.74 1.011-2.135c-3.552-.401-7.287-1.776-7.287-7.907c0-1.751.62-3.177 1.645-4.297c-.177-.401-.719-2.031.141-4.235c0 0 1.339-.427 4.4 1.641a15.4 15.4 0 0 1 4-.541c1.36.009 2.719.187 4 .541c3.043-2.068 4.381-1.641 4.381-1.641c.859 2.204.317 3.833.161 4.235c1.015 1.12 1.635 2.547 1.635 4.297c0 6.145-3.74 7.5-7.296 7.891c.556.479 1.077 1.464 1.077 2.959c0 2.14-.02 3.864-.02 4.385c0 .416.28.916 1.104.755c6.4-2.093 10.979-8.093 10.979-15.156c0-8.833-7.161-16-16-16z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 .396c-8.839 0-16 7.167-16 16c0 7.073 4.584 13.068 10.937 15.183c.803.151 1.093-.344 1.093-.772c0-.38-.009-1.385-.015-2.719c-4.453.964-5.391-2.151-5.391-2.151c-.729-1.844-1.781-2.339-1.781-2.339c-1.448-.989.115-.968.115-.968c1.604.109 2.448 1.645 2.448 1.645c1.427 2.448 3.744 1.74 4.661 1.328c.14-1.031.557-1.74 1.011-2.135c-3.552-.401-7.287-1.776-7.287-7.907c0-1.751.62-3.177 1.645-4.297c-.177-.401-.719-2.031.141-4.235c0 0 1.339-.427 4.4 1.641a15.4 15.4 0 0 1 4-.541c1.36.009 2.719.187 4 .541c3.043-2.068 4.381-1.641 4.381-1.641c.859 2.204.317 3.833.161 4.235c1.015 1.12 1.635 2.547 1.635 4.297c0 6.145-3.74 7.5-7.296 7.891c.556.479 1.077 1.464 1.077 2.959c0 2.14-.02 3.864-.02 4.385c0 .416.28.916 1.104.755c6.4-2.093 10.979-8.093 10.979-15.156c0-8.833-7.161-16-16-16z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%20.396c-8.839%200-16%207.167-16%2016c0%207.073%204.584%2013.068%2010.937%2015.183c.803.151%201.093-.344%201.093-.772c0-.38-.009-1.385-.015-2.719c-4.453.964-5.391-2.151-5.391-2.151c-.729-1.844-1.781-2.339-1.781-2.339c-1.448-.989.115-.968.115-.968c1.604.109%202.448%201.645%202.448%201.645c1.427%202.448%203.744%201.74%204.661%201.328c.14-1.031.557-1.74%201.011-2.135c-3.552-.401-7.287-1.776-7.287-7.907c0-1.751.62-3.177%201.645-4.297c-.177-.401-.719-2.031.141-4.235c0%200%201.339-.427%204.4%201.641a15.4%2015.4%200%200%201%204-.541c1.36.009%202.719.187%204%20.541c3.043-2.068%204.381-1.641%204.381-1.641c.859%202.204.317%203.833.161%204.235c1.015%201.12%201.635%202.547%201.635%204.297c0%206.145-3.74%207.5-7.296%207.891c.556.479%201.077%201.464%201.077%202.959c0%202.14-.02%203.864-.02%204.385c0%20.416.28.916%201.104.755c6.4-2.093%2010.979-8.093%2010.979-15.156c0-8.833-7.161-16-16-16z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%20.396c-8.839%200-16%207.167-16%2016c0%207.073%204.584%2013.068%2010.937%2015.183c.803.151%201.093-.344%201.093-.772c0-.38-.009-1.385-.015-2.719c-4.453.964-5.391-2.151-5.391-2.151c-.729-1.844-1.781-2.339-1.781-2.339c-1.448-.989.115-.968.115-.968c1.604.109%202.448%201.645%202.448%201.645c1.427%202.448%203.744%201.74%204.661%201.328c.14-1.031.557-1.74%201.011-2.135c-3.552-.401-7.287-1.776-7.287-7.907c0-1.751.62-3.177%201.645-4.297c-.177-.401-.719-2.031.141-4.235c0%200%201.339-.427%204.4%201.641a15.4%2015.4%200%200%201%204-.541c1.36.009%202.719.187%204%20.541c3.043-2.068%204.381-1.641%204.381-1.641c.859%202.204.317%203.833.161%204.235c1.015%201.12%201.635%202.547%201.635%204.297c0%206.145-3.74%207.5-7.296%207.891c.556.479%201.077%201.464%201.077%202.959c0%202.14-.02%203.864-.02%204.385c0%20.416.28.916%201.104.755c6.4-2.093%2010.979-8.093%2010.979-15.156c0-8.833-7.161-16-16-16z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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