Github Logo icon
ix:github-logo
The Github Logo icon (ix:github-logo) is a free SVG icon from the Siemens Industrial Experience Icons set by Siemens AG. It is drawn on a 512 × 512 grid. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Siemens Industrial Experience Icons
- Author
- Siemens AG
- License
- MIT
- Size
- 512 × 512
- Tags
- githublogo
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M258.934 42.667c-119.59 0-216.267 97.239-216.267 217.538c0 96.161 61.944 177.559 147.877 206.369c10.744 2.166 14.68-4.681 14.68-10.44c0-5.043-.354-22.33-.354-40.341c-60.161 12.968-72.689-25.932-72.689-25.932c-9.668-25.212-23.993-31.691-23.993-31.691c-19.69-13.327 1.434-13.327 1.434-13.327c21.842 1.441 33.303 22.33 33.303 22.33c19.332 33.132 50.484 23.771 63.016 18.007c1.788-14.047 7.521-23.771 13.608-29.172c-47.982-5.043-98.466-23.771-98.466-107.33c0-23.771 8.588-43.219 22.196-58.344c-2.147-5.401-9.668-27.735 2.152-57.628c0 0 18.26-5.763 59.434 22.33a208.3 208.3 0 0 1 54.069-7.205c18.261 0 36.876 2.524 54.065 7.205c41.178-28.093 59.439-22.33 59.439-22.33c11.82 29.893 4.294 52.227 2.147 57.628c13.967 15.125 22.2 34.573 22.2 58.344c0 83.559-50.483 101.924-98.824 107.33c7.88 6.842 14.68 19.806 14.68 40.337c0 29.172-.355 52.584-.355 59.785c0 5.763 3.94 12.61 14.68 10.448c85.933-28.818 147.877-110.212 147.877-206.373c.355-120.299-96.677-217.538-215.909-217.538" clip-rule="evenodd"/></svg>How to use the Github Logo icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:github-logo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:github-logo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:github-logo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--github-logo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:github-logo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:github-logo"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/github-logo.svg" alt="Github Logo icon" width="24" height="24">Github Logo icon in other icon sets
Github Logo icon FAQ
Is the Github Logo icon free for commercial use?
Yes. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Github Logo icon in React?
Install @iconify/react and render <Icon icon="ix:github-logo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Github Logo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/github-logo.svg" alt="Github Logo icon">, or paste the SVG code inline to style it with CSS.