diff --git a/webui/static/style.css b/webui/static/style.css
index c1bf6fdd..22c59ee3 100644
--- a/webui/static/style.css
+++ b/webui/static/style.css
@@ -3890,10 +3890,23 @@ body {
background-repeat: no-repeat;
background-position: center;
}
-.spotify-icon { background-image: url('https://storage.googleapis.com/pr-newsroom-wp/1/2018/11/Spotify_Icon_RGB_White.png'); filter: invert(1); }
-.tidal-icon { background-image: url('https://tidal.com/favicon.ico'); } /* Simple fallback */
-.youtube-icon { background-image: url('https://www.youtube.com/s/desktop/014da055/img/favicon_32x32.png'); }
-.sync-tab-button.active .tab-icon { filter: none; }
+.spotify-icon {
+ background-image: url('data:image/svg+xml;charset=utf-8,');
+}
+.tidal-icon {
+ background-image: url('data:image/svg+xml;charset=utf-8,');
+}
+.youtube-icon {
+ background-image: url('data:image/svg+xml;charset=utf-8,');
+}
+
+/* Active tab icons - make them white for better contrast */
+.sync-tab-button.active .spotify-icon {
+ background-image: url('data:image/svg+xml;charset=utf-8,');
+}
+.sync-tab-button.active .youtube-icon {
+ background-image: url('data:image/svg+xml;charset=utf-8,');
+}
.sync-tab-content {