GitHub icon
Download the GitHub logo as free SVG or PNG. Compare outline and filled styles. Copy React, Vue or Svelte code.
- github
- git
- repository
- code
- hosting
- version-control
- octocat
- microsoft
- developer
- logo
Style
Size
Stroke
Filled icons have no stroke
Color
- Category
- brand
- Styles
- Outline, filled
- Component
- IconBrandGithub
- License
- MIT · Paweł Kuna
outline/brand-github.svg
filled/brand-github.svgCode
Copy it the way you use it
brand-github.svg
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" />
</svg>Use the GitHub icon
Use the GitHub mark to identify a GitHub profile or repository link. Give an icon-only link a destination label, such as View source on GitHub.
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconBrandGithub } from '@tabler/icons-react';
<IconBrandGithub size={24} stroke={2} />Vue example
import { IconBrandGithub } from '@tabler/icons-vue';
<IconBrandGithub :size="24" :stroke="2" />Svelte 5 example
import { IconBrandGithub } from '@tabler/icons-svelte-runes';
<IconBrandGithub size={24} stroke={2} />Compare variants and alternatives
Related