diff --git a/frontend/src/assets/icons/luasGreen.png b/frontend/src/assets/icons/luasGreen.png
new file mode 100644
index 0000000..c6cd3a3
Binary files /dev/null and b/frontend/src/assets/icons/luasGreen.png differ
diff --git a/frontend/src/assets/icons/luasRed.png b/frontend/src/assets/icons/luasRed.png
new file mode 100644
index 0000000..a79cb1d
Binary files /dev/null and b/frontend/src/assets/icons/luasRed.png differ
diff --git a/frontend/src/components/MapComponent.jsx b/frontend/src/components/MapComponent.jsx
index 80538d5..591ec82 100644
--- a/frontend/src/components/MapComponent.jsx
+++ b/frontend/src/components/MapComponent.jsx
@@ -18,6 +18,8 @@ import dartOnTimeIconURL from "../assets/icons/DARTOnTime.png";
 import dartLateIconURL from "../assets/icons/DARTLate.png";
 
 import luasIconURL from "../assets/icons/tram-station.png";
+import luasIconGreenURL from "../assets/icons/luasGreen.png";
+import luasIconRedURL from "../assets/icons/luasRed.png"
 
 import busStopIconURL from "../assets/icons/bus-station.png";
 import busIconURL from "../assets/icons/bus.png";
@@ -48,6 +50,9 @@ const icons = new Map([
     ["dartLate", new Icon({ iconUrl: dartLateIconURL, iconSize: [38, 38] })],
 
     ["LuasStop", new Icon({ iconUrl: luasIconURL, iconSize: [38, 38] })],
+    ["LuasStopGreen", new Icon({ iconUrl: luasIconGreenURL, iconSize: [38, 38] })],
+    ["LuasStopRed", new Icon({ iconUrl: luasIconRedURL, iconSize: [38, 38] })],
+
     ["BusStop", new Icon({ iconUrl: busStopIconURL, iconSize: [24, 24] })],
     ["Bus", new Icon({ iconUrl: busIconURL, iconSize: [38, 38] })],
 ]);