github icon
github from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.
- Name
- github
- Set
- Codicons
- Style
- Regular
- Viewbox
- 24×25
- License
- CC BY 4.0
The same icon in other sets
github-fillAkar Iconsgithub-filledAnt Design IconsgithubBootstrap IconsgithubBoxicons BrandsgithubCoreUI BrandsgithubDevicongithub-fillEva IconsgithubFont Awesome 6 BrandsgithubFont Awesome BrandsgithubFeather Iconsgithub-solidFlowbite IconsgithubHuge IconsgithubIconParkgithubIconPark OutlinegithubIconoirgithubJam IconsgithubLine AwesomegithubMaterial Line IconsgithubSVG LogosgithubLucidegithubMage IconsgithubMaterial Design Iconsgithub-fillMingCute IcongithubMyna UI Icons
Related icons in Codicons
Use the github icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 25"><path fill="currentColor" d="M12 .568a12 12 0 1 0 0 24a12 12 0 0 0 0-24m3.163 21.783h-.093a.52.52 0 0 1-.382-.14a.52.52 0 0 1-.14-.372v-1.406q.01-.702.01-1.416a3.7 3.7 0 0 0-.151-1.029a1.83 1.83 0 0 0-.542-.874a8 8 0 0 0 2.038-.471a4.05 4.05 0 0 0 1.466-.964a3.84 3.84 0 0 0 .885-1.507a6.8 6.8 0 0 0 .3-2.129a4.1 4.1 0 0 0-.26-1.476a3.9 3.9 0 0 0-.795-1.284q.113-.283.162-.583a3.6 3.6 0 0 0-.04-1.376a5 5 0 0 0-.221-.763a.3.3 0 0 0-.111-.02h-.11a2.3 2.3 0 0 0-.674.11q-.36.106-.703.261a7 7 0 0 0-.661.343q-.322.192-.573.362a9.6 9.6 0 0 0-5.143 0a14 14 0 0 0-.572-.362a6 6 0 0 0-.672-.343a4.5 4.5 0 0 0-.705-.26a2.2 2.2 0 0 0-.662-.112h-.11a.3.3 0 0 0-.11.02a6 6 0 0 0-.23.764a3.8 3.8 0 0 0-.081.773q0 .304.051.603q.05.3.16.583a3.9 3.9 0 0 0-.792 1.284a4.1 4.1 0 0 0-.263 1.476a6.9 6.9 0 0 0 .292 2.119c.181.564.483 1.082.884 1.517c.415.422.915.75 1.466.964c.653.25 1.337.41 2.033.476a1.8 1.8 0 0 0-.452.633a3 3 0 0 0-.2.744a2.75 2.75 0 0 1-1.175.27a1.8 1.8 0 0 1-1.065-.301a2.9 2.9 0 0 1-.752-.823a3 3 0 0 0-.292-.382a2.7 2.7 0 0 0-.372-.343q-.2-.15-.432-.24a1.2 1.2 0 0 0-.481-.101q-.06 0-.12.01a.7.7 0 0 0-.162.02a.4.4 0 0 0-.13.06a.12.12 0 0 0-.06.1a.33.33 0 0 0 .14.242q.14.111.232.171l.03.02q.2.156.382.333q.169.148.3.331q.136.178.231.38q.11.202.231.464c.188.473.522.874.954 1.145c.453.243.961.364 1.476.351q.262 0 .522-.03q.258-.041.515-.091v1.743a.5.5 0 0 1-.533.521h-.062a10.285 10.285 0 1 1 6.324 0z"/></svg>
React
import type { SVGProps } from "react";
export function CodiconGithub(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 25"><path fill="currentColor" d="M12 .568a12 12 0 1 0 0 24a12 12 0 0 0 0-24m3.163 21.783h-.093a.52.52 0 0 1-.382-.14a.52.52 0 0 1-.14-.372v-1.406q.01-.702.01-1.416a3.7 3.7 0 0 0-.151-1.029a1.83 1.83 0 0 0-.542-.874a8 8 0 0 0 2.038-.471a4.05 4.05 0 0 0 1.466-.964a3.84 3.84 0 0 0 .885-1.507a6.8 6.8 0 0 0 .3-2.129a4.1 4.1 0 0 0-.26-1.476a3.9 3.9 0 0 0-.795-1.284q.113-.283.162-.583a3.6 3.6 0 0 0-.04-1.376a5 5 0 0 0-.221-.763a.3.3 0 0 0-.111-.02h-.11a2.3 2.3 0 0 0-.674.11q-.36.106-.703.261a7 7 0 0 0-.661.343q-.322.192-.573.362a9.6 9.6 0 0 0-5.143 0a14 14 0 0 0-.572-.362a6 6 0 0 0-.672-.343a4.5 4.5 0 0 0-.705-.26a2.2 2.2 0 0 0-.662-.112h-.11a.3.3 0 0 0-.11.02a6 6 0 0 0-.23.764a3.8 3.8 0 0 0-.081.773q0 .304.051.603q.05.3.16.583a3.9 3.9 0 0 0-.792 1.284a4.1 4.1 0 0 0-.263 1.476a6.9 6.9 0 0 0 .292 2.119c.181.564.483 1.082.884 1.517c.415.422.915.75 1.466.964c.653.25 1.337.41 2.033.476a1.8 1.8 0 0 0-.452.633a3 3 0 0 0-.2.744a2.75 2.75 0 0 1-1.175.27a1.8 1.8 0 0 1-1.065-.301a2.9 2.9 0 0 1-.752-.823a3 3 0 0 0-.292-.382a2.7 2.7 0 0 0-.372-.343q-.2-.15-.432-.24a1.2 1.2 0 0 0-.481-.101q-.06 0-.12.01a.7.7 0 0 0-.162.02a.4.4 0 0 0-.13.06a.12.12 0 0 0-.06.1a.33.33 0 0 0 .14.242q.14.111.232.171l.03.02q.2.156.382.333q.169.148.3.331q.136.178.231.38q.11.202.231.464c.188.473.522.874.954 1.145c.453.243.961.364 1.476.351q.262 0 .522-.03q.258-.041.515-.091v1.743a.5.5 0 0 1-.533.521h-.062a10.285 10.285 0 1 1 6.324 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 25"><path fill="currentColor" d="M12 .568a12 12 0 1 0 0 24a12 12 0 0 0 0-24m3.163 21.783h-.093a.52.52 0 0 1-.382-.14a.52.52 0 0 1-.14-.372v-1.406q.01-.702.01-1.416a3.7 3.7 0 0 0-.151-1.029a1.83 1.83 0 0 0-.542-.874a8 8 0 0 0 2.038-.471a4.05 4.05 0 0 0 1.466-.964a3.84 3.84 0 0 0 .885-1.507a6.8 6.8 0 0 0 .3-2.129a4.1 4.1 0 0 0-.26-1.476a3.9 3.9 0 0 0-.795-1.284q.113-.283.162-.583a3.6 3.6 0 0 0-.04-1.376a5 5 0 0 0-.221-.763a.3.3 0 0 0-.111-.02h-.11a2.3 2.3 0 0 0-.674.11q-.36.106-.703.261a7 7 0 0 0-.661.343q-.322.192-.573.362a9.6 9.6 0 0 0-5.143 0a14 14 0 0 0-.572-.362a6 6 0 0 0-.672-.343a4.5 4.5 0 0 0-.705-.26a2.2 2.2 0 0 0-.662-.112h-.11a.3.3 0 0 0-.11.02a6 6 0 0 0-.23.764a3.8 3.8 0 0 0-.081.773q0 .304.051.603q.05.3.16.583a3.9 3.9 0 0 0-.792 1.284a4.1 4.1 0 0 0-.263 1.476a6.9 6.9 0 0 0 .292 2.119c.181.564.483 1.082.884 1.517c.415.422.915.75 1.466.964c.653.25 1.337.41 2.033.476a1.8 1.8 0 0 0-.452.633a3 3 0 0 0-.2.744a2.75 2.75 0 0 1-1.175.27a1.8 1.8 0 0 1-1.065-.301a2.9 2.9 0 0 1-.752-.823a3 3 0 0 0-.292-.382a2.7 2.7 0 0 0-.372-.343q-.2-.15-.432-.24a1.2 1.2 0 0 0-.481-.101q-.06 0-.12.01a.7.7 0 0 0-.162.02a.4.4 0 0 0-.13.06a.12.12 0 0 0-.06.1a.33.33 0 0 0 .14.242q.14.111.232.171l.03.02q.2.156.382.333q.169.148.3.331q.136.178.231.38q.11.202.231.464c.188.473.522.874.954 1.145c.453.243.961.364 1.476.351q.262 0 .522-.03q.258-.041.515-.091v1.743a.5.5 0 0 1-.533.521h-.062a10.285 10.285 0 1 1 6.324 0z"/></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%2024%2025%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%20.568a12%2012%200%201%200%200%2024a12%2012%200%200%200%200-24m3.163%2021.783h-.093a.52.52%200%200%201-.382-.14a.52.52%200%200%201-.14-.372v-1.406q.01-.702.01-1.416a3.7%203.7%200%200%200-.151-1.029a1.83%201.83%200%200%200-.542-.874a8%208%200%200%200%202.038-.471a4.05%204.05%200%200%200%201.466-.964a3.84%203.84%200%200%200%20.885-1.507a6.8%206.8%200%200%200%20.3-2.129a4.1%204.1%200%200%200-.26-1.476a3.9%203.9%200%200%200-.795-1.284q.113-.283.162-.583a3.6%203.6%200%200%200-.04-1.376a5%205%200%200%200-.221-.763a.3.3%200%200%200-.111-.02h-.11a2.3%202.3%200%200%200-.674.11q-.36.106-.703.261a7%207%200%200%200-.661.343q-.322.192-.573.362a9.6%209.6%200%200%200-5.143%200a14%2014%200%200%200-.572-.362a6%206%200%200%200-.672-.343a4.5%204.5%200%200%200-.705-.26a2.2%202.2%200%200%200-.662-.112h-.11a.3.3%200%200%200-.11.02a6%206%200%200%200-.23.764a3.8%203.8%200%200%200-.081.773q0%20.304.051.603q.05.3.16.583a3.9%203.9%200%200%200-.792%201.284a4.1%204.1%200%200%200-.263%201.476a6.9%206.9%200%200%200%20.292%202.119c.181.564.483%201.082.884%201.517c.415.422.915.75%201.466.964c.653.25%201.337.41%202.033.476a1.8%201.8%200%200%200-.452.633a3%203%200%200%200-.2.744a2.75%202.75%200%200%201-1.175.27a1.8%201.8%200%200%201-1.065-.301a2.9%202.9%200%200%201-.752-.823a3%203%200%200%200-.292-.382a2.7%202.7%200%200%200-.372-.343q-.2-.15-.432-.24a1.2%201.2%200%200%200-.481-.101q-.06%200-.12.01a.7.7%200%200%200-.162.02a.4.4%200%200%200-.13.06a.12.12%200%200%200-.06.1a.33.33%200%200%200%20.14.242q.14.111.232.171l.03.02q.2.156.382.333q.169.148.3.331q.136.178.231.38q.11.202.231.464c.188.473.522.874.954%201.145c.453.243.961.364%201.476.351q.262%200%20.522-.03q.258-.041.515-.091v1.743a.5.5%200%200%201-.533.521h-.062a10.285%2010.285%200%201%201%206.324%200z%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%2024%2025%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%20.568a12%2012%200%201%200%200%2024a12%2012%200%200%200%200-24m3.163%2021.783h-.093a.52.52%200%200%201-.382-.14a.52.52%200%200%201-.14-.372v-1.406q.01-.702.01-1.416a3.7%203.7%200%200%200-.151-1.029a1.83%201.83%200%200%200-.542-.874a8%208%200%200%200%202.038-.471a4.05%204.05%200%200%200%201.466-.964a3.84%203.84%200%200%200%20.885-1.507a6.8%206.8%200%200%200%20.3-2.129a4.1%204.1%200%200%200-.26-1.476a3.9%203.9%200%200%200-.795-1.284q.113-.283.162-.583a3.6%203.6%200%200%200-.04-1.376a5%205%200%200%200-.221-.763a.3.3%200%200%200-.111-.02h-.11a2.3%202.3%200%200%200-.674.11q-.36.106-.703.261a7%207%200%200%200-.661.343q-.322.192-.573.362a9.6%209.6%200%200%200-5.143%200a14%2014%200%200%200-.572-.362a6%206%200%200%200-.672-.343a4.5%204.5%200%200%200-.705-.26a2.2%202.2%200%200%200-.662-.112h-.11a.3.3%200%200%200-.11.02a6%206%200%200%200-.23.764a3.8%203.8%200%200%200-.081.773q0%20.304.051.603q.05.3.16.583a3.9%203.9%200%200%200-.792%201.284a4.1%204.1%200%200%200-.263%201.476a6.9%206.9%200%200%200%20.292%202.119c.181.564.483%201.082.884%201.517c.415.422.915.75%201.466.964c.653.25%201.337.41%202.033.476a1.8%201.8%200%200%200-.452.633a3%203%200%200%200-.2.744a2.75%202.75%200%200%201-1.175.27a1.8%201.8%200%200%201-1.065-.301a2.9%202.9%200%200%201-.752-.823a3%203%200%200%200-.292-.382a2.7%202.7%200%200%200-.372-.343q-.2-.15-.432-.24a1.2%201.2%200%200%200-.481-.101q-.06%200-.12.01a.7.7%200%200%200-.162.02a.4.4%200%200%200-.13.06a.12.12%200%200%200-.06.1a.33.33%200%200%200%20.14.242q.14.111.232.171l.03.02q.2.156.382.333q.169.148.3.331q.136.178.231.38q.11.202.231.464c.188.473.522.874.954%201.145c.453.243.961.364%201.476.351q.262%200%20.522-.03q.258-.041.515-.091v1.743a.5.5%200%200%201-.533.521h-.062a10.285%2010.285%200%201%201%206.324%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/codicon/github.svg?color=%231a73e8&size=48
