GitHub Corner SVG

Octocat!!!

by Nicholas Berlette

HTML

<!-- fill={background-color} color={octocat-color} -->

<svg xmlns="http://www.w3.org/2000/svg" fill="#64ceaa" color="#192d38" viewBox="0 0 250 250" width="120" height="120" aria-hidden="true">
  <defs>
     <style>
       .right {
         transform: translate(0,0);
       }
       path.left {
         transform: rotate(.75turn);
         transform-origin: 50% 50%;
       }
       path.left.octocat {
         transform: rotate(.75turn);
       }
     </style>
  </defs>
  <path class="left" d="m0 0 115 115h15l12 27 108 108V0Z" />
  <path d="M128.3 109c-14.5-9.3-9.3-19.4-9.3-19.4 3-6.9 1.5-11 1.5-11-1.3-6.6 2.9-2.3 2.9-2.3 3.9 4.6 2.1 11 2.1 11-2.6 10.3 5.1 14.6 8.9 15.9 M115 115c-.1.1 3.7 1.5 4.8.4l13.9-13.8c3.2-2.4 6.2-3.2 8.5-3-8.4-10.6-14.7-24.2 1.6-40.6a23.5 23.5 0 0 1 15.9-7 21 21 0 0 1 11.7-10.9s4.7 2.4 7.4 16.1a58.7 58.7 0 0 1 21.3 21.4c13.7 2.6 16.2 7.3 16.2 7.3a21.7 21.7 0 0 1-10.9 11.7 23.4 23.4 0 0 1-7.1 15.9c-16.4 16.4-30 10-40.6 1.6.2 2.8-1 6.8-5 10.8L141 136.5c-1.2 1.2.6 5.4.8 5.3Z" fill="currentColor" class="left octocat"  />
</svg>