images/jgit.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="45 64 338 376" aria-hidden="true" focusable="false">
  <style>
    svg { display: block; }
    .icon-fill { fill: #007acc; }
  </style>

  <!-- Top line: ++ (shifted right by +152 to center over cup) -->
  <!-- + #1 -->
  <rect class="icon-fill" x="134" y="64" width="16" height="64" rx="2"></rect>
  <rect class="icon-fill" x="110" y="88" width="64" height="16" rx="2"></rect>
  <!-- + #2 -->
  <rect class="icon-fill" x="215" y="64" width="16" height="64" rx="2"></rect>
  <rect class="icon-fill" x="191" y="88" width="64" height="16" rx="2"></rect>

  <!-- Second line: \-\- (shifted right by +152 to center over cup) -->
  <!-- - #1 -->
  <rect class="icon-fill" x="110" y="140" width="64" height="16" rx="2"></rect>
  <!-- - #2 -->
  <rect class="icon-fill" x="191" y="140" width="64" height="16" rx="2"></rect>

  <!-- Coffee cup + handle (compound path) -->
  <!-- NOTE: fill-rule="evenodd" is required for the handle hole -->
  <path class="icon-fill" fill-rule="evenodd" d="
          M128 188 h198 c30.9 0 56 25.1 56 56 s-25.1 56-56 56
          h-24 v40 c0 44.2-35.8 80-80 80 h-96
          c-44.2 0-80-35.8-80-80 V188 Z

          M301 220 h35 c13.3 0 24 10.7 24 24
          s-10.7 24-24 24 h-35 Z
        "></path>

  <!-- Saucer -->
  <rect class="icon-fill" x="96" y="412" width="256" height="28" rx="14"></rect>
</svg>