logo github icon
logo-github from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- logo-github
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
- Aliases
- logo-github-outline, social-github
The same icon in other sets
Related icons in IonIcons
logo-alipaylogo-amazonlogo-amplifylogo-androidlogo-angularlogo-appflowlogo-applelogo-apple-appstorelogo-apple-arlogo-behancelogo-bitbucketlogo-bitcoinlogo-bufferlogo-capacitorlogo-chromelogo-closed-captioninglogo-codepenlogo-css3logo-designernewslogo-deviantartlogo-discordlogo-dockerlogo-dribbblelogo-dropbox
Use the logo github icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9a17.6 17.6 0 0 0 3.8.4c8.3 0 11.5-6.1 11.5-11.4c0-5.5-.2-19.9-.3-39.1a102.4 102.4 0 0 1-22.6 2.7c-43.1 0-52.9-33.5-52.9-33.5c-10.2-26.5-24.9-33.6-24.9-33.6c-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8c11.2 19.6 26.2 25.1 39.6 25.1a63 63 0 0 0 25.6-6c2-14.8 7.8-24.9 14.2-30.7c-49.7-5.8-102-25.5-102-113.5c0-25.1 8.7-45.6 23-61.6c-2.3-5.8-10-29.2 2.2-60.8a18.6 18.6 0 0 1 5-.5c8.1 0 26.4 3.1 56.6 24.1a208.2 208.2 0 0 1 112.2 0c30.2-21 48.5-24.1 56.6-24.1a18.6 18.6 0 0 1 5 .5c12.2 31.6 4.5 55 2.2 60.8c14.3 16.1 23 36.6 23 61.6c0 88.2-52.4 107.6-102.3 113.3c8 7.1 15.2 21.1 15.2 42.5c0 30.7-.3 55.5-.3 63c0 5.4 3.1 11.5 11.4 11.5a19.4 19.4 0 0 0 4-.4C415.9 449.2 480 363.1 480 261.7C480 134.9 379.7 32 256 32"/></svg>
React
import type { SVGProps } from "react";
export function IonLogoGithub(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9a17.6 17.6 0 0 0 3.8.4c8.3 0 11.5-6.1 11.5-11.4c0-5.5-.2-19.9-.3-39.1a102.4 102.4 0 0 1-22.6 2.7c-43.1 0-52.9-33.5-52.9-33.5c-10.2-26.5-24.9-33.6-24.9-33.6c-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8c11.2 19.6 26.2 25.1 39.6 25.1a63 63 0 0 0 25.6-6c2-14.8 7.8-24.9 14.2-30.7c-49.7-5.8-102-25.5-102-113.5c0-25.1 8.7-45.6 23-61.6c-2.3-5.8-10-29.2 2.2-60.8a18.6 18.6 0 0 1 5-.5c8.1 0 26.4 3.1 56.6 24.1a208.2 208.2 0 0 1 112.2 0c30.2-21 48.5-24.1 56.6-24.1a18.6 18.6 0 0 1 5 .5c12.2 31.6 4.5 55 2.2 60.8c14.3 16.1 23 36.6 23 61.6c0 88.2-52.4 107.6-102.3 113.3c8 7.1 15.2 21.1 15.2 42.5c0 30.7-.3 55.5-.3 63c0 5.4 3.1 11.5 11.4 11.5a19.4 19.4 0 0 0 4-.4C415.9 449.2 480 363.1 480 261.7C480 134.9 379.7 32 256 32"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9a17.6 17.6 0 0 0 3.8.4c8.3 0 11.5-6.1 11.5-11.4c0-5.5-.2-19.9-.3-39.1a102.4 102.4 0 0 1-22.6 2.7c-43.1 0-52.9-33.5-52.9-33.5c-10.2-26.5-24.9-33.6-24.9-33.6c-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8c11.2 19.6 26.2 25.1 39.6 25.1a63 63 0 0 0 25.6-6c2-14.8 7.8-24.9 14.2-30.7c-49.7-5.8-102-25.5-102-113.5c0-25.1 8.7-45.6 23-61.6c-2.3-5.8-10-29.2 2.2-60.8a18.6 18.6 0 0 1 5-.5c8.1 0 26.4 3.1 56.6 24.1a208.2 208.2 0 0 1 112.2 0c30.2-21 48.5-24.1 56.6-24.1a18.6 18.6 0 0 1 5 .5c12.2 31.6 4.5 55 2.2 60.8c14.3 16.1 23 36.6 23 61.6c0 88.2-52.4 107.6-102.3 113.3c8 7.1 15.2 21.1 15.2 42.5c0 30.7-.3 55.5-.3 63c0 5.4 3.1 11.5 11.4 11.5a19.4 19.4 0 0 0 4-.4C415.9 449.2 480 363.1 480 261.7C480 134.9 379.7 32 256 32"/></svg> </template>
CSS
.icon-logo-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2032C132.3%2032%2032%20134.9%2032%20261.7c0%20101.5%2064.2%20187.5%20153.2%20217.9a17.6%2017.6%200%200%200%203.8.4c8.3%200%2011.5-6.1%2011.5-11.4c0-5.5-.2-19.9-.3-39.1a102.4%20102.4%200%200%201-22.6%202.7c-43.1%200-52.9-33.5-52.9-33.5c-10.2-26.5-24.9-33.6-24.9-33.6c-19.5-13.7-.1-14.1%201.4-14.1h.1c22.5%202%2034.3%2023.8%2034.3%2023.8c11.2%2019.6%2026.2%2025.1%2039.6%2025.1a63%2063%200%200%200%2025.6-6c2-14.8%207.8-24.9%2014.2-30.7c-49.7-5.8-102-25.5-102-113.5c0-25.1%208.7-45.6%2023-61.6c-2.3-5.8-10-29.2%202.2-60.8a18.6%2018.6%200%200%201%205-.5c8.1%200%2026.4%203.1%2056.6%2024.1a208.2%20208.2%200%200%201%20112.2%200c30.2-21%2048.5-24.1%2056.6-24.1a18.6%2018.6%200%200%201%205%20.5c12.2%2031.6%204.5%2055%202.2%2060.8c14.3%2016.1%2023%2036.6%2023%2061.6c0%2088.2-52.4%20107.6-102.3%20113.3c8%207.1%2015.2%2021.1%2015.2%2042.5c0%2030.7-.3%2055.5-.3%2063c0%205.4%203.1%2011.5%2011.4%2011.5a19.4%2019.4%200%200%200%204-.4C415.9%20449.2%20480%20363.1%20480%20261.7C480%20134.9%20379.7%2032%20256%2032%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2032C132.3%2032%2032%20134.9%2032%20261.7c0%20101.5%2064.2%20187.5%20153.2%20217.9a17.6%2017.6%200%200%200%203.8.4c8.3%200%2011.5-6.1%2011.5-11.4c0-5.5-.2-19.9-.3-39.1a102.4%20102.4%200%200%201-22.6%202.7c-43.1%200-52.9-33.5-52.9-33.5c-10.2-26.5-24.9-33.6-24.9-33.6c-19.5-13.7-.1-14.1%201.4-14.1h.1c22.5%202%2034.3%2023.8%2034.3%2023.8c11.2%2019.6%2026.2%2025.1%2039.6%2025.1a63%2063%200%200%200%2025.6-6c2-14.8%207.8-24.9%2014.2-30.7c-49.7-5.8-102-25.5-102-113.5c0-25.1%208.7-45.6%2023-61.6c-2.3-5.8-10-29.2%202.2-60.8a18.6%2018.6%200%200%201%205-.5c8.1%200%2026.4%203.1%2056.6%2024.1a208.2%20208.2%200%200%201%20112.2%200c30.2-21%2048.5-24.1%2056.6-24.1a18.6%2018.6%200%200%201%205%20.5c12.2%2031.6%204.5%2055%202.2%2060.8c14.3%2016.1%2023%2036.6%2023%2061.6c0%2088.2-52.4%20107.6-102.3%20113.3c8%207.1%2015.2%2021.1%2015.2%2042.5c0%2030.7-.3%2055.5-.3%2063c0%205.4%203.1%2011.5%2011.4%2011.5a19.4%2019.4%200%200%200%204-.4C415.9%20449.2%20480%20363.1%20480%20261.7C480%20134.9%20379.7%2032%20256%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/logo-github.svg?color=%231a73e8&size=48
