logo github icon
logo-github-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.
- Name
- logo-github-24
- Set
- Octicons
- Style
- 24
- Viewbox
- 74×24
- License
- MIT
1 other variant in Octicons
The same icon in other sets
Related icons in Octicons
Use the logo github icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 74 24"><path fill="currentColor" d="M8.472 3.088c4.225 0 6.777 1.805 7.592 4.841l-3.785.902c-.462-1.65-1.783-2.552-3.807-2.552c-3.015 0-4.643 1.98-4.643 5.743s1.584 5.787 4.555 5.787c2.502 0 4.079-1.406 4.323-3.829H8.076v-3.168h8.45v2.002c0 5.26-3.059 8.186-8.208 8.186C3.213 21 0 17.501 0 12.022c0-5.48 3.279-8.934 8.472-8.934M51.62 15.741c0 1.518.682 2.355 1.98 2.355c1.496 0 2.64-1.387 2.64-3.28V8.304h3.5V20.67h-3.5v-2.09c-.66 1.342-2.244 2.31-3.938 2.31c-2.707 0-4.181-1.496-4.181-4.225V8.303h3.499z"/><path fill="currentColor" fill-rule="evenodd" d="M65.063 10.57C65.775 9.073 67.38 8.017 69 8.017c3.375 0 5.157 2.333 5.04 6.448c.118 4.07-1.73 6.425-5.04 6.425c-1.686 0-3.226-.968-3.96-2.355v2.135h-3.477V3.418h3.499zm2.706.374c-1.444 0-2.588 1.408-2.707 3.345v.198c.119 2.002 1.263 3.476 2.707 3.476c1.813 0 2.803-1.342 2.685-3.498c.118-2.179-.872-3.521-2.685-3.521"/><path fill="currentColor" d="M21.323 20.67h-3.477V8.303h3.477zm7.004-12.367h2.575v2.905h-2.575v5.611c0 .682.308.946.99.946h1.585v2.905h-2.839c-2.31 0-3.212-.99-3.212-3.08v-6.382H22.65V8.303h2.2V5.84l3.477-.814zm7.783-4.885v6.998h6.557V3.418h3.741V20.67h-3.74v-6.91H36.11v6.91h-3.74V3.418zM19.584 3c1.167 0 2.069.902 2.069 2.069a2.04 2.04 0 0 1-2.069 2.068a2.04 2.04 0 0 1-2.068-2.068c0-1.167.902-2.069 2.068-2.069"/></svg>
React
import type { SVGProps } from "react";
export function OcticonLogoGithub24(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 74 24"><path fill="currentColor" d="M8.472 3.088c4.225 0 6.777 1.805 7.592 4.841l-3.785.902c-.462-1.65-1.783-2.552-3.807-2.552c-3.015 0-4.643 1.98-4.643 5.743s1.584 5.787 4.555 5.787c2.502 0 4.079-1.406 4.323-3.829H8.076v-3.168h8.45v2.002c0 5.26-3.059 8.186-8.208 8.186C3.213 21 0 17.501 0 12.022c0-5.48 3.279-8.934 8.472-8.934M51.62 15.741c0 1.518.682 2.355 1.98 2.355c1.496 0 2.64-1.387 2.64-3.28V8.304h3.5V20.67h-3.5v-2.09c-.66 1.342-2.244 2.31-3.938 2.31c-2.707 0-4.181-1.496-4.181-4.225V8.303h3.499z"/><path fill="currentColor" fillRule="evenodd" d="M65.063 10.57C65.775 9.073 67.38 8.017 69 8.017c3.375 0 5.157 2.333 5.04 6.448c.118 4.07-1.73 6.425-5.04 6.425c-1.686 0-3.226-.968-3.96-2.355v2.135h-3.477V3.418h3.499zm2.706.374c-1.444 0-2.588 1.408-2.707 3.345v.198c.119 2.002 1.263 3.476 2.707 3.476c1.813 0 2.803-1.342 2.685-3.498c.118-2.179-.872-3.521-2.685-3.521"/><path fill="currentColor" d="M21.323 20.67h-3.477V8.303h3.477zm7.004-12.367h2.575v2.905h-2.575v5.611c0 .682.308.946.99.946h1.585v2.905h-2.839c-2.31 0-3.212-.99-3.212-3.08v-6.382H22.65V8.303h2.2V5.84l3.477-.814zm7.783-4.885v6.998h6.557V3.418h3.741V20.67h-3.74v-6.91H36.11v6.91h-3.74V3.418zM19.584 3c1.167 0 2.069.902 2.069 2.069a2.04 2.04 0 0 1-2.069 2.068a2.04 2.04 0 0 1-2.068-2.068c0-1.167.902-2.069 2.068-2.069"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 74 24"><path fill="currentColor" d="M8.472 3.088c4.225 0 6.777 1.805 7.592 4.841l-3.785.902c-.462-1.65-1.783-2.552-3.807-2.552c-3.015 0-4.643 1.98-4.643 5.743s1.584 5.787 4.555 5.787c2.502 0 4.079-1.406 4.323-3.829H8.076v-3.168h8.45v2.002c0 5.26-3.059 8.186-8.208 8.186C3.213 21 0 17.501 0 12.022c0-5.48 3.279-8.934 8.472-8.934M51.62 15.741c0 1.518.682 2.355 1.98 2.355c1.496 0 2.64-1.387 2.64-3.28V8.304h3.5V20.67h-3.5v-2.09c-.66 1.342-2.244 2.31-3.938 2.31c-2.707 0-4.181-1.496-4.181-4.225V8.303h3.499z"/><path fill="currentColor" fill-rule="evenodd" d="M65.063 10.57C65.775 9.073 67.38 8.017 69 8.017c3.375 0 5.157 2.333 5.04 6.448c.118 4.07-1.73 6.425-5.04 6.425c-1.686 0-3.226-.968-3.96-2.355v2.135h-3.477V3.418h3.499zm2.706.374c-1.444 0-2.588 1.408-2.707 3.345v.198c.119 2.002 1.263 3.476 2.707 3.476c1.813 0 2.803-1.342 2.685-3.498c.118-2.179-.872-3.521-2.685-3.521"/><path fill="currentColor" d="M21.323 20.67h-3.477V8.303h3.477zm7.004-12.367h2.575v2.905h-2.575v5.611c0 .682.308.946.99.946h1.585v2.905h-2.839c-2.31 0-3.212-.99-3.212-3.08v-6.382H22.65V8.303h2.2V5.84l3.477-.814zm7.783-4.885v6.998h6.557V3.418h3.741V20.67h-3.74v-6.91H36.11v6.91h-3.74V3.418zM19.584 3c1.167 0 2.069.902 2.069 2.069a2.04 2.04 0 0 1-2.069 2.068a2.04 2.04 0 0 1-2.068-2.068c0-1.167.902-2.069 2.068-2.069"/></svg> </template>
CSS
.icon-logo-github-24 {
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%2074%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.472%203.088c4.225%200%206.777%201.805%207.592%204.841l-3.785.902c-.462-1.65-1.783-2.552-3.807-2.552c-3.015%200-4.643%201.98-4.643%205.743s1.584%205.787%204.555%205.787c2.502%200%204.079-1.406%204.323-3.829H8.076v-3.168h8.45v2.002c0%205.26-3.059%208.186-8.208%208.186C3.213%2021%200%2017.501%200%2012.022c0-5.48%203.279-8.934%208.472-8.934M51.62%2015.741c0%201.518.682%202.355%201.98%202.355c1.496%200%202.64-1.387%202.64-3.28V8.304h3.5V20.67h-3.5v-2.09c-.66%201.342-2.244%202.31-3.938%202.31c-2.707%200-4.181-1.496-4.181-4.225V8.303h3.499z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M65.063%2010.57C65.775%209.073%2067.38%208.017%2069%208.017c3.375%200%205.157%202.333%205.04%206.448c.118%204.07-1.73%206.425-5.04%206.425c-1.686%200-3.226-.968-3.96-2.355v2.135h-3.477V3.418h3.499zm2.706.374c-1.444%200-2.588%201.408-2.707%203.345v.198c.119%202.002%201.263%203.476%202.707%203.476c1.813%200%202.803-1.342%202.685-3.498c.118-2.179-.872-3.521-2.685-3.521%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.323%2020.67h-3.477V8.303h3.477zm7.004-12.367h2.575v2.905h-2.575v5.611c0%20.682.308.946.99.946h1.585v2.905h-2.839c-2.31%200-3.212-.99-3.212-3.08v-6.382H22.65V8.303h2.2V5.84l3.477-.814zm7.783-4.885v6.998h6.557V3.418h3.741V20.67h-3.74v-6.91H36.11v6.91h-3.74V3.418zM19.584%203c1.167%200%202.069.902%202.069%202.069a2.04%202.04%200%200%201-2.069%202.068a2.04%202.04%200%200%201-2.068-2.068c0-1.167.902-2.069%202.068-2.069%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%2074%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.472%203.088c4.225%200%206.777%201.805%207.592%204.841l-3.785.902c-.462-1.65-1.783-2.552-3.807-2.552c-3.015%200-4.643%201.98-4.643%205.743s1.584%205.787%204.555%205.787c2.502%200%204.079-1.406%204.323-3.829H8.076v-3.168h8.45v2.002c0%205.26-3.059%208.186-8.208%208.186C3.213%2021%200%2017.501%200%2012.022c0-5.48%203.279-8.934%208.472-8.934M51.62%2015.741c0%201.518.682%202.355%201.98%202.355c1.496%200%202.64-1.387%202.64-3.28V8.304h3.5V20.67h-3.5v-2.09c-.66%201.342-2.244%202.31-3.938%202.31c-2.707%200-4.181-1.496-4.181-4.225V8.303h3.499z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M65.063%2010.57C65.775%209.073%2067.38%208.017%2069%208.017c3.375%200%205.157%202.333%205.04%206.448c.118%204.07-1.73%206.425-5.04%206.425c-1.686%200-3.226-.968-3.96-2.355v2.135h-3.477V3.418h3.499zm2.706.374c-1.444%200-2.588%201.408-2.707%203.345v.198c.119%202.002%201.263%203.476%202.707%203.476c1.813%200%202.803-1.342%202.685-3.498c.118-2.179-.872-3.521-2.685-3.521%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.323%2020.67h-3.477V8.303h3.477zm7.004-12.367h2.575v2.905h-2.575v5.611c0%20.682.308.946.99.946h1.585v2.905h-2.839c-2.31%200-3.212-.99-3.212-3.08v-6.382H22.65V8.303h2.2V5.84l3.477-.814zm7.783-4.885v6.998h6.557V3.418h3.741V20.67h-3.74v-6.91H36.11v6.91h-3.74V3.418zM19.584%203c1.167%200%202.069.902%202.069%202.069a2.04%202.04%200%200%201-2.069%202.068a2.04%202.04%200%200%201-2.068-2.068c0-1.167.902-2.069%202.068-2.069%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/logo-github-24.svg?color=%231a73e8&size=48
