github icon
github from Unicons Monochrome by Iconscout · Monochrome · Brand Logos · Apache-2.0 Free for personal and commercial use.
- Name
- github
- Set
- Unicons Monochrome
- Style
- Monochrome
- Category
- Brand Logos
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
github-fillAkar IconsgithubBootstrap IconsgithubBoxicons BrandsgithubDevicongithub-fillEva IconsgithubFont Awesome 6 BrandsgithubFeather IconsgithubHuge IconsgithubIconoirgithubJam IconsgithubLine AwesomegithubMaterial Line IconsgithubSVG LogosgithubLucidegithubMage IconsgithubMaterial Design Iconsgithub-fillMingCute IcongithubOpenMojigithubPixelarticonsgithub-fillRemix IcongithubSimple Iconsgithub-darkSkill Iconsgithub-outlineTeenyiconsgithubUnicons
More brand logos icons from Unicons Monochrome
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="M8.854 21.57a9.9 9.9 0 0 0 6.29.001a.493.493 0 0 1-.644-.475c0-.338.013-1.413.013-2.75a2.37 2.37 0 0 0-.675-1.85c2.225-.25 4.562-1.1 4.562-4.938a3.87 3.87 0 0 0-1.025-2.687a3.6 3.6 0 0 0-.1-2.65s-.838-.275-2.75 1.025a9.43 9.43 0 0 0-5 0C7.612 5.958 6.775 6.22 6.775 6.22a3.6 3.6 0 0 0-.1 2.65a3.9 3.9 0 0 0-1.025 2.687c0 3.825 2.325 4.688 4.55 4.938a2.1 2.1 0 0 0-.638 1.337a2.137 2.137 0 0 1-2.91-.82l-.002-.005a2 2 0 0 0-1.538-1.025c-.837.013-.337.475.013.663c.451.38.803.865 1.025 1.412c.2.563.85 1.638 3.362 1.175c0 .838.013 1.625.013 1.863c0 .259-.185.551-.67.475z" opacity=".5"/><path fill="currentColor" d="M12 2.083c-5.523 0-10 4.477-10 10c0 4.423 2.875 8.169 6.855 9.488c.485.075.67-.216.67-.475c0-.238-.012-1.025-.012-1.863c-2.513.463-3.163-.612-3.363-1.175a3.64 3.64 0 0 0-1.025-1.412c-.35-.188-.85-.65-.013-.663a2 2 0 0 1 1.538 1.025l.003.006a2.137 2.137 0 0 0 2.91.82c.043-.51.27-.984.637-1.338c-2.225-.25-4.55-1.113-4.55-4.938a3.9 3.9 0 0 1 1.025-2.687a3.6 3.6 0 0 1 .1-2.65s.837-.263 2.75 1.025a9.43 9.43 0 0 1 5 0c1.912-1.3 2.75-1.025 2.75-1.025c.37.838.406 1.786.1 2.65a3.87 3.87 0 0 1 1.025 2.687c0 3.838-2.338 4.688-4.562 4.938c.482.49.729 1.164.675 1.85c0 1.337-.013 2.412-.013 2.75a.493.493 0 0 0 .643.476C19.124 20.253 22 16.507 22 12.083c0-5.523-4.477-10-10-10"/></svg>
React
import type { SVGProps } from "react";
export function UimGithub(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="M8.854 21.57a9.9 9.9 0 0 0 6.29.001a.493.493 0 0 1-.644-.475c0-.338.013-1.413.013-2.75a2.37 2.37 0 0 0-.675-1.85c2.225-.25 4.562-1.1 4.562-4.938a3.87 3.87 0 0 0-1.025-2.687a3.6 3.6 0 0 0-.1-2.65s-.838-.275-2.75 1.025a9.43 9.43 0 0 0-5 0C7.612 5.958 6.775 6.22 6.775 6.22a3.6 3.6 0 0 0-.1 2.65a3.9 3.9 0 0 0-1.025 2.687c0 3.825 2.325 4.688 4.55 4.938a2.1 2.1 0 0 0-.638 1.337a2.137 2.137 0 0 1-2.91-.82l-.002-.005a2 2 0 0 0-1.538-1.025c-.837.013-.337.475.013.663c.451.38.803.865 1.025 1.412c.2.563.85 1.638 3.362 1.175c0 .838.013 1.625.013 1.863c0 .259-.185.551-.67.475z" opacity=".5"/><path fill="currentColor" d="M12 2.083c-5.523 0-10 4.477-10 10c0 4.423 2.875 8.169 6.855 9.488c.485.075.67-.216.67-.475c0-.238-.012-1.025-.012-1.863c-2.513.463-3.163-.612-3.363-1.175a3.64 3.64 0 0 0-1.025-1.412c-.35-.188-.85-.65-.013-.663a2 2 0 0 1 1.538 1.025l.003.006a2.137 2.137 0 0 0 2.91.82c.043-.51.27-.984.637-1.338c-2.225-.25-4.55-1.113-4.55-4.938a3.9 3.9 0 0 1 1.025-2.687a3.6 3.6 0 0 1 .1-2.65s.837-.263 2.75 1.025a9.43 9.43 0 0 1 5 0c1.912-1.3 2.75-1.025 2.75-1.025c.37.838.406 1.786.1 2.65a3.87 3.87 0 0 1 1.025 2.687c0 3.838-2.338 4.688-4.562 4.938c.482.49.729 1.164.675 1.85c0 1.337-.013 2.412-.013 2.75a.493.493 0 0 0 .643.476C19.124 20.253 22 16.507 22 12.083c0-5.523-4.477-10-10-10"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.854 21.57a9.9 9.9 0 0 0 6.29.001a.493.493 0 0 1-.644-.475c0-.338.013-1.413.013-2.75a2.37 2.37 0 0 0-.675-1.85c2.225-.25 4.562-1.1 4.562-4.938a3.87 3.87 0 0 0-1.025-2.687a3.6 3.6 0 0 0-.1-2.65s-.838-.275-2.75 1.025a9.43 9.43 0 0 0-5 0C7.612 5.958 6.775 6.22 6.775 6.22a3.6 3.6 0 0 0-.1 2.65a3.9 3.9 0 0 0-1.025 2.687c0 3.825 2.325 4.688 4.55 4.938a2.1 2.1 0 0 0-.638 1.337a2.137 2.137 0 0 1-2.91-.82l-.002-.005a2 2 0 0 0-1.538-1.025c-.837.013-.337.475.013.663c.451.38.803.865 1.025 1.412c.2.563.85 1.638 3.362 1.175c0 .838.013 1.625.013 1.863c0 .259-.185.551-.67.475z" opacity=".5"/><path fill="currentColor" d="M12 2.083c-5.523 0-10 4.477-10 10c0 4.423 2.875 8.169 6.855 9.488c.485.075.67-.216.67-.475c0-.238-.012-1.025-.012-1.863c-2.513.463-3.163-.612-3.363-1.175a3.64 3.64 0 0 0-1.025-1.412c-.35-.188-.85-.65-.013-.663a2 2 0 0 1 1.538 1.025l.003.006a2.137 2.137 0 0 0 2.91.82c.043-.51.27-.984.637-1.338c-2.225-.25-4.55-1.113-4.55-4.938a3.9 3.9 0 0 1 1.025-2.687a3.6 3.6 0 0 1 .1-2.65s.837-.263 2.75 1.025a9.43 9.43 0 0 1 5 0c1.912-1.3 2.75-1.025 2.75-1.025c.37.838.406 1.786.1 2.65a3.87 3.87 0 0 1 1.025 2.687c0 3.838-2.338 4.688-4.562 4.938c.482.49.729 1.164.675 1.85c0 1.337-.013 2.412-.013 2.75a.493.493 0 0 0 .643.476C19.124 20.253 22 16.507 22 12.083c0-5.523-4.477-10-10-10"/></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%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.854%2021.57a9.9%209.9%200%200%200%206.29.001a.493.493%200%200%201-.644-.475c0-.338.013-1.413.013-2.75a2.37%202.37%200%200%200-.675-1.85c2.225-.25%204.562-1.1%204.562-4.938a3.87%203.87%200%200%200-1.025-2.687a3.6%203.6%200%200%200-.1-2.65s-.838-.275-2.75%201.025a9.43%209.43%200%200%200-5%200C7.612%205.958%206.775%206.22%206.775%206.22a3.6%203.6%200%200%200-.1%202.65a3.9%203.9%200%200%200-1.025%202.687c0%203.825%202.325%204.688%204.55%204.938a2.1%202.1%200%200%200-.638%201.337a2.137%202.137%200%200%201-2.91-.82l-.002-.005a2%202%200%200%200-1.538-1.025c-.837.013-.337.475.013.663c.451.38.803.865%201.025%201.412c.2.563.85%201.638%203.362%201.175c0%20.838.013%201.625.013%201.863c0%20.259-.185.551-.67.475z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202.083c-5.523%200-10%204.477-10%2010c0%204.423%202.875%208.169%206.855%209.488c.485.075.67-.216.67-.475c0-.238-.012-1.025-.012-1.863c-2.513.463-3.163-.612-3.363-1.175a3.64%203.64%200%200%200-1.025-1.412c-.35-.188-.85-.65-.013-.663a2%202%200%200%201%201.538%201.025l.003.006a2.137%202.137%200%200%200%202.91.82c.043-.51.27-.984.637-1.338c-2.225-.25-4.55-1.113-4.55-4.938a3.9%203.9%200%200%201%201.025-2.687a3.6%203.6%200%200%201%20.1-2.65s.837-.263%202.75%201.025a9.43%209.43%200%200%201%205%200c1.912-1.3%202.75-1.025%202.75-1.025c.37.838.406%201.786.1%202.65a3.87%203.87%200%200%201%201.025%202.687c0%203.838-2.338%204.688-4.562%204.938c.482.49.729%201.164.675%201.85c0%201.337-.013%202.412-.013%202.75a.493.493%200%200%200%20.643.476C19.124%2020.253%2022%2016.507%2022%2012.083c0-5.523-4.477-10-10-10%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%22M8.854%2021.57a9.9%209.9%200%200%200%206.29.001a.493.493%200%200%201-.644-.475c0-.338.013-1.413.013-2.75a2.37%202.37%200%200%200-.675-1.85c2.225-.25%204.562-1.1%204.562-4.938a3.87%203.87%200%200%200-1.025-2.687a3.6%203.6%200%200%200-.1-2.65s-.838-.275-2.75%201.025a9.43%209.43%200%200%200-5%200C7.612%205.958%206.775%206.22%206.775%206.22a3.6%203.6%200%200%200-.1%202.65a3.9%203.9%200%200%200-1.025%202.687c0%203.825%202.325%204.688%204.55%204.938a2.1%202.1%200%200%200-.638%201.337a2.137%202.137%200%200%201-2.91-.82l-.002-.005a2%202%200%200%200-1.538-1.025c-.837.013-.337.475.013.663c.451.38.803.865%201.025%201.412c.2.563.85%201.638%203.362%201.175c0%20.838.013%201.625.013%201.863c0%20.259-.185.551-.67.475z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202.083c-5.523%200-10%204.477-10%2010c0%204.423%202.875%208.169%206.855%209.488c.485.075.67-.216.67-.475c0-.238-.012-1.025-.012-1.863c-2.513.463-3.163-.612-3.363-1.175a3.64%203.64%200%200%200-1.025-1.412c-.35-.188-.85-.65-.013-.663a2%202%200%200%201%201.538%201.025l.003.006a2.137%202.137%200%200%200%202.91.82c.043-.51.27-.984.637-1.338c-2.225-.25-4.55-1.113-4.55-4.938a3.9%203.9%200%200%201%201.025-2.687a3.6%203.6%200%200%201%20.1-2.65s.837-.263%202.75%201.025a9.43%209.43%200%200%201%205%200c1.912-1.3%202.75-1.025%202.75-1.025c.37.838.406%201.786.1%202.65a3.87%203.87%200%200%201%201.025%202.687c0%203.838-2.338%204.688-4.562%204.938c.482.49.729%201.164.675%201.85c0%201.337-.013%202.412-.013%202.75a.493.493%200%200%200%20.643.476C19.124%2020.253%2022%2016.507%2022%2012.083c0-5.523-4.477-10-10-10%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uim/github.svg?color=%231a73e8&size=48
