diff --git a/public/img/prideflag.svg b/public/img/prideflag.svg
new file mode 100644
index 0000000..1ca390c
--- /dev/null
+++ b/public/img/prideflag.svg
@@ -0,0 +1,32 @@
+<!--
+  pride flag - copyright (c) 2024 ari melody
+  
+  this code is provided AS-IS, WITHOUT ANY WARRANTY, to be
+  freely redistributed and/or modified as you please, however
+  retaining this license in any redistribution.
+  
+  please use this flag to link to an LGBTQI+-supporting page
+  of your choosing!
+  
+  web: https://arimelody.me
+  source: https://git.arimelody.me/ari/prideflag
+-->
+
+<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="60" width="60" height="60" style="fill:#010101"/>
+  <rect id="brown" x="70" width="50" height="50" style="fill:#603814"/>
+  <rect id="lightblue" x="80" width="40" height="40" style="fill:#73d6ed"/>
+  <rect id="pink" x="90" width="30" height="30" style="fill:#ffafc8"/>
+  <rect id="white" x="100" width="20" height="20" style="fill:#fff"/>
+  
+  <rect id="intyellow" x="110" width="10" height="10" style="fill:#fed800"/>
+  <circle id="intpurple" cx="120" cy="0" r="5" stroke="#7601ad" stroke-width="2" fill="none"/>
+</svg>
+
diff --git a/public/index.html b/public/index.html
index 2da0c62..6bd2891 100644
--- a/public/index.html
+++ b/public/index.html
@@ -238,7 +238,7 @@
 	<div id="overlay"></div>
 
         <a href="https://git.arimelody.me/ari/prideflag" target="_blank" id="prideflag">
-                <img src="pridetriangle.svg" width="120" height="120" alt="progressive pride flag">
+                <img src="/img/prideflag.svg" width="120" height="120" alt="progressive pride flag">
         </a>
 </body>
 </html>
diff --git a/public/music.html b/public/music.html
index 0d6d9c7..6cecb90 100644
--- a/public/music.html
+++ b/public/music.html
@@ -123,7 +123,7 @@
 	<div id="overlay"></div>
 
         <a href="https://git.arimelody.me/ari/prideflag" target="_blank" id="prideflag">
-                <img src="pridetriangle.svg" width="120" height="120" alt="progressive pride flag">
+                <img src="/img/prideflag.svg" width="120" height="120" alt="progressive pride flag">
         </a>
 </body>
 </html>