Merge

packages/app/public/icons.svg

@@ -336,5 +336,14 @@
         stroke-linejoin="round"
       />
     </symbol>
+    <symbol id="bitcoin" viewBox="0 0 16 22" fill="none">
+      <path
+        d="M5.5 1V3M5.5 19V21M9.5 1V3M9.5 19V21M3.5 3H10C12.2091 3 14 4.79086 14 7C14 9.20914 12.2091 11 10 11H3.5H11C13.2091 11 15 12.7909 15 15C15 17.2091 13.2091 19 11 19H3.5M3.5 3H1.5M3.5 3V19M3.5 19H1.5"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </symbol>
   </defs>
 </svg>

packages/app/src/Icons/Bitcoin.tsx

@@ -1,15 +0,0 @@
-const Bitcoin = () => {
-  return (
-    <svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M5.5 1V3M5.5 19V21M9.5 1V3M9.5 19V21M3.5 3H10C12.2091 3 14 4.79086 14 7C14 9.20914 12.2091 11 10 11H3.5H11C13.2091 11 15 12.7909 15 15C15 17.2091 13.2091 19 11 19H3.5M3.5 3H1.5M3.5 3V19M3.5 19H1.5"
-        stroke="currentColor"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
-  );
-};
-
-export default Bitcoin;

packages/app/src/Pages/Layout.tsx

@@ -20,7 +20,6 @@ import { NoteCreator } from "Element/NoteCreator";
 import { RelaySettings } from "@snort/nostr";
 import { FormattedMessage } from "react-intl";
 import messages from "./messages";
-import Bitcoin from "Icons/Bitcoin";
 
 export default function Layout() {
   const location = useLocation();
@@ -196,7 +195,7 @@ export default function Layout() {
     return (
       <div className="header-actions">
         <div className="btn btn-rnd" onClick={() => navigate("/wallet")}>
-          <Bitcoin />
+          <Icon name="bitcoin" />
         </div>
         <div className="btn btn-rnd" onClick={() => navigate("/search")}>
           <Icon name="search" size={20} />