diff --git a/components/Map/Legend.tsx b/components/Map/Legend.tsx
index 3a9f6df..3a43097 100644
--- a/components/Map/Legend.tsx
+++ b/components/Map/Legend.tsx
@@ -60,7 +60,7 @@ const Legend = () => {
                             <div className=' flex flex-col gap-[5px]'>
                                 <div className='flex items-center gap-[5px]'>
                                     <Image
-                                        src="/patterns/blue.svg"
+                                        src="/patterns/blue-legend.svg"
                                         width={16}
                                         height={16}
                                         alt="No Support, Democrat"
@@ -69,7 +69,7 @@ const Legend = () => {
                                 </div>
                                 <div className='flex items-center gap-[5px]'>
                                     <Image
-                                        src="/patterns/red.svg"
+                                        src="/patterns/red-legend.svg"
                                         width={16}
                                         height={16}
                                         alt="No Support, Republican"
diff --git a/public/patterns/blue-legend.svg b/public/patterns/blue-legend.svg
new file mode 100644
index 0000000..c8b504e
--- /dev/null
+++ b/public/patterns/blue-legend.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: none;
+        stroke: #4875ba;
+        stroke-linejoin: round;
+        stroke-width: .8px;
+      }
+    </style>
+  </defs>
+  <line class="cls-1" x1="-7.48" y1="10.52" x2="10.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="16.52" x2="16.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="22.52" x2="22.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="28.52" x2="28.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="34.52" x2="34.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="40.52" x2="40.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="46.52" x2="46.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="52.52" x2="52.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="58.52" x2="58.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="64.52" x2="64.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="70.52" x2="70.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="76.51" x2="76.52" y2="-7.48"/>
+  <line class="cls-1" x1="-1.48" y1="76.51" x2="76.52" y2="-1.48"/>
+  <line class="cls-1" x1="4.52" y1="76.51" x2="76.52" y2="4.52"/>
+  <line class="cls-1" x1="10.52" y1="76.51" x2="76.52" y2="10.52"/>
+  <line class="cls-1" x1="16.52" y1="76.51" x2="76.52" y2="16.52"/>
+  <line class="cls-1" x1="22.52" y1="76.51" x2="76.52" y2="22.52"/>
+  <line class="cls-1" x1="28.52" y1="76.51" x2="76.52" y2="28.52"/>
+  <line class="cls-1" x1="34.52" y1="76.51" x2="76.52" y2="34.52"/>
+  <line class="cls-1" x1="40.52" y1="76.51" x2="76.52" y2="40.52"/>
+  <line class="cls-1" x1="46.52" y1="76.51" x2="76.52" y2="46.52"/>
+  <line class="cls-1" x1="52.52" y1="76.51" x2="76.52" y2="52.52"/>
+  <line class="cls-1" x1="58.52" y1="76.51" x2="76.52" y2="58.52"/>
+  <line class="cls-1" x1="64.52" y1="76.51" x2="76.52" y2="64.52"/>
+</svg>
\ No newline at end of file
diff --git a/public/patterns/red-legend.svg b/public/patterns/red-legend.svg
new file mode 100644
index 0000000..e8f05ea
--- /dev/null
+++ b/public/patterns/red-legend.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: none;
+        stroke: #e93625;
+        stroke-linejoin: round;
+        stroke-width: .8px;
+      }
+    </style>
+  </defs>
+  <line class="cls-1" x1="-7.48" y1="10.52" x2="10.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="16.52" x2="16.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="22.52" x2="22.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="28.52" x2="28.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="34.52" x2="34.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="40.52" x2="40.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="46.52" x2="46.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="52.52" x2="52.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="58.52" x2="58.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="64.52" x2="64.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="70.52" x2="70.52" y2="-7.48"/>
+  <line class="cls-1" x1="-7.48" y1="76.51" x2="76.52" y2="-7.48"/>
+  <line class="cls-1" x1="-1.48" y1="76.51" x2="76.52" y2="-1.48"/>
+  <line class="cls-1" x1="4.52" y1="76.51" x2="76.52" y2="4.52"/>
+  <line class="cls-1" x1="10.52" y1="76.51" x2="76.52" y2="10.52"/>
+  <line class="cls-1" x1="16.52" y1="76.51" x2="76.52" y2="16.52"/>
+  <line class="cls-1" x1="22.52" y1="76.51" x2="76.52" y2="22.52"/>
+  <line class="cls-1" x1="28.52" y1="76.51" x2="76.52" y2="28.52"/>
+  <line class="cls-1" x1="34.52" y1="76.51" x2="76.52" y2="34.52"/>
+  <line class="cls-1" x1="40.52" y1="76.51" x2="76.52" y2="40.52"/>
+  <line class="cls-1" x1="46.52" y1="76.51" x2="76.52" y2="46.52"/>
+  <line class="cls-1" x1="52.52" y1="76.51" x2="76.52" y2="52.52"/>
+  <line class="cls-1" x1="58.52" y1="76.51" x2="76.52" y2="58.52"/>
+  <line class="cls-1" x1="64.52" y1="76.51" x2="76.52" y2="64.52"/>
+</svg>
\ No newline at end of file