jsx import { jsx , SxStyleProp } from "theme-ui" ; const GitHubLogo = ( { pushSx , id } ) => ( < svg sx = { { display : "inline-block" , width : "24px" , ... pushSx } } viewBox = "0 0 24 24" fill = "none" xmlns = "http://www.w3.org/2000/svg" > < mask id = { `github-logo-mask0-${ id }` } mask - type = "alpha" maskUnits = "userSpaceOnUse" x = "0" y = "0" width = "24" height = "24" > < path fillRule = "evenodd" clipRule = "evenodd" d = "M11.9989 0C5.37328 0 0 5.50851 0 12.3041C0 17.7401 3.43804 22.3513 8.20651 23.9782C8.8069 24.0915 9.02569 23.7116 9.02569 23.3853C9.02569 23.093 9.01538 22.3195 9.00948 21.2931C5.67163 22.0363 4.96737 19.6435 4.96737 19.6435C4.4215 18.222 3.63473 17.8435 3.63473 17.8435C2.5452 17.0807 3.71724 17.0958 3.71724 17.0958C4.9217 17.1826 5.55524 18.3639 5.55524 18.3639C6.62562 20.2439 8.36416 19.7009 9.04779 19.3859C9.15682 18.5913 9.46696 18.049 9.80951 17.7416C7.14497 17.4311 4.34341 16.3752 4.34341 11.6605C4.34341 10.3176 4.8112 9.21861 5.57881 8.35906C5.45505 8.04787 5.04325 6.79632 5.69668 5.1029C5.69668 5.1029 6.70371 4.77207 8.99622 6.36428C9.95316 6.09085 10.9801 5.9549 12.0004 5.94961C13.0199 5.9549 14.0461 6.09085 15.0045 6.36428C17.2956 4.77207 18.3011 5.1029 18.3011 5.1029C18.956 6.79632 18.5442 8.04787 18.4212 8.35906C19.1903 9.21861 19.6544 10.3176 19.6544 11.6605C19.6544 16.3873 16.8484 17.4274 14.1758 17.7318C14.606 18.1117 14.9898 18.8625 14.9898 20.0098C14.9898 21.6549 14.975 22.9819 14.975 23.3853C14.975 23.7146 15.1916 24.0975 15.8001 23.9774C20.5649 22.3467 24 17.7385 24 12.3041C24 5.50851 18.6267 0 11.9989 0" fill = "white" / > < /mask> < g mask = { `url(#github-logo-mask0-${ id })` } > < path d = "M24 0H0V24H24V0Z" fill = "white" / > < /g> < /svg>); export default GitHubLogo ;