diff --git a/public/css/index.css b/public/css/index.css
index 7340d38..d7e31e6 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -167,6 +167,22 @@ body {
 	border-radius: 8px;
 }
 
+.platform-icon.mobile-only.dnd {
+	fill: var(--status-dnd);
+}
+.platform-icon.mobile-only.idle {
+	fill: var(--status-idle);
+}
+.platform-icon.mobile-only.online {
+	fill: var(--status-online);
+}
+.platform-icon.mobile-only.offline {
+	fill: var(--status-offline);
+}
+.platform-icon.mobile-only.streaming {
+	fill: var(--status-streaming);
+}
+
 .user-info {
 	display: flex;
 	flex-direction: column;
diff --git a/public/js/index.js b/public/js/index.js
index b18f604..74dd8cb 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -377,7 +377,7 @@ function updatePresence(data) {
 
 	if (platform.mobile && !mobileIcon) {
 		avatarWrapper.innerHTML += `
-			<svg class="platform-icon mobile-only" viewBox="0 0 1000 1500" fill="#43a25a" aria-label="Mobile" width="17" height="17">
+			<svg class="platform-icon mobile-only ${status}" viewBox="0 0 1000 1500" fill="#43a25a" aria-label="Mobile" width="17" height="17">
 				<path d="M 187 0 L 813 0 C 916.277 0 1000 83.723 1000 187 L 1000 1313 C 1000 1416.277 916.277 1500 813 1500 L 187 1500 C 83.723 1500 0 1416.277 0 1313 L 0 187 C 0 83.723 83.723 0 187 0 Z M 125 1000 L 875 1000 L 875 250 L 125 250 Z M 500 1125 C 430.964 1125 375 1180.964 375 1250 C 375 1319.036 430.964 1375 500 1375 C 569.036 1375 625 1319.036 625 1250 C 625 1180.964 569.036 1125 500 1125 Z"/>
 			</svg>
 		`;
diff --git a/src/views/index.ejs b/src/views/index.ejs
index 6f16fea..8194055 100644
--- a/src/views/index.ejs
+++ b/src/views/index.ejs
@@ -43,7 +43,7 @@
 				<img class="decoration" src="https://cdn.discordapp.com/avatar-decoration-presets/<%= user.avatar_decoration_data.asset %>" alt="Decoration">
 				<% } %>
 				<% if (platform.mobile) { %>
-				<svg class="platform-icon mobile-only" viewBox="0 0 1000 1500" fill="#43a25a" aria-label="Mobile" width="17" height="17">
+				<svg class="platform-icon mobile-only <%= status %>" viewBox="0 0 1000 1500" aria-label="Mobile" width="17" height="17">
 					<path d="M 187 0 L 813 0 C 916.277 0 1000 83.723 1000 187 L 1000 1313 C 1000 1416.277 916.277 1500 813 1500 L 187 1500 C 83.723 1500 0 1416.277 0 1313 L 0 187 C 0 83.723 83.723 0 187 0 Z M 125 1000 L 875 1000 L 875 250 L 125 250 Z M 500 1125 C 430.964 1125 375 1180.964 375 1250 C 375 1319.036 430.964 1375 500 1375 C 569.036 1375 625 1319.036 625 1250 C 625 1180.964 569.036 1125 500 1125 Z" />
 				</svg>
 				<% } else { %>