trans rights badge

svg/trans_rights_badge.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="80" height="20" role="img" aria-label="trans: rights">
+  <defs>
+    <linearGradient id="trans" x1="0" x2="0" y1="0" y2="1">
+      <stop stop-color="#55CDFC" offset="0%"/>
+      <stop stop-color="#F7A8B8" offset="25%"/>
+      <stop stop-color="#FFFFFF" offset="50%"/>
+      <stop stop-color="#F7A8B8" offset="75%"/>
+      <stop stop-color="#55CDFC" offset="100%"/>
+    </linearGradient>
+    <linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient>
+    <clipPath id="r"><rect width="80" height="20" rx="3" fill="#fff"/></clipPath>
+  </defs>
+  <title>trans: rights</title>
+  <g clip-path="url(#r)">
+    <rect width="39" height="20" fill="#555"/>
+    <rect x="39" width="41" height="20" fill="url(#trans)"/>
+    <rect width="80" height="20" fill="url(#s)"/>
+  </g>
+  <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110">
+    <text aria-hidden="true" x="205" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="290">trans</text>
+    <text x="205" y="140" transform="scale(.1)" fill="#fff" textLength="290">trans</text>
+    <text aria-hidden="true" x="585" y="150" fill="#ccc" fill-opacity=".3" transform="scale(.1)" textLength="310">rights</text>
+    <text x="585" y="140" transform="scale(.1)" fill="#333" textLength="310">rights</text>
+  </g>
+</svg>