GitHub Copilot icon
Download the GitHub Copilot logo as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- github-copilot
- copilot
- ai
- assistant
- autocomplete
- coding
- github
- logo
- brand
- social
Size
Stroke
Color
- Category
- brand
- Styles
- Outline
- Component
- IconBrandGithubCopilot
- License
- MIT · Paweł Kuna
Code
Copy it the way you use it
brand-github-copilot.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="M4 18v-5.5c0 -.667 .167 -1.333 .5 -2" />
<path d="M12 7.5c0 -1 -.01 -4.07 -4 -3.5c-3.5 .5 -4 2.5 -4 3.5c0 1.5 0 4 3 4c4 0 5 -2.5 5 -4" />
<path d="M4 12c-1.333 .667 -2 1.333 -2 2c0 1 0 3 1.5 4c3 2 6.5 3 8.5 3s5.499 -1 8.5 -3c1.5 -1 1.5 -3 1.5 -4c0 -.667 -.667 -1.333 -2 -2" />
<path d="M20 18v-5.5c0 -.667 -.167 -1.333 -.5 -2" />
<path d="M12 7.5l0 -.297l.01 -.269l.027 -.298l.013 -.105l.033 -.215c.014 -.073 .029 -.146 .046 -.22l.06 -.223c.336 -1.118 1.262 -2.237 3.808 -1.873c2.838 .405 3.703 1.797 3.93 2.842l.036 .204c0 .033 .01 .066 .013 .098l.016 .185l0 .171l0 .49l-.015 .394l-.02 .271c-.122 1.366 -.655 2.845 -2.962 2.845c-3.256 0 -4.524 -1.656 -4.883 -3.081l-.053 -.242a3.865 3.865 0 0 1 -.036 -.235l-.021 -.227a3.518 3.518 0 0 1 -.007 -.215l.005 0" />
<path d="M10 15v2" />
<path d="M14 15v2" />
</svg> Use the GitHub Copilot icon
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 { IconBrandGithubCopilot } from '@tabler/icons-react';
<IconBrandGithubCopilot size={24} stroke={2} />Read the React guideVue example
import { IconBrandGithubCopilot } from '@tabler/icons-vue';
<IconBrandGithubCopilot :size="24" :stroke="2" />Read the Vue guideSvelte 5 example
import { IconBrandGithubCopilot } from '@tabler/icons-svelte-runes';
<IconBrandGithubCopilot size={24} stroke={2} />Read the Svelte guideRelated