github icon

github from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.

Name
github
Set
Mage Icons
Style
Outline
Viewbox
24×24
License
Apache 2.0

The same icon in other sets

github-fillAkar IconsgithubBootstrap IconsgithubBoxicons BrandsgithubDevicongithub-fillEva IconsgithubFont Awesome 6 BrandsgithubFeather IconsgithubHuge IconsgithubIconoirgithubJam IconsgithubLine AwesomegithubMaterial Line IconsgithubSVG LogosgithubLucidegithubMaterial Design Iconsgithub-fillMingCute IcongithubOpenMojigithubPixelarticonsgithub-fillRemix IcongithubSimple Iconsgithub-darkSkill Iconsgithub-outlineTeenyiconsgithubUniconsgithubUnicons Monochrome

Use the github icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.963 2.382C.554 2.621-1.82 17.93 8.852 21.602c.498.093.684-.219.684-.478v-1.68c-2.79.601-3.38-1.317-3.38-1.317a2.6 2.6 0 0 0-1.121-1.442c-.902-.612.072-.602.072-.602a2.07 2.07 0 0 1 1.536 1.038a2.167 2.167 0 0 0 2.924.819c.052-.5.275-.965.633-1.317c-2.23-.25-4.564-1.1-4.564-4.875a3.76 3.76 0 0 1 1.038-2.645a3.46 3.46 0 0 1 .103-2.634s.84-.26 2.76 1.037a9.6 9.6 0 0 1 5.02 0c1.908-1.276 2.748-1.038 2.748-1.038c.365.828.398 1.763.093 2.614a3.75 3.75 0 0 1 1.037 2.645c0 3.786-2.344 4.626-4.574 4.865c1.038.55.602 4.086.664 4.522c0 .259.176.57.695.477c10.642-3.64 8.152-18.97-3.257-19.209"/></svg>

React

import type { SVGProps } from "react";

export function MageGithub(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.963 2.382C.554 2.621-1.82 17.93 8.852 21.602c.498.093.684-.219.684-.478v-1.68c-2.79.601-3.38-1.317-3.38-1.317a2.6 2.6 0 0 0-1.121-1.442c-.902-.612.072-.602.072-.602a2.07 2.07 0 0 1 1.536 1.038a2.167 2.167 0 0 0 2.924.819c.052-.5.275-.965.633-1.317c-2.23-.25-4.564-1.1-4.564-4.875a3.76 3.76 0 0 1 1.038-2.645a3.46 3.46 0 0 1 .103-2.634s.84-.26 2.76 1.037a9.6 9.6 0 0 1 5.02 0c1.908-1.276 2.748-1.038 2.748-1.038c.365.828.398 1.763.093 2.614a3.75 3.75 0 0 1 1.037 2.645c0 3.786-2.344 4.626-4.574 4.865c1.038.55.602 4.086.664 4.522c0 .259.176.57.695.477c10.642-3.64 8.152-18.97-3.257-19.209"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.963 2.382C.554 2.621-1.82 17.93 8.852 21.602c.498.093.684-.219.684-.478v-1.68c-2.79.601-3.38-1.317-3.38-1.317a2.6 2.6 0 0 0-1.121-1.442c-.902-.612.072-.602.072-.602a2.07 2.07 0 0 1 1.536 1.038a2.167 2.167 0 0 0 2.924.819c.052-.5.275-.965.633-1.317c-2.23-.25-4.564-1.1-4.564-4.875a3.76 3.76 0 0 1 1.038-2.645a3.46 3.46 0 0 1 .103-2.634s.84-.26 2.76 1.037a9.6 9.6 0 0 1 5.02 0c1.908-1.276 2.748-1.038 2.748-1.038c.365.828.398 1.763.093 2.614a3.75 3.75 0 0 1 1.037 2.645c0 3.786-2.344 4.626-4.574 4.865c1.038.55.602 4.086.664 4.522c0 .259.176.57.695.477c10.642-3.64 8.152-18.97-3.257-19.209"/></svg>
</template>

CSS

.icon-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.963%202.382C.554%202.621-1.82%2017.93%208.852%2021.602c.498.093.684-.219.684-.478v-1.68c-2.79.601-3.38-1.317-3.38-1.317a2.6%202.6%200%200%200-1.121-1.442c-.902-.612.072-.602.072-.602a2.07%202.07%200%200%201%201.536%201.038a2.167%202.167%200%200%200%202.924.819c.052-.5.275-.965.633-1.317c-2.23-.25-4.564-1.1-4.564-4.875a3.76%203.76%200%200%201%201.038-2.645a3.46%203.46%200%200%201%20.103-2.634s.84-.26%202.76%201.037a9.6%209.6%200%200%201%205.02%200c1.908-1.276%202.748-1.038%202.748-1.038c.365.828.398%201.763.093%202.614a3.75%203.75%200%200%201%201.037%202.645c0%203.786-2.344%204.626-4.574%204.865c1.038.55.602%204.086.664%204.522c0%20.259.176.57.695.477c10.642-3.64%208.152-18.97-3.257-19.209%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.963%202.382C.554%202.621-1.82%2017.93%208.852%2021.602c.498.093.684-.219.684-.478v-1.68c-2.79.601-3.38-1.317-3.38-1.317a2.6%202.6%200%200%200-1.121-1.442c-.902-.612.072-.602.072-.602a2.07%202.07%200%200%201%201.536%201.038a2.167%202.167%200%200%200%202.924.819c.052-.5.275-.965.633-1.317c-2.23-.25-4.564-1.1-4.564-4.875a3.76%203.76%200%200%201%201.038-2.645a3.46%203.46%200%200%201%20.103-2.634s.84-.26%202.76%201.037a9.6%209.6%200%200%201%205.02%200c1.908-1.276%202.748-1.038%202.748-1.038c.365.828.398%201.763.093%202.614a3.75%203.75%200%200%201%201.037%202.645c0%203.786-2.344%204.626-4.574%204.865c1.038.55.602%204.086.664%204.522c0%20.259.176.57.695.477c10.642-3.64%208.152-18.97-3.257-19.209%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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