compacted into a single js file! 📦

pridetriangle.svg

@@ -1,13 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120">
-  <path id="red" d="M0,80 L20,100 L0,120 Z" style="fill:#d20605"/>
-  <path id="orange" d="M0,80 V40 L40,80 L20,100 Z" style="fill:#ef9c00"/>
-  <path id="yellow" d="M0,40 V0 L60,60 L40,80 Z" style="fill:#e5fe02"/>
-  <path id="green" d="M0,0 H40 L80,40 L60,60 Z" style="fill:#09be01"/>
-  <path id="blue" d="M40,0 H80 L100,20 L80,40 Z" style="fill:#081a9a"/>
-  <path id="purple" d="M80,0 H120 L100,20 Z" style="fill:#76008a"/>
-  <rect id="black" width="50" height="50" style="fill:#010101"/>
-  <rect id="brown" width="40" height="40" style="fill:#603814"/>
-  <rect id="lightblue" width="30" height="30" style="fill:#73d6ed"/>
-  <rect id="pink" width="20" height="20" style="fill:#ffafc8"/>
-  <rect id="white" width="10" height="10" style="fill:#fff"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120">
+  <path id="red" d="M120,80 L100,100 L120,120 Z" style="fill:#d20605"/>
+  <path id="orange" d="M120,80 V40 L80,80 L100,100 Z" style="fill:#ef9c00"/>
+  <path id="yellow" d="M120,40 V0 L60,60 L80,80 Z" style="fill:#e5fe02"/>
+  <path id="green" d="M120,0 H80 L40,40 L60,60 Z" style="fill:#09be01"/>
+  <path id="blue" d="M80,0 H40 L20,20 L40,40 Z" style="fill:#081a9a"/>
+  <path id="purple" d="M40,0 H0 L20,20 Z" style="fill:#76008a"/>
+
+  <rect id="black" x="70" width="50" height="50" style="fill:#010101"/>
+  <rect id="brown" x="80" width="40" height="40" style="fill:#603814"/>
+  <rect id="lightblue" x="90" width="30" height="30" style="fill:#73d6ed"/>
+  <rect id="pink" x="100" width="20" height="20" style="fill:#ffafc8"/>
+  <rect id="white" x="110" width="10" height="10" style="fill:#fff"/>
 </svg>