Adjust diagonal red.

uop_logo_pride.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 5 6" width="500" height="600" xmlns="http://www.w3.org/2000/svg">

  <desc>Created by hand by [email protected]</desc>

	<style>
		.edge { fill: none; stroke: black; stroke-width: 0.15; stroke-linejoin: round;}
    .pride { fill: url(#flag2); }
    .pridep { fill: url(#flag1); }
    .prideo { fill: url(#flag3); }
		.sharp { stroke-linejoin: miter; }

	</style>

	<defs>
    <linearGradient id="flag1" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0" style="stop-color:#e40303" />
      <stop offset="2%" style="stop-color:#e40303" />
      <stop offset="2%" style="stop-color:#e40303;" />
      <stop offset="18%" style="stop-color:#e40303;" />
      <stop offset="18%" style="stop-color:#ff8c00;" />
      <stop offset="34%" style="stop-color:#ff8c00;" />
      <stop offset="34%" style="stop-color:#ffed00;" />
      <stop offset="50%" style="stop-color:#ffed00;" />
      <stop offset="50%" style="stop-color:#008026;" />
      <stop offset="66%" style="stop-color:#008026;" />
      <stop offset="66%" style="stop-color:#004dff;" />
      <stop offset="82%" style="stop-color:#004dff;" />
      <stop offset="82%" style="stop-color:#750787;" />
      <stop offset="98%" style="stop-color:#750787;" />
      <stop offset="98%" style="stop-color:#750787;" />
      <stop offset="100%" style="stop-color:#750787;" />
    </linearGradient>

    <linearGradient id="flag2" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0" style="stop-color:#e40303" />
      <stop offset="2%" style="stop-color:#e40303" />
      <stop offset="2%" style="stop-color:#e40303;" />
      <stop offset="18.5%" style="stop-color:#e40303;" />
      <stop offset="18.5%" style="stop-color:#ff8c00;" />
      <stop offset="35.5%" style="stop-color:#ff8c00;" />
      <stop offset="35.5%" style="stop-color:#ffed00;" />
      <stop offset="51.5%" style="stop-color:#ffed00;" />
      <stop offset="51.5%" style="stop-color:#008026;" />
      <stop offset="67.5%" style="stop-color:#008026;" />
      <stop offset="67.5%" style="stop-color:#004dff;" />
      <stop offset="83.5%" style="stop-color:#004dff;" />
      <stop offset="83.5%" style="stop-color:#750787;" />
      <stop offset="98%" style="stop-color:#750787;" />
      <stop offset="98%" style="stop-color:#750787;" />
      <stop offset="100%" style="stop-color:#750787;" />
    </linearGradient>

    <linearGradient id="flag3" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0" style="stop-color:#e40303" />
      <stop offset="2%" style="stop-color:#e40303" />
      <stop offset="2%" style="stop-color:#e40303;" />
      <stop offset="20.5%" style="stop-color:#e40303;" />
      <stop offset="20.5%" style="stop-color:#ff8c00;" />
      <stop offset="35.5%" style="stop-color:#ff8c00;" />
      <stop offset="35.5%" style="stop-color:#ffed00;" />
      <stop offset="51.5%" style="stop-color:#ffed00;" />
      <stop offset="51.5%" style="stop-color:#008026;" />
      <stop offset="67.5%" style="stop-color:#008026;" />
      <stop offset="67.5%" style="stop-color:#004dff;" />
      <stop offset="83.5%" style="stop-color:#004dff;" />
      <stop offset="83.5%" style="stop-color:#750787;" />
      <stop offset="98%" style="stop-color:#750787;" />
      <stop offset="98%" style="stop-color:#750787;" />
      <stop offset="100%" style="stop-color:#750787;" />
    </linearGradient>
	</defs>

  <g id="logo">
    <g id="u">
      <path class="pride edge sharp" d="M1,1 L3,1 L3,4 L2,4 A1 1 1 0 1 1,3 z" />
    </g>
    <g id="o">
      <path class="prideo" transform="skewY(-45) translate(0,4)" d="M3,0 L3,3 L2,3 L2,0 z" />
      <path class="edge" d="M2,2 L3,1 3,4 2,5 z" />
    </g>
    <g id="p">
      <path class="pridep edge" d="M2,2 L3,2 A1 1 0 0 1 3 4 L3,4 L2,5 z" />
      <polyline class="edge sharp" points="3,4 2,5 2,4" />
    </g>
  </g>

</svg>