From 04181d5772ca4a804ecd9af8ac97cc330a3f8c47 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kosmos.org>
Date: Wed, 1 Apr 2026 15:56:31 +0400
Subject: [PATCH] Use actual remoteStorage icon in user menu

---
 app/components/user-menu.gjs |  2 +-
 app/icons/remotestorage.svg  | 46 ++++++++++++++++++++++++++++++++++++
 app/utils/icons.js           |  2 ++
 3 files changed, 49 insertions(+), 1 deletion(-)
 create mode 100644 app/icons/remotestorage.svg

diff --git a/app/components/user-menu.gjs b/app/components/user-menu.gjs
index 4847d17..51d3f53 100644
--- a/app/components/user-menu.gjs
+++ b/app/components/user-menu.gjs
@@ -21,7 +21,7 @@ export default class UserMenuComponent extends Component {
         <li class="account-item">
           <div class="account-header">
             <div class="account-info">
-              <Icon @name="server" @size={{18}} />
+              <Icon @name="remotestorage" @size={{18}} />
               <span>RemoteStorage</span>
             </div>
             {{#if @storage.connected}}
diff --git a/app/icons/remotestorage.svg b/app/icons/remotestorage.svg
new file mode 100644
index 0000000..62953f2
--- /dev/null
+++ b/app/icons/remotestorage.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Creator: CorelDRAW X7 -->
+
+<svg
+   xml:space="preserve"
+   width="24"
+   height="24"
+   version="1.1"
+   style="clip-rule:evenodd;fill-rule:evenodd;image-rendering:optimizeQuality;shape-rendering:geometricPrecision;text-rendering:geometricPrecision"
+   viewBox="0 0 249.99729 249.90068"
+   id="svg1"
+   sodipodi:docname="icon-square.svg"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+   id="namedview1"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="true"
+   inkscape:deskcolor="#d1d1d1"
+   inkscape:document-units="in"
+   inkscape:zoom="6.5838793"
+   inkscape:cx="2.1264059"
+   inkscape:cy="39.414453"
+   inkscape:window-width="2160"
+   inkscape:window-height="1281"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_x0020_1" />&#10; <defs
+   id="defs1"></defs>&#10; <g
+   id="Layer_x0020_1"
+   inkscape:label="Layer 1"
+   inkscape:groupmode="layer"
+   transform="translate(-66.822266,-0.16483529)">&#10;  <metadata
+   id="CorelCorpID_0Corel-Layer" />&#10;  <polygon
+   fill="currentColor"
+   points="228,181 370,100 511,181 652,263 370,425 87,263 87,263 0,213 0,213 0,311 0,378 0,427 0,476 86,525 185,582 370,689 554,582 653,525 653,590 653,592 370,754 0,542 0,640 185,747 370,853 554,747 739,640 739,525 739,476 739,427 739,378 653,427 370,589 86,427 86,361 185,418 370,524 554,418 653,361 739,311 739,213 554,107 370,0 185,107 58,180 144,230 "
+   id="polygon1"
+   transform="matrix(0.29308006,0,0,0.29308006,83.527829,-0.02838471)"
+   />&#10; </g>&#10;</svg>
diff --git a/app/utils/icons.js b/app/utils/icons.js
index 3fbb7c3..1732d07 100644
--- a/app/utils/icons.js
+++ b/app/utils/icons.js
@@ -108,6 +108,7 @@ import wallHangingWithMountainsAndSun from '@waysidemapping/pinhead/dist/icons/w
 import womensAndMensRestroomSymbol from '@waysidemapping/pinhead/dist/icons/womens_and_mens_restroom_symbol.svg?raw';
 
 import loadingRing from '../icons/270-ring.svg?raw';
+import remotestorage from '../icons/remotestorage.svg?raw';
 import wikipedia from '../icons/wikipedia.svg?raw';
 
 const ICONS = {
@@ -196,6 +197,7 @@ const ICONS = {
   'police-officer-with-stop-arm': policeOfficerWithStopArm,
   plus,
   'round-structure-with-flag': roundStructureWithFlag,
+  remotestorage,
   'sailing-ship-in-water': sailingShipInWater,
   'scissors-open': scissorsOpen,
   'shipwreck-in-water': shipwreckInWater,