github icon
github-outline from Eva Icons by Akveo · Outline · MIT Free for personal and commercial use.
- Name
- github-outline
- Set
- Eva Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
1 other variant in Eva Icons
The same icon in other sets
github-fillAkar Iconsgithub-filledAnt Design IconsgithubBootstrap IconsgithubBoxicons BrandsgithubCoreUI BrandsgithubCodiconsgithubDevicongithubFont 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 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.24 22a1 1 0 0 1-1-1v-2.6a2.15 2.15 0 0 0-.54-1.66a1 1 0 0 1 .61-1.67C17.75 14.78 20 14 20 9.77a4 4 0 0 0-.67-2.22a2.75 2.75 0 0 1-.41-2.06a3.7 3.7 0 0 0 0-1.41a7.7 7.7 0 0 0-2.09 1.09a1 1 0 0 1-.84.15a10.15 10.15 0 0 0-5.52 0a1 1 0 0 1-.84-.15a7.4 7.4 0 0 0-2.11-1.09a3.5 3.5 0 0 0 0 1.41a2.84 2.84 0 0 1-.43 2.08a4.07 4.07 0 0 0-.67 2.23c0 3.89 1.88 4.93 4.7 5.29a1 1 0 0 1 .82.66a1 1 0 0 1-.21 1a2.06 2.06 0 0 0-.55 1.56V21a1 1 0 0 1-2 0v-.57a6 6 0 0 1-5.27-2.09a3.9 3.9 0 0 0-1.16-.88a1 1 0 1 1 .5-1.94a4.9 4.9 0 0 1 2 1.36c1 1 2 1.88 3.9 1.52a3.9 3.9 0 0 1 .23-1.58c-2.06-.52-5-2-5-7a6 6 0 0 1 1-3.33a.85.85 0 0 0 .13-.62a5.7 5.7 0 0 1 .33-3.21a1 1 0 0 1 .63-.57c.34-.1 1.56-.3 3.87 1.2a12.16 12.16 0 0 1 5.69 0c2.31-1.5 3.53-1.31 3.86-1.2a1 1 0 0 1 .63.57a5.7 5.7 0 0 1 .33 3.22a.75.75 0 0 0 .11.57a6 6 0 0 1 1 3.34c0 5.07-2.92 6.54-5 7a4.3 4.3 0 0 1 .22 1.67V21a1 1 0 0 1-.94 1"/></svg>
React
import type { SVGProps } from "react";
export function EvaGithubOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.24 22a1 1 0 0 1-1-1v-2.6a2.15 2.15 0 0 0-.54-1.66a1 1 0 0 1 .61-1.67C17.75 14.78 20 14 20 9.77a4 4 0 0 0-.67-2.22a2.75 2.75 0 0 1-.41-2.06a3.7 3.7 0 0 0 0-1.41a7.7 7.7 0 0 0-2.09 1.09a1 1 0 0 1-.84.15a10.15 10.15 0 0 0-5.52 0a1 1 0 0 1-.84-.15a7.4 7.4 0 0 0-2.11-1.09a3.5 3.5 0 0 0 0 1.41a2.84 2.84 0 0 1-.43 2.08a4.07 4.07 0 0 0-.67 2.23c0 3.89 1.88 4.93 4.7 5.29a1 1 0 0 1 .82.66a1 1 0 0 1-.21 1a2.06 2.06 0 0 0-.55 1.56V21a1 1 0 0 1-2 0v-.57a6 6 0 0 1-5.27-2.09a3.9 3.9 0 0 0-1.16-.88a1 1 0 1 1 .5-1.94a4.9 4.9 0 0 1 2 1.36c1 1 2 1.88 3.9 1.52a3.9 3.9 0 0 1 .23-1.58c-2.06-.52-5-2-5-7a6 6 0 0 1 1-3.33a.85.85 0 0 0 .13-.62a5.7 5.7 0 0 1 .33-3.21a1 1 0 0 1 .63-.57c.34-.1 1.56-.3 3.87 1.2a12.16 12.16 0 0 1 5.69 0c2.31-1.5 3.53-1.31 3.86-1.2a1 1 0 0 1 .63.57a5.7 5.7 0 0 1 .33 3.22a.75.75 0 0 0 .11.57a6 6 0 0 1 1 3.34c0 5.07-2.92 6.54-5 7a4.3 4.3 0 0 1 .22 1.67V21a1 1 0 0 1-.94 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.24 22a1 1 0 0 1-1-1v-2.6a2.15 2.15 0 0 0-.54-1.66a1 1 0 0 1 .61-1.67C17.75 14.78 20 14 20 9.77a4 4 0 0 0-.67-2.22a2.75 2.75 0 0 1-.41-2.06a3.7 3.7 0 0 0 0-1.41a7.7 7.7 0 0 0-2.09 1.09a1 1 0 0 1-.84.15a10.15 10.15 0 0 0-5.52 0a1 1 0 0 1-.84-.15a7.4 7.4 0 0 0-2.11-1.09a3.5 3.5 0 0 0 0 1.41a2.84 2.84 0 0 1-.43 2.08a4.07 4.07 0 0 0-.67 2.23c0 3.89 1.88 4.93 4.7 5.29a1 1 0 0 1 .82.66a1 1 0 0 1-.21 1a2.06 2.06 0 0 0-.55 1.56V21a1 1 0 0 1-2 0v-.57a6 6 0 0 1-5.27-2.09a3.9 3.9 0 0 0-1.16-.88a1 1 0 1 1 .5-1.94a4.9 4.9 0 0 1 2 1.36c1 1 2 1.88 3.9 1.52a3.9 3.9 0 0 1 .23-1.58c-2.06-.52-5-2-5-7a6 6 0 0 1 1-3.33a.85.85 0 0 0 .13-.62a5.7 5.7 0 0 1 .33-3.21a1 1 0 0 1 .63-.57c.34-.1 1.56-.3 3.87 1.2a12.16 12.16 0 0 1 5.69 0c2.31-1.5 3.53-1.31 3.86-1.2a1 1 0 0 1 .63.57a5.7 5.7 0 0 1 .33 3.22a.75.75 0 0 0 .11.57a6 6 0 0 1 1 3.34c0 5.07-2.92 6.54-5 7a4.3 4.3 0 0 1 .22 1.67V21a1 1 0 0 1-.94 1"/></svg> </template>
CSS
.icon-github-outline {
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%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.24%2022a1%201%200%200%201-1-1v-2.6a2.15%202.15%200%200%200-.54-1.66a1%201%200%200%201%20.61-1.67C17.75%2014.78%2020%2014%2020%209.77a4%204%200%200%200-.67-2.22a2.75%202.75%200%200%201-.41-2.06a3.7%203.7%200%200%200%200-1.41a7.7%207.7%200%200%200-2.09%201.09a1%201%200%200%201-.84.15a10.15%2010.15%200%200%200-5.52%200a1%201%200%200%201-.84-.15a7.4%207.4%200%200%200-2.11-1.09a3.5%203.5%200%200%200%200%201.41a2.84%202.84%200%200%201-.43%202.08a4.07%204.07%200%200%200-.67%202.23c0%203.89%201.88%204.93%204.7%205.29a1%201%200%200%201%20.82.66a1%201%200%200%201-.21%201a2.06%202.06%200%200%200-.55%201.56V21a1%201%200%200%201-2%200v-.57a6%206%200%200%201-5.27-2.09a3.9%203.9%200%200%200-1.16-.88a1%201%200%201%201%20.5-1.94a4.9%204.9%200%200%201%202%201.36c1%201%202%201.88%203.9%201.52a3.9%203.9%200%200%201%20.23-1.58c-2.06-.52-5-2-5-7a6%206%200%200%201%201-3.33a.85.85%200%200%200%20.13-.62a5.7%205.7%200%200%201%20.33-3.21a1%201%200%200%201%20.63-.57c.34-.1%201.56-.3%203.87%201.2a12.16%2012.16%200%200%201%205.69%200c2.31-1.5%203.53-1.31%203.86-1.2a1%201%200%200%201%20.63.57a5.7%205.7%200%200%201%20.33%203.22a.75.75%200%200%200%20.11.57a6%206%200%200%201%201%203.34c0%205.07-2.92%206.54-5%207a4.3%204.3%200%200%201%20.22%201.67V21a1%201%200%200%201-.94%201%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%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.24%2022a1%201%200%200%201-1-1v-2.6a2.15%202.15%200%200%200-.54-1.66a1%201%200%200%201%20.61-1.67C17.75%2014.78%2020%2014%2020%209.77a4%204%200%200%200-.67-2.22a2.75%202.75%200%200%201-.41-2.06a3.7%203.7%200%200%200%200-1.41a7.7%207.7%200%200%200-2.09%201.09a1%201%200%200%201-.84.15a10.15%2010.15%200%200%200-5.52%200a1%201%200%200%201-.84-.15a7.4%207.4%200%200%200-2.11-1.09a3.5%203.5%200%200%200%200%201.41a2.84%202.84%200%200%201-.43%202.08a4.07%204.07%200%200%200-.67%202.23c0%203.89%201.88%204.93%204.7%205.29a1%201%200%200%201%20.82.66a1%201%200%200%201-.21%201a2.06%202.06%200%200%200-.55%201.56V21a1%201%200%200%201-2%200v-.57a6%206%200%200%201-5.27-2.09a3.9%203.9%200%200%200-1.16-.88a1%201%200%201%201%20.5-1.94a4.9%204.9%200%200%201%202%201.36c1%201%202%201.88%203.9%201.52a3.9%203.9%200%200%201%20.23-1.58c-2.06-.52-5-2-5-7a6%206%200%200%201%201-3.33a.85.85%200%200%200%20.13-.62a5.7%205.7%200%200%201%20.33-3.21a1%201%200%200%201%20.63-.57c.34-.1%201.56-.3%203.87%201.2a12.16%2012.16%200%200%201%205.69%200c2.31-1.5%203.53-1.31%203.86-1.2a1%201%200%200%201%20.63.57a5.7%205.7%200%200%201%20.33%203.22a.75.75%200%200%200%20.11.57a6%206%200%200%201%201%203.34c0%205.07-2.92%206.54-5%207a4.3%204.3%200%200%201%20.22%201.67V21a1%201%200%200%201-.94%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/eva/github-outline.svg?color=%231a73e8&size=48
