github logo icon

github-logo from Radix Icons by WorkOS · Outline · MIT Free for personal and commercial use.

Name
github-logo
Set
Radix Icons
Style
Outline
Viewbox
15×15
License
MIT

The same icon in other sets

github-logoPhosphor

Use the github logo icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M7.499.25a7.25 7.25 0 0 1 2.297 14.129c-.367.07-.498-.155-.498-.349c0-.237.009-1.02.009-1.989c0-.676-.233-1.119-.493-1.343c1.615-.18 3.311-.792 3.311-3.577c0-.792-.28-1.438-.745-1.945c.074-.184.322-.92-.073-1.92c-.015-.004-.625-.182-1.992.744A7 7 0 0 0 7.5 3.756A7 7 0 0 0 5.686 4C4.3 3.062 3.69 3.257 3.69 3.257c-.394.998-.146 1.735-.07 1.919a2.8 2.8 0 0 0-.747 1.945c0 2.778 1.693 3.4 3.303 3.583c-.207.181-.394.5-.46.969c-.413.185-1.464.506-2.11-.602c0 0-.383-.695-1.11-.747c0 0-.709-.009-.05.44c.014.008.48.237.804 1.061c.005.016.437 1.407 2.442.972c.004.605.01 1.061.01 1.233c0 .193-.132.416-.495.35A7.25 7.25 0 0 1 7.499.25"/></svg>

React

import type { SVGProps } from "react";

export function RadixIconsGithubLogo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M7.499.25a7.25 7.25 0 0 1 2.297 14.129c-.367.07-.498-.155-.498-.349c0-.237.009-1.02.009-1.989c0-.676-.233-1.119-.493-1.343c1.615-.18 3.311-.792 3.311-3.577c0-.792-.28-1.438-.745-1.945c.074-.184.322-.92-.073-1.92c-.015-.004-.625-.182-1.992.744A7 7 0 0 0 7.5 3.756A7 7 0 0 0 5.686 4C4.3 3.062 3.69 3.257 3.69 3.257c-.394.998-.146 1.735-.07 1.919a2.8 2.8 0 0 0-.747 1.945c0 2.778 1.693 3.4 3.303 3.583c-.207.181-.394.5-.46.969c-.413.185-1.464.506-2.11-.602c0 0-.383-.695-1.11-.747c0 0-.709-.009-.05.44c.014.008.48.237.804 1.061c.005.016.437 1.407 2.442.972c.004.605.01 1.061.01 1.233c0 .193-.132.416-.495.35A7.25 7.25 0 0 1 7.499.25"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M7.499.25a7.25 7.25 0 0 1 2.297 14.129c-.367.07-.498-.155-.498-.349c0-.237.009-1.02.009-1.989c0-.676-.233-1.119-.493-1.343c1.615-.18 3.311-.792 3.311-3.577c0-.792-.28-1.438-.745-1.945c.074-.184.322-.92-.073-1.92c-.015-.004-.625-.182-1.992.744A7 7 0 0 0 7.5 3.756A7 7 0 0 0 5.686 4C4.3 3.062 3.69 3.257 3.69 3.257c-.394.998-.146 1.735-.07 1.919a2.8 2.8 0 0 0-.747 1.945c0 2.778 1.693 3.4 3.303 3.583c-.207.181-.394.5-.46.969c-.413.185-1.464.506-2.11-.602c0 0-.383-.695-1.11-.747c0 0-.709-.009-.05.44c.014.008.48.237.804 1.061c.005.016.437 1.407 2.442.972c.004.605.01 1.061.01 1.233c0 .193-.132.416-.495.35A7.25 7.25 0 0 1 7.499.25"/></svg>
</template>

CSS

.icon-github-logo {
  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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.499.25a7.25%207.25%200%200%201%202.297%2014.129c-.367.07-.498-.155-.498-.349c0-.237.009-1.02.009-1.989c0-.676-.233-1.119-.493-1.343c1.615-.18%203.311-.792%203.311-3.577c0-.792-.28-1.438-.745-1.945c.074-.184.322-.92-.073-1.92c-.015-.004-.625-.182-1.992.744A7%207%200%200%200%207.5%203.756A7%207%200%200%200%205.686%204C4.3%203.062%203.69%203.257%203.69%203.257c-.394.998-.146%201.735-.07%201.919a2.8%202.8%200%200%200-.747%201.945c0%202.778%201.693%203.4%203.303%203.583c-.207.181-.394.5-.46.969c-.413.185-1.464.506-2.11-.602c0%200-.383-.695-1.11-.747c0%200-.709-.009-.05.44c.014.008.48.237.804%201.061c.005.016.437%201.407%202.442.972c.004.605.01%201.061.01%201.233c0%20.193-.132.416-.495.35A7.25%207.25%200%200%201%207.499.25%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.499.25a7.25%207.25%200%200%201%202.297%2014.129c-.367.07-.498-.155-.498-.349c0-.237.009-1.02.009-1.989c0-.676-.233-1.119-.493-1.343c1.615-.18%203.311-.792%203.311-3.577c0-.792-.28-1.438-.745-1.945c.074-.184.322-.92-.073-1.92c-.015-.004-.625-.182-1.992.744A7%207%200%200%200%207.5%203.756A7%207%200%200%200%205.686%204C4.3%203.062%203.69%203.257%203.69%203.257c-.394.998-.146%201.735-.07%201.919a2.8%202.8%200%200%200-.747%201.945c0%202.778%201.693%203.4%203.303%203.583c-.207.181-.394.5-.46.969c-.413.185-1.464.506-2.11-.602c0%200-.383-.695-1.11-.747c0%200-.709-.009-.05.44c.014.008.48.237.804%201.061c.005.016.437%201.407%202.442.972c.004.605.01%201.061.01%201.233c0%20.193-.132.416-.495.35A7.25%207.25%200%200%201%207.499.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/radix-icons/github-logo.svg?color=%231a73e8&size=48