Skip to content

Instantly share code, notes, and snippets.

@ear1grey

ear1grey/uop_logo_pride.svg

Last active June 3, 2020 12:38
Show Gist options
  • Save ear1grey/d16d6813fd8f9dff5a6e27d8a1a2c49b to your computer and use it in GitHub Desktop.
Save ear1grey/d16d6813fd8f9dff5a6e27d8a1a2c49b to your computer and use it in GitHub Desktop.
Download ZIP
Adjust diagonal red.
Display the source blob
Display the rendered blob
Raw
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 rjb@port.ac.uk</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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment