diff --git a/package.json b/package.json
index a2e59da10c..99bfae97b9 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,6 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@bitcoin-design/bitcoin-icons-react": "^0.1.10",
     "@bitcoinerlab/secp256k1": "^1.1.1",
     "@getalby/sdk": "^3.4.0",
     "@headlessui/react": "^1.7.18",
diff --git a/src/app/components/AccountDetailLayout/index.tsx b/src/app/components/AccountDetailLayout/index.tsx
index 3d4e62e93f..39a6604c0d 100644
--- a/src/app/components/AccountDetailLayout/index.tsx
+++ b/src/app/components/AccountDetailLayout/index.tsx
@@ -1,6 +1,6 @@
-import { CaretLeftIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import Header from "@components/Header";
 import IconButton from "@components/IconButton";
+import { PopiconsChevronLeftLine } from "@popicons/react";
 import { useTranslation } from "react-i18next";
 import { Outlet, useMatch, useNavigate, useParams } from "react-router-dom";
 import Avatar from "~/app/components/Avatar";
@@ -31,7 +31,7 @@ function AccountDetailLayout() {
         headerLeft={
           <IconButton
             onClick={back}
-            icon={<CaretLeftIcon className="w-4 h-4" />}
+            icon={<PopiconsChevronLeftLine className="w-5 h-5" />}
           />
         }
       >
diff --git a/src/app/components/AccountMenu/index.test.tsx b/src/app/components/AccountMenu/index.test.tsx
index 77a29c71fa..1a8c6970de 100644
--- a/src/app/components/AccountMenu/index.test.tsx
+++ b/src/app/components/AccountMenu/index.test.tsx
@@ -72,6 +72,5 @@ describe("AccountMenu", () => {
     expect(screen.getByText("LND account")).toBeInTheDocument();
     expect(screen.getByText("Galoy account")).toBeInTheDocument();
     expect(screen.getByText("Connect a Wallet")).toBeInTheDocument();
-    expect(screen.getByText("Manage Wallets")).toBeInTheDocument();
   });
 });
diff --git a/src/app/components/AccountMenu/index.tsx b/src/app/components/AccountMenu/index.tsx
index 9468fc6399..48c2eba1d2 100644
--- a/src/app/components/AccountMenu/index.tsx
+++ b/src/app/components/AccountMenu/index.tsx
@@ -1,10 +1,8 @@
 import {
-  AddressBookIcon,
-  CaretDownIcon,
-  GlobeIcon,
-  PlusIcon,
-  WalletIcon,
-} from "@bitcoin-design/bitcoin-icons-react/filled";
+  PopiconsChevronBottomLine,
+  PopiconsCirclePlusLine,
+  PopiconsWalletLine,
+} from "@popicons/react";
 import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
@@ -16,6 +14,7 @@ import { useAccounts } from "~/app/context/AccountsContext";
 import { isAlbyLNDHubAccount, isAlbyOAuthAccount } from "~/app/utils";
 import utils from "~/common/lib/utils";
 
+import PopiconsGlobeLine from "~/app/icons/popicons/GlobeLine";
 import Menu from "../Menu";
 
 export type Props = {
@@ -58,7 +57,7 @@ function AccountMenu({ showOptions = true }: Props) {
   }
 
   return (
-    <div className="relative pl-2 flex justify-end w-72">
+    <div className="relative pl-2 flex justify-end w-72 text-gray-800 dark:text-neutral-200">
       <Menu as="div">
         <Menu.Button className="h-full px-2 rounded-md hover:bg-gray-100 dark:hover:bg-white/10 transition-colors duration-200">
           <div className="flex items-center">
@@ -79,7 +78,7 @@ function AccountMenu({ showOptions = true }: Props) {
             >
               <div
                 title={title || ""}
-                className="text-sm font-medium text-gray-700 dark:text-neutral-400 text-ellipsis overflow-hidden whitespace-nowrap"
+                className="text-sm font-medium text-ellipsis overflow-hidden whitespace-nowrap"
               >
                 {accountLoading ? (
                   <SkeletonLoader className="w-20" />
@@ -88,7 +87,7 @@ function AccountMenu({ showOptions = true }: Props) {
                 )}
               </div>
             </div>
-            <CaretDownIcon className="h-4 w-4 dark:text-white" />
+            <PopiconsChevronBottomLine className="h-4 w-4" />
             <span className="sr-only">{t("screen_reader")}</span>
           </div>
         </Menu.Button>
@@ -99,7 +98,7 @@ function AccountMenu({ showOptions = true }: Props) {
                 !title && !balancesDecorated ? "w-28" : ""
               }`}
             >
-              <span className="text-xs text-gray-500 dark:text-neutral-300">
+              <span className="text-xs text-gray-600 dark:text-neutral-400">
                 {tCommon("balance")}
               </span>
               <p className="flex justify-between">
@@ -110,7 +109,7 @@ function AccountMenu({ showOptions = true }: Props) {
                     balancesDecorated.accountBalance
                   )}
                 </span>
-                <span className="text-gray-500 dark:text-neutral-300">
+                <span className="text-gray-600 dark:text-neutral-400">
                   {accountLoading ? (
                     <SkeletonLoader className="w-12" />
                   ) : (
@@ -127,7 +126,7 @@ function AccountMenu({ showOptions = true }: Props) {
               openOptions(`accounts/${authAccount?.id}`);
             }}
           >
-            <WalletIcon className="h-5 w-5 mr-2 text-gray-700 dark:text-neutral-300 shrink-0" />
+            <PopiconsWalletLine className="w-4 h-4 mr-2 shrink-0" />
             {t("options.account.wallet_settings")}
           </Menu.ItemButton>
           {(isAlbyLNDHubAccount(
@@ -140,7 +139,7 @@ function AccountMenu({ showOptions = true }: Props) {
                 window.open(`https://getalby.com/user`, "_blank");
               }}
             >
-              <GlobeIcon className="h-5 w-5 mr-2 text-gray-700 dark:text-neutral-300 shrink-0" />
+              <PopiconsGlobeLine className="w-4 h-4 mr-2 shrink-0" />
               {t("options.account.go_to_web_wallet")} →
             </Menu.ItemButton>
           )}
@@ -192,17 +191,9 @@ function AccountMenu({ showOptions = true }: Props) {
                   openOptions("accounts/new");
                 }}
               >
-                <PlusIcon className="h-5 w-5 mr-2 text-gray-700 dark:text-neutral-300" />
+                <PopiconsCirclePlusLine className="h-4 w-4 mr-2 shrink-0" />
                 {t("options.account.add")}
               </Menu.ItemButton>
-              <Menu.ItemButton
-                onClick={() => {
-                  openOptions("accounts");
-                }}
-              >
-                <AddressBookIcon className="h-5 w-5 mr-2 text-gray-700 dark:text-neutral-300" />
-                {t("options.account.manage")}
-              </Menu.ItemButton>
             </>
           )}
         </Menu.List>
diff --git a/src/app/components/CardButton/index.tsx b/src/app/components/CardButton/index.tsx
index 23c9fe2a6c..fbbae10181 100644
--- a/src/app/components/CardButton/index.tsx
+++ b/src/app/components/CardButton/index.tsx
@@ -1,14 +1,18 @@
-import React from "react";
+import { FunctionComponent, SVGProps } from "react";
 
 export type Props = {
   title: string;
   description: string;
-  icon: React.ComponentType<{
-    className?: string;
-  }>;
+  icon: IconType;
   onClick: () => void;
 };
 
+interface IconTypeProps {
+  className?: string;
+}
+
+type IconType = FunctionComponent<IconTypeProps & SVGProps<SVGSVGElement>>;
+
 export default function CardButton({
   title,
   description,
diff --git a/src/app/components/Enable/AlbyEnable.tsx b/src/app/components/Enable/AlbyEnable.tsx
index 8db3fa7184..cc0262b0be 100644
--- a/src/app/components/Enable/AlbyEnable.tsx
+++ b/src/app/components/Enable/AlbyEnable.tsx
@@ -1,7 +1,7 @@
-import { CheckIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import ConfirmOrCancel from "@components/ConfirmOrCancel";
 import Container from "@components/Container";
 import PublisherCard from "@components/PublisherCard";
+import { PopiconsCheckLine } from "@popicons/react";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import Alert from "~/app/components/Alert";
@@ -76,11 +76,11 @@ function AlbyEnableComponent(props: Props) {
             <p className="mb-2">{tCommon("enable.allow")}</p>
 
             <div className="mb-2 flex items-center">
-              <CheckIcon className="w-5 h-5 mr-2" />
+              <PopiconsCheckLine className="w-5 h-5 mr-2" />
               <p className="dark:text-white">{tCommon("enable.request1")}</p>
             </div>
             <div className="mb-2 flex items-center">
-              <CheckIcon className="w-5 h-5 mr-2" />
+              <PopiconsCheckLine className="w-5 h-5 mr-2" />
               <p className="dark:text-white">{t("request2")}</p>
             </div>
           </div>
diff --git a/src/app/components/Enable/LiquidEnable.tsx b/src/app/components/Enable/LiquidEnable.tsx
index 7e63089526..78dc6d6b38 100644
--- a/src/app/components/Enable/LiquidEnable.tsx
+++ b/src/app/components/Enable/LiquidEnable.tsx
@@ -1,7 +1,7 @@
-import { CheckIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import ConfirmOrCancel from "@components/ConfirmOrCancel";
 import Container from "@components/Container";
 import PublisherCard from "@components/PublisherCard";
+import { PopiconsCheckLine } from "@popicons/react";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import Alert from "~/app/components/Alert";
@@ -76,11 +76,11 @@ function LiquidEnableComponent(props: Props) {
             <p className="mb-2">{tCommon("enable.allow")}</p>
 
             <div className="mb-2 flex items-center">
-              <CheckIcon className="w-5 h-5 mr-2" />
+              <PopiconsCheckLine className="w-5 h-5 mr-2" />
               <p className="dark:text-white">{tCommon("enable.request1")}</p>
             </div>
             <div className="mb-2 flex items-center">
-              <CheckIcon className="w-5 h-5 mr-2" />
+              <PopiconsCheckLine className="w-5 h-5 mr-2" />
               <p className="dark:text-white">{t("request2")}</p>
             </div>
           </div>
diff --git a/src/app/components/Enable/NostrEnable.tsx b/src/app/components/Enable/NostrEnable.tsx
index bfbbbba40e..f35e0f8d82 100644
--- a/src/app/components/Enable/NostrEnable.tsx
+++ b/src/app/components/Enable/NostrEnable.tsx
@@ -1,7 +1,7 @@
-import { CheckIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import ConfirmOrCancel from "@components/ConfirmOrCancel";
 import Container from "@components/Container";
 import PublisherCard from "@components/PublisherCard";
+import { PopiconsCheckLine } from "@popicons/react";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import Alert from "~/app/components/Alert";
@@ -76,11 +76,11 @@ function NostrEnableComponent(props: Props) {
             <p className="mb-2">{tCommon("enable.allow")}</p>
 
             <div className="mb-2 flex items-center">
-              <CheckIcon className="w-5 h-5 mr-2" />
+              <PopiconsCheckLine className="w-5 h-5 mr-2" />
               <p className="dark:text-white">{t("request1")}</p>
             </div>
             <div className="mb-2 flex items-center">
-              <CheckIcon className="w-5 h-5 mr-2" />
+              <PopiconsCheckLine className="w-5 h-5 mr-2" />
               <p className="dark:text-white">{t("request2")}</p>
             </div>
           </div>
diff --git a/src/app/components/Enable/WebbtcEnable.tsx b/src/app/components/Enable/WebbtcEnable.tsx
index 101ef891fa..353adf9fbe 100644
--- a/src/app/components/Enable/WebbtcEnable.tsx
+++ b/src/app/components/Enable/WebbtcEnable.tsx
@@ -1,7 +1,7 @@
-import { CheckIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import ConfirmOrCancel from "@components/ConfirmOrCancel";
 import Container from "@components/Container";
 import PublisherCard from "@components/PublisherCard";
+import { PopiconsCheckLine } from "@popicons/react";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import Alert from "~/app/components/Alert";
@@ -76,11 +76,11 @@ function WebbtcEnableComponent(props: Props) {
             <p className="mb-2">{tCommon("enable.allow")}</p>
 
             <div className="mb-2 flex items-center">
-              <CheckIcon className="w-5 h-5 mr-2" />
+              <PopiconsCheckLine className="w-5 h-5 mr-2" />
               <p className="dark:text-white">{tCommon("enable.request1")}</p>
             </div>
             <div className="mb-2 flex items-center">
-              <CheckIcon className="w-5 h-5 mr-2" />
+              <PopiconsCheckLine className="w-5 h-5 mr-2" />
               <p className="dark:text-white">{t("request2")}</p>
             </div>
           </div>
diff --git a/src/app/components/Enable/WeblnEnable.tsx b/src/app/components/Enable/WeblnEnable.tsx
index 8434fbe94b..11c0ee0095 100644
--- a/src/app/components/Enable/WeblnEnable.tsx
+++ b/src/app/components/Enable/WeblnEnable.tsx
@@ -1,7 +1,7 @@
-import { CheckIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import ConfirmOrCancel from "@components/ConfirmOrCancel";
 import Container from "@components/Container";
 import PublisherCard from "@components/PublisherCard";
+import { PopiconsCheckLine } from "@popicons/react";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import Alert from "~/app/components/Alert";
@@ -76,11 +76,11 @@ function WeblnEnableComponent(props: Props) {
             <p className="mb-2">{tCommon("enable.allow")}</p>
 
             <div className="mb-2 flex items-center">
-              <CheckIcon className="w-5 h-5 mr-2" />
+              <PopiconsCheckLine className="w-5 h-5 mr-2" />
               <p className="dark:text-white">{tCommon("enable.request1")}</p>
             </div>
             <div className="mb-2 flex items-center">
-              <CheckIcon className="w-5 h-5 mr-2" />
+              <PopiconsCheckLine className="w-5 h-5 mr-2" />
               <p className="dark:text-white">{t("request2")}</p>
             </div>
           </div>
diff --git a/src/app/components/IconLinkCard/IconLinkCard.tsx b/src/app/components/IconLinkCard/IconLinkCard.tsx
index 7c5da442bf..52639c6d11 100644
--- a/src/app/components/IconLinkCard/IconLinkCard.tsx
+++ b/src/app/components/IconLinkCard/IconLinkCard.tsx
@@ -1,4 +1,4 @@
-import { PopiconsChevronRightSolid } from "@popicons/react";
+import { PopiconsChevronRightLine } from "@popicons/react";
 
 export type IconLinkCardProps = {
   title: string;
@@ -18,7 +18,9 @@ export function IconLinkCard({
       className="border border-gray-200 dark:border-neutral-800 rounded-xl p-4 bg-white dark:bg-surface-01dp hover:bg-gray-50 dark:hover:bg-surface-02dp text-gray-800 dark:text-neutral-200 cursor-pointer flex flex-row items-center gap-3"
       onClick={onClick}
     >
-      <div className="flex-shrink-0 flex justify-center md:px-3">{icon}</div>
+      <div className="flex-shrink-0 flex justify-center md:px-3 text-gray-400 dark:text-neutral-600">
+        {icon}
+      </div>
       <div className="flex-grow space-y-0.5">
         <div className="font-medium leading-5 text-sm md:text-base">
           {title}
@@ -28,7 +30,7 @@ export function IconLinkCard({
         </div>
       </div>
       <div className="flex-shrink-0 flex justify-end text-gray-400 dark:text-neutral-600 ">
-        <PopiconsChevronRightSolid className="w-5" />
+        <PopiconsChevronRightLine className="w-5" />
       </div>
     </div>
   );
diff --git a/src/app/components/InputCopyButton/index.tsx b/src/app/components/InputCopyButton/index.tsx
index 274b6eb7c7..8b0011ec08 100644
--- a/src/app/components/InputCopyButton/index.tsx
+++ b/src/app/components/InputCopyButton/index.tsx
@@ -1,6 +1,5 @@
-import { CopyIcon as CopyFilledIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
-import { CopyIcon } from "@bitcoin-design/bitcoin-icons-react/outline";
-import { useState } from "react";
+import { PopiconsCopyLine } from "@popicons/react";
+import { t } from "i18next";
 import toast from "~/app/components/Toast";
 import { classNames } from "~/app/utils";
 
@@ -10,23 +9,19 @@ type Props = {
 };
 
 function InputCopyButton({ value, className }: Props) {
-  const [copied, setCopied] = useState(false);
-  const CurrentIcon = copied ? CopyFilledIcon : CopyIcon;
   return (
     <button
       type="button"
       tabIndex={-1}
       className={classNames(
         "flex justify-center items-center h-8 w-10",
+        "text-gray-400 dark:text-neutral-600 hover:text-gray-600 hover:dark:text-neutral-400",
         !!className && className
       )}
       onClick={async () => {
         try {
           navigator.clipboard.writeText(value);
-          setCopied(true);
-          setTimeout(() => {
-            setCopied(false);
-          }, 1000);
+          toast.success(t("common:actions.copied_to_clipboard"));
         } catch (e) {
           if (e instanceof Error) {
             toast.error(e.message);
@@ -34,7 +29,7 @@ function InputCopyButton({ value, className }: Props) {
         }
       }}
     >
-      <CurrentIcon className="w-6 h-6" />
+      <PopiconsCopyLine className="w-6 h-6" />
     </button>
   );
 }
diff --git a/src/app/components/Modal/index.tsx b/src/app/components/Modal/index.tsx
index 791a08257d..7d9580fe51 100644
--- a/src/app/components/Modal/index.tsx
+++ b/src/app/components/Modal/index.tsx
@@ -1,4 +1,4 @@
-import { CrossIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
+import { PopiconsXLine } from "@popicons/react";
 import ReactModal from "react-modal";
 import { classNames } from "~/app/utils";
 
@@ -42,7 +42,7 @@ export default function Modal({
         onClick={closeModal}
         className="absolute right-5 top-5 text-gray-600 dark:text-neutral-400 hover:text-gray-700 dark:hover:text-neutral-300"
       >
-        <CrossIcon className="w-6 h-6" />
+        <PopiconsXLine className="w-6 h-6" />
       </button>
       {children}
     </ReactModal>
diff --git a/src/app/components/PublishersTable/index.tsx b/src/app/components/PublishersTable/index.tsx
index e4aa098027..386f21c058 100644
--- a/src/app/components/PublishersTable/index.tsx
+++ b/src/app/components/PublishersTable/index.tsx
@@ -1,4 +1,4 @@
-import { CaretRightIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
+import { PopiconsChevronRightLine } from "@popicons/react";
 import { useTranslation } from "react-i18next";
 import BadgesList from "~/app/components/BadgesList";
 import { useSettings } from "~/app/context/SettingsContext";
@@ -53,7 +53,7 @@ export default function PublishersTable({
                       </p>
                       <BadgesList allowance={publisher} />
                     </div>
-                    <div className="text-sm space-x-2 text-gray-500 dark:text-neutral-400">
+                    <div className="text-sm space-x-2 text-gray-600 dark:text-neutral-400">
                       <span>{publisher.host}</span>
                       <span>•</span>
                       <span>
@@ -84,7 +84,7 @@ export default function PublishersTable({
                 </div>
               </td>
               <td className="w-10">
-                <CaretRightIcon className="h-6 w-6 text-gray-500" />
+                <PopiconsChevronRightLine className="h-6 w-6 text-gray-600 dark:text-neutral-400" />
               </td>
             </tr>
           ))}
diff --git a/src/app/components/QrcodeAdornment/index.tsx b/src/app/components/QrcodeAdornment/index.tsx
index 555514f3ae..297fe99330 100644
--- a/src/app/components/QrcodeAdornment/index.tsx
+++ b/src/app/components/QrcodeAdornment/index.tsx
@@ -1,4 +1,4 @@
-import { QrCodeIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
+import { PopiconsQrCodeMinimalLine } from "@popicons/react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 
@@ -20,7 +20,7 @@ export default function QrcodeAdornment({ route }: Props) {
         navigate("/scanQRCode", { state: { route: route }, replace: true });
       }}
     >
-      <QrCodeIcon className="h-6 w-6 text-blue-600" />
+      <PopiconsQrCodeMinimalLine className="h-5 w-5 text-blue-600" />
     </button>
   );
 }
diff --git a/src/app/components/QrcodeScanner/index.tsx b/src/app/components/QrcodeScanner/index.tsx
index a3c1b54c99..711721cf14 100644
--- a/src/app/components/QrcodeScanner/index.tsx
+++ b/src/app/components/QrcodeScanner/index.tsx
@@ -1,4 +1,4 @@
-import { QrCodeIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
+import { PopiconsQrCodeMinimalLine } from "@popicons/react";
 import { Html5Qrcode, Html5QrcodeScannerState } from "html5-qrcode";
 import { useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -130,7 +130,7 @@ function QrcodeScanner({
                 onClick={handleRequestCameraPermissions}
               />
             </div>
-            <QrCodeIcon className="h-28 w-28 ml-4 -mr-8 text-blue-600" />
+            <PopiconsQrCodeMinimalLine className="h-28 w-28 ml-4 -mr-8 text-blue-600" />
           </div>
         </>
       )}
diff --git a/src/app/components/SatButtons/index.tsx b/src/app/components/SatButtons/index.tsx
index 33e45ecdbc..8b746ddeb1 100644
--- a/src/app/components/SatButtons/index.tsx
+++ b/src/app/components/SatButtons/index.tsx
@@ -1,5 +1,4 @@
-import { SatoshiV2Icon } from "@bitcoin-design/bitcoin-icons-react/filled";
-
+import SatoshiIcon from "~/app/icons/SatoshiIcon";
 import Button from "../Button";
 
 type Props = {
@@ -17,7 +16,7 @@ function SatButtons({ onClick, disabled, min, max }: Props) {
       {sizes.map((size) => (
         <Button
           key={size}
-          icon={<SatoshiV2Icon className="w-4 h-4" />}
+          icon={<SatoshiIcon className="w-4 h-4" />}
           label={size / 1000 + "k"}
           onClick={() => onClick(size.toString())}
           fullWidth
diff --git a/src/app/components/Toast/index.tsx b/src/app/components/Toast/index.tsx
index e4247cbabd..405bbe0d3b 100644
--- a/src/app/components/Toast/index.tsx
+++ b/src/app/components/Toast/index.tsx
@@ -1,4 +1,4 @@
-import { CrossIcon } from "@bitcoin-design/bitcoin-icons-react/outline";
+import { PopiconsXLine } from "@popicons/react";
 import { Transition } from "@headlessui/react";
 import { ReactNode } from "react";
 import {
@@ -47,7 +47,7 @@ const toast: ToastMethods = {
             <div>{children}</div>
             {/* Add close icons for toasts that are displayed for a longer time */}
             {options?.duration && options?.duration > 10_000 && (
-              <CrossIcon
+              <PopiconsXLine
                 className="w-4 h-4 cursor-pointer"
                 onClick={() => hotToast.dismiss(t.id)}
               />
diff --git a/src/app/components/TransactionsTable/TransactionModal.tsx b/src/app/components/TransactionsTable/TransactionModal.tsx
index 2f291f40b1..220cb4fe45 100644
--- a/src/app/components/TransactionsTable/TransactionModal.tsx
+++ b/src/app/components/TransactionsTable/TransactionModal.tsx
@@ -1,11 +1,9 @@
 import {
-  CaretDownIcon,
-  CaretUpIcon,
-} from "@bitcoin-design/bitcoin-icons-react/filled";
-import {
-  ArrowDownIcon,
-  ArrowUpIcon,
-} from "@bitcoin-design/bitcoin-icons-react/outline";
+  PopiconsArrowDownSolid,
+  PopiconsArrowUpSolid,
+  PopiconsChevronBottomLine,
+  PopiconsChevronTopLine,
+} from "@popicons/react";
 import dayjs from "dayjs";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -58,12 +56,12 @@ export default function TransactionModal({
         <div>
           <div className="flex items-center justify-center">
             {getTransactionType(transaction) == "outgoing" ? (
-              <div className="flex justify-center items-center bg-orange-100 dark:bg-[#261911] rounded-full p-4">
-                <ArrowUpIcon className="w-8 h-8 text-orange-400 stroke-[5px]" />
+              <div className="flex justify-center items-center bg-orange-100 dark:bg-orange-950 rounded-full p-3">
+                <PopiconsArrowUpSolid className="w-10 h-10 text-orange-400 dark:text-amber-600 stroke-[1px] stroke-orange-400 dark:stroke-amber-600" />
               </div>
             ) : (
-              <div className="flex justify-center items-center bg-green-100 dark:bg-[#0F1E1A] rounded-full p-4">
-                <ArrowDownIcon className="w-8 h-8 text-green-400 stroke-[5px]" />
+              <div className="flex justify-center items-center bg-green-100 dark:bg-emerald-950 rounded-full p-3">
+                <PopiconsArrowDownSolid className="w-10 h-10 text-green-500 dark:text-emerald-500 stroke-[1px] stroke-green-400 dark:stroke-emerald-500" />
               </div>
             )}
           </div>
@@ -182,12 +180,12 @@ export default function TransactionModal({
                   {showMoreFields ? (
                     <>
                       {tCommon("actions.hide")}
-                      <CaretUpIcon className="h-4 w-4 inline-flex" />
+                      <PopiconsChevronTopLine className="h-4 w-4 inline-flex" />
                     </>
                   ) : (
                     <>
                       {tCommon("actions.more")}
-                      <CaretDownIcon className="h-4 w-4 inline-flex" />
+                      <PopiconsChevronBottomLine className="h-4 w-4 inline-flex" />
                     </>
                   )}
                 </Hyperlink>
diff --git a/src/app/components/TransactionsTable/index.tsx b/src/app/components/TransactionsTable/index.tsx
index a9ac5a8f7e..b90d036bbd 100644
--- a/src/app/components/TransactionsTable/index.tsx
+++ b/src/app/components/TransactionsTable/index.tsx
@@ -1,8 +1,5 @@
-import {
-  ArrowDownIcon,
-  ArrowUpIcon,
-} from "@bitcoin-design/bitcoin-icons-react/outline";
 import Loading from "@components/Loading";
+import { PopiconsArrowDownSolid, PopiconsArrowUpSolid } from "@popicons/react";
 
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -61,12 +58,12 @@ export default function TransactionsTable({
                 <div className="flex gap-3">
                   <div className="flex items-center">
                     {type == "outgoing" ? (
-                      <div className="flex justify-center items-center bg-orange-100 dark:bg-[#261911] rounded-full w-8 h-8">
-                        <ArrowUpIcon className="w-4 h-4 text-orange-400 stroke-[4px]" />
+                      <div className="flex justify-center items-center bg-orange-100 dark:bg-orange-950 rounded-full w-8 h-8">
+                        <PopiconsArrowUpSolid className="w-5 h-5 text-orange-400 dark:text-amber-600 stroke-[1px] stroke-orange-400 dark:stroke-amber-600" />
                       </div>
                     ) : (
-                      <div className="flex justify-center items-center bg-green-100 dark:bg-[#0F1E1A] rounded-full w-8 h-8">
-                        <ArrowDownIcon className="w-4 h-4 text-green-400 stroke-[4px]" />
+                      <div className="flex justify-center items-center bg-green-100 dark:bg-emerald-950 rounded-full w-8 h-8">
+                        <PopiconsArrowDownSolid className="w-5 h-5 text-green-500 dark:text-emerald-500 stroke-[1px] stroke-green-400 dark:stroke-emerald-500" />
                       </div>
                     )}
                   </div>
diff --git a/src/app/components/onboard/index.tsx b/src/app/components/onboard/index.tsx
index d5dfb14dc3..24b5f4a529 100644
--- a/src/app/components/onboard/index.tsx
+++ b/src/app/components/onboard/index.tsx
@@ -1,8 +1,4 @@
-import {
-  ClockIcon,
-  InfoCircleIcon,
-  TwoKeysIcon,
-} from "@bitcoin-design/bitcoin-icons-react/outline";
+import { PopiconsClockLine, PopiconsKeyLeftLine } from "@popicons/react";
 import { useTranslation } from "react-i18next";
 import ConfirmOrCancel from "~/app/components/ConfirmOrCancel";
 import Container from "~/app/components/Container";
@@ -10,6 +6,7 @@ import PublisherCard from "~/app/components/PublisherCard";
 import ScreenHeader from "~/app/components/ScreenHeader";
 import { useAccount } from "~/app/context/AccountContext";
 import { useNavigationState } from "~/app/hooks/useNavigationState";
+import PopiconsCircleInfoLine from "~/app/icons/popicons/CircleInfoLine";
 import { NO_KEYS_ERROR, USER_REJECTED_ERROR } from "~/common/constants";
 import api from "~/common/lib/api";
 import msg from "~/common/lib/msg";
@@ -60,15 +57,15 @@ export default function Onboard() {
           />
           <div className="dark:text-white pt-6">
             <div className="mb-2 flex items-center">
-              <TwoKeysIcon className="w-7 h-7 mr-2" />
+              <PopiconsKeyLeftLine className="w-7 h-7 mr-2" />
               <p>{t("request1")}</p>
             </div>
             <div className="mb-2 flex items-center">
-              <InfoCircleIcon className="w-7 h-7 mr-2" />
+              <PopiconsCircleInfoLine className="w-7 h-7 mr-2" />
               <p>{t("request2")}</p>
             </div>
             <div className="mb-2 flex items-center">
-              <ClockIcon className="w-7 h-7 mr-2" />
+              <PopiconsClockLine className="w-7 h-7 mr-2" />
               <p>{t("request3")}</p>
             </div>
           </div>
diff --git a/src/app/icons/SatoshiIcon.tsx b/src/app/icons/SatoshiIcon.tsx
new file mode 100644
index 0000000000..24cbf36607
--- /dev/null
+++ b/src/app/icons/SatoshiIcon.tsx
@@ -0,0 +1,14 @@
+import { SVGProps } from "react";
+
+const SatoshiIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path d="M12.75 18.5V21h-1.5v-2.5h1.5zM17 16.75H7v-1.5h10v1.5zm0-4H7v-1.5h10v1.5zm0-4H7v-1.5h10v1.5zM12.75 3v2.5h-1.5V3h1.5z" />
+  </svg>
+);
+
+export default SatoshiIcon;
diff --git a/src/app/icons/popicons/BitcoinCircleLine.tsx b/src/app/icons/popicons/BitcoinCircleLine.tsx
new file mode 100644
index 0000000000..e7f9bcddb5
--- /dev/null
+++ b/src/app/icons/popicons/BitcoinCircleLine.tsx
@@ -0,0 +1,27 @@
+import { SVGProps } from "react";
+
+const PopiconsBitcoinCircleLine = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    {...props}
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5ZM1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10.1723 4.93033C10.5724 5.03754 10.8098 5.44879 10.7026 5.84889L10.6287 6.12473L10.9507 6.211L11.0246 5.93517C11.1318 5.53507 11.5431 5.29763 11.9432 5.40484C12.3433 5.51204 12.5807 5.9233 12.4735 6.32339L12.3863 6.64873C13.3404 7.13613 13.8583 8.23875 13.5698 9.31526C13.4417 9.79367 13.173 10.1969 12.8201 10.4925C13.2262 11.0444 13.3868 11.7691 13.1957 12.4824L13.1783 12.5473C12.8541 13.7573 11.6103 14.4754 10.4003 14.1512L10.3777 14.1451L10.3038 14.421C10.1966 14.8211 9.78531 15.0585 9.38521 14.9513C8.98511 14.8441 8.74767 14.4328 8.85488 14.0327L8.92879 13.7569L8.60681 13.6706L8.5329 13.9465C8.4257 14.3466 8.01444 14.584 7.61434 14.4768C7.21424 14.3696 6.97681 13.9583 7.08401 13.5582L7.15792 13.2824L6.1115 13.002C5.7114 12.8948 5.47397 12.4836 5.58117 12.0835C5.68838 11.6834 6.09963 11.4459 6.49973 11.5531L6.7128 11.6102L7.95827 6.96209L7.74519 6.905C7.34509 6.79779 7.10766 6.38654 7.21486 5.98644C7.32207 5.58634 7.73332 5.34891 8.13342 5.45611L9.17984 5.7365L9.25375 5.46066C9.36096 5.06056 9.77221 4.82313 10.1723 4.93033ZM9.40715 7.35032L8.98238 8.93561L11.1159 9.50729C11.5537 9.62459 12.0037 9.3648 12.121 8.92704C12.2383 8.48927 11.9785 8.0393 11.5407 7.922L9.40715 7.35032ZM8.59415 10.3845L8.16169 11.9984L10.7885 12.7023C11.1984 12.8121 11.6196 12.5689 11.7294 12.1591L11.7468 12.0942C11.8662 11.6485 11.6018 11.1904 11.1561 11.071L8.59415 10.3845Z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export default PopiconsBitcoinCircleLine;
diff --git a/src/app/icons/popicons/CircleInfoLine.tsx b/src/app/icons/popicons/CircleInfoLine.tsx
new file mode 100644
index 0000000000..32b588509c
--- /dev/null
+++ b/src/app/icons/popicons/CircleInfoLine.tsx
@@ -0,0 +1,31 @@
+import { SVGProps } from "react";
+
+const PopiconsCircleInfoLine = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    {...props}
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10 14.8611C9.53976 14.8611 9.16667 14.488 9.16667 14.0278L9.16667 9.58333C9.16667 9.1231 9.53976 8.75 10 8.75C10.4602 8.75 10.8333 9.1231 10.8333 9.58333L10.8333 14.0278C10.8333 14.488 10.4602 14.8611 10 14.8611Z"
+      fill="currentColor"
+    />
+    <path
+      d="M8.88889 6.25C8.88889 5.63635 9.38635 5.13889 10 5.13889C10.6136 5.13889 11.1111 5.63635 11.1111 6.25C11.1111 6.86365 10.6136 7.36111 10 7.36111C9.38635 7.36111 8.88889 6.86365 8.88889 6.25Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10 18.4615C14.6732 18.4615 18.4615 14.6732 18.4615 10C18.4615 5.32682 14.6732 1.53846 10 1.53846C5.32682 1.53846 1.53846 5.32682 1.53846 10C1.53846 14.6732 5.32682 18.4615 10 18.4615ZM20 10C20 15.5228 15.5228 20 10 20C4.47715 20 8.00688e-07 15.5228 3.17865e-07 10C-1.64958e-07 4.47715 4.47715 4.03376e-07 10 -7.94466e-08C15.5228 -5.62269e-07 20 4.47715 20 10Z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export default PopiconsCircleInfoLine;
diff --git a/src/app/icons/popicons/GlobeLine.tsx b/src/app/icons/popicons/GlobeLine.tsx
new file mode 100644
index 0000000000..8209757e77
--- /dev/null
+++ b/src/app/icons/popicons/GlobeLine.tsx
@@ -0,0 +1,21 @@
+import { SVGProps } from "react";
+
+const PopiconsGlobeLine = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    {...props}
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M1.00293 9.72046C1.00293 4.7499 5.03237 0.720459 10.0029 0.720459C14.9735 0.720459 19.0029 4.7499 19.0029 9.72046C19.0029 14.691 14.9735 18.7205 10.0029 18.7205C5.03237 18.7205 1.00293 14.691 1.00293 9.72046ZM9.40212 2.60503C9.6819 2.282 9.88729 2.22046 10.0029 2.22046C10.1186 2.22046 10.324 2.282 10.6037 2.60503C10.8818 2.92603 11.1662 3.43414 11.42 4.12704C11.9255 5.50682 12.2529 7.46282 12.2529 9.65979C12.2529 9.72741 12.2526 9.7948 12.252 9.86195C11.5552 9.92109 10.8042 9.95614 10.003 9.95614C9.20171 9.95614 8.4507 9.92108 7.75386 9.86194C7.75324 9.79479 7.75293 9.7274 7.75293 9.65979C7.75293 7.46282 8.08039 5.50682 8.58584 4.12704C8.83967 3.43414 9.1241 2.92603 9.40212 2.60503ZM6.25295 9.68905C6.25294 9.6793 6.25293 9.66955 6.25293 9.65979C6.25293 7.33391 6.59704 5.19525 7.17738 3.61108C7.30807 3.25432 7.45367 2.91757 7.61463 2.60874C4.91928 3.51354 2.90751 5.90771 2.55722 8.81339C2.90485 8.93462 3.37121 9.08183 3.94726 9.22969C4.58551 9.39352 5.35812 9.55808 6.25295 9.68905ZM2.53199 10.3853C2.83236 10.4802 3.18059 10.5815 3.57432 10.6826C4.32446 10.8751 5.24013 11.0668 6.30491 11.2112C6.42141 12.9285 6.72884 14.4841 7.17738 15.7085C7.32918 16.1229 7.5011 16.5103 7.69384 16.8583C4.88383 15.9499 2.79927 13.4283 2.53199 10.3853ZM7.82098 11.3723C8.50313 11.4253 9.23148 11.4561 10.003 11.4561C10.7744 11.4561 11.5028 11.4253 12.1849 11.3723C12.0641 12.8665 11.7896 14.1836 11.42 15.1925C11.1662 15.8854 10.8818 16.3936 10.6037 16.7145C10.324 17.0376 10.1186 17.0991 10.0029 17.0991C9.88729 17.0991 9.6819 17.0376 9.40212 16.7145C9.1241 16.3936 8.83967 15.8854 8.58584 15.1925C8.21623 14.1836 7.94179 12.8665 7.82098 11.3723ZM13.7009 11.2112C13.5844 12.9285 13.277 14.4841 12.8285 15.7085C12.6767 16.1229 12.5048 16.5103 12.312 16.8583C15.122 15.9499 17.2066 13.4283 17.4739 10.3853C17.1735 10.4802 16.8253 10.5815 16.4316 10.6826C15.6815 10.8751 14.7658 11.0668 13.7009 11.2112ZM17.4486 8.81343C17.0984 5.90773 15.0866 3.51354 12.3912 2.60874C12.5522 2.91757 12.6978 3.25432 12.8285 3.61108C13.4088 5.19525 13.7529 7.33391 13.7529 9.65979C13.7529 9.66955 13.7529 9.67931 13.7529 9.68907C14.6478 9.55809 15.4204 9.39353 16.0587 9.22969C16.6347 9.08184 17.101 8.93465 17.4486 8.81343Z"
+      fill="currentColor"
+    ></path>
+  </svg>
+);
+
+export default PopiconsGlobeLine;
diff --git a/src/app/screens/Accounts/index.tsx b/src/app/screens/Accounts/index.tsx
index cac4f5b75b..283b0dcaee 100644
--- a/src/app/screens/Accounts/index.tsx
+++ b/src/app/screens/Accounts/index.tsx
@@ -1,9 +1,6 @@
-import {
-  CaretRightIcon,
-  PlusIcon,
-} from "@bitcoin-design/bitcoin-icons-react/filled";
 import Button from "@components/Button";
 import Container from "@components/Container";
+import { PopiconsChevronRightLine, PopiconsPlusSolid } from "@popicons/react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import Avatar from "~/app/components/Avatar";
@@ -23,7 +20,7 @@ function AccountsScreen() {
         <h2 className="text-2xl font-bold dark:text-white">{t("title")}</h2>
         <div>
           <Button
-            icon={<PlusIcon className="w-5 h-5 mr-2" />}
+            icon={<PopiconsPlusSolid className="w-5 h-5 mr-2" />}
             label={t("actions.connect_a_wallet")}
             primary
             onClick={() => navigate(`/accounts/new`)}
@@ -50,17 +47,17 @@ function AccountsScreen() {
                       />
 
                       <div className="ml-4">
-                        <h3 className="font-bold text-gray-900 dark:text-white break-all whitespace-normal max-w-xs md:max-w-lg xl:max-w-2xl">
+                        <h3 className="font-medium dark:text-white break-all whitespace-normal max-w-xs md:max-w-lg xl:max-w-2xl">
                           {account.name}
                         </h3>
-                        <p className="text-gray-700 dark:text-neutral-400">
+                        <p className="text-gray-600 dark:text-neutral-400">
                           {account.connector}
                         </p>
                       </div>
                     </div>
                   </td>
                   <td className="w-10">
-                    <CaretRightIcon className="h-6 w-6 text-gray-500" />
+                    <PopiconsChevronRightLine className="h-6 w-6 text-gray-600 dark:text-neutral-400" />
                   </td>
                 </tr>
               );
diff --git a/src/app/screens/Bitcoin/ConfirmGetAddress/index.tsx b/src/app/screens/Bitcoin/ConfirmGetAddress/index.tsx
index cceca157d4..59676eccc5 100644
--- a/src/app/screens/Bitcoin/ConfirmGetAddress/index.tsx
+++ b/src/app/screens/Bitcoin/ConfirmGetAddress/index.tsx
@@ -1,8 +1,8 @@
-import { CheckIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import ConfirmOrCancel from "@components/ConfirmOrCancel";
 import Container from "@components/Container";
 import PublisherCard from "@components/PublisherCard";
 import Checkbox from "@components/form/Checkbox";
+import { PopiconsCheckLine } from "@popicons/react";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import ScreenHeader from "~/app/components/ScreenHeader";
@@ -66,7 +66,7 @@ function BitcoinConfirmGetAddress() {
           <div className="dark:text-white pt-6 mb-4">
             <p className="mb-2">{t("allow")}</p>
             <div className="mb-2 flex items-center">
-              <CheckIcon className="w-5 h-5 mr-2" />
+              <PopiconsCheckLine className="w-5 h-5 mr-2" />
               <p className="dark:text-white">
                 {tPermissions("bitcoin.getaddress")}
               </p>
diff --git a/src/app/screens/Home/AllowanceView/index.tsx b/src/app/screens/Home/AllowanceView/index.tsx
index 7f454498ae..fcdf64c161 100644
--- a/src/app/screens/Home/AllowanceView/index.tsx
+++ b/src/app/screens/Home/AllowanceView/index.tsx
@@ -1,4 +1,3 @@
-import { CaretLeftIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import Header from "@components/Header";
 import IconButton from "@components/IconButton";
 import Loading from "@components/Loading";
@@ -6,6 +5,7 @@ import Progressbar from "@components/Progressbar";
 import PublisherCard from "@components/PublisherCard";
 import SitePreferences from "@components/SitePreferences";
 import TransactionsTable from "@components/TransactionsTable";
+import { PopiconsChevronLeftLine } from "@popicons/react";
 import dayjs from "dayjs";
 import relativeTime from "dayjs/plugin/relativeTime";
 import { FC, useEffect, useState } from "react";
@@ -83,7 +83,7 @@ const AllowanceView: FC<Props> = (props) => {
         headerLeft={
           <IconButton
             onClick={props.onGoBack}
-            icon={<CaretLeftIcon className="w-4 h-4" />}
+            icon={<PopiconsChevronLeftLine className="w-5 h-5" />}
           />
         }
       >
diff --git a/src/app/screens/Home/DefaultView/index.tsx b/src/app/screens/Home/DefaultView/index.tsx
index 40e60ca13b..760dae4008 100644
--- a/src/app/screens/Home/DefaultView/index.tsx
+++ b/src/app/screens/Home/DefaultView/index.tsx
@@ -1,8 +1,9 @@
-import { ArrowRightIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
+import Button from "@components/Button";
 import Loading from "@components/Loading";
 import TransactionsTable from "@components/TransactionsTable";
 import {
   PopiconsArrowDownLine,
+  PopiconsArrowRightLine,
   PopiconsBulbLine,
   PopiconsKeyLine,
 } from "@popicons/react";
@@ -13,7 +14,6 @@ import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import Alert from "~/app/components/Alert";
 import BalanceBox from "~/app/components/BalanceBox";
-import Button from "~/app/components/Button";
 import Hyperlink from "~/app/components/Hyperlink";
 import { IconLinkCard } from "~/app/components/IconLinkCard/IconLinkCard";
 import SkeletonLoader from "~/app/components/SkeletonLoader";
@@ -198,9 +198,7 @@ const DefaultView: FC<Props> = (props) => {
                   description={t(
                     "default_view.actions.get_started.description"
                   )}
-                  icon={
-                    <PopiconsBulbLine className="w-8 h-8 text-gray-400 dark:text-neutral-500" />
-                  }
+                  icon={<PopiconsBulbLine className="w-8 h-8" />}
                   onClick={() => {
                     utils.openUrl(
                       "https://guides.getalby.com/user-guide/v/alby-account-and-browser-extension/"
@@ -216,9 +214,7 @@ const DefaultView: FC<Props> = (props) => {
                 <IconLinkCard
                   title={t("default_view.actions.setup_keys.title")}
                   description={t("default_view.actions.setup_keys.description")}
-                  icon={
-                    <PopiconsKeyLine className="w-8 h-8 text-gray-400 dark:text-neutral-500" />
-                  }
+                  icon={<PopiconsKeyLine className="w-8 h-8" />}
                   onClick={async () => {
                     openOptions(
                       `accounts/${currentAccount?.id}/secret-key/new`
@@ -233,9 +229,7 @@ const DefaultView: FC<Props> = (props) => {
                   description={t(
                     "default_view.actions.receive_bitcoin.description"
                   )}
-                  icon={
-                    <PopiconsArrowDownLine className="w-8 h-8 text-gray-400 dark:text-neutral-500" />
-                  }
+                  icon={<PopiconsArrowDownLine className="w-8 h-8" />}
                   onClick={() => {
                     navigate("/receive");
                   }}
@@ -254,7 +248,7 @@ const DefaultView: FC<Props> = (props) => {
                   className="flex justify-center items-center mt-2"
                 >
                   {t("default_view.see_all")}
-                  <ArrowRightIcon className="ml-2 w-4 h-4" />
+                  <PopiconsArrowRightLine className="ml-2 w-5 h-5" />
                 </Hyperlink>
               </div>
             )}
diff --git a/src/app/screens/Keysend/index.tsx b/src/app/screens/Keysend/index.tsx
index 8f2cec79e7..d35e9775e1 100644
--- a/src/app/screens/Keysend/index.tsx
+++ b/src/app/screens/Keysend/index.tsx
@@ -1,4 +1,3 @@
-import { CaretLeftIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import Button from "@components/Button";
 import ConfirmOrCancel from "@components/ConfirmOrCancel";
 import ContentMessage from "@components/ContentMessage";
@@ -7,6 +6,7 @@ import IconButton from "@components/IconButton";
 import ResultCard from "@components/ResultCard";
 import SatButtons from "@components/SatButtons";
 import DualCurrencyField from "@components/form/DualCurrencyField";
+import { PopiconsChevronLeftLine } from "@popicons/react";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
@@ -103,7 +103,7 @@ function Keysend() {
         headerLeft={
           <IconButton
             onClick={() => navigate("/send")}
-            icon={<CaretLeftIcon className="w-4 h-4" />}
+            icon={<PopiconsChevronLeftLine className="w-5 h-5" />}
           />
         }
       >
diff --git a/src/app/screens/LNURLPay/index.tsx b/src/app/screens/LNURLPay/index.tsx
index e82f10f24c..43132b705a 100644
--- a/src/app/screens/LNURLPay/index.tsx
+++ b/src/app/screens/LNURLPay/index.tsx
@@ -1,8 +1,3 @@
-import {
-  CaretDownIcon,
-  CaretLeftIcon,
-  CaretUpIcon,
-} from "@bitcoin-design/bitcoin-icons-react/filled";
 import Button from "@components/Button";
 import ConfirmOrCancel from "@components/ConfirmOrCancel";
 import Container from "@components/Container";
@@ -12,6 +7,11 @@ import ResultCard from "@components/ResultCard";
 import SatButtons from "@components/SatButtons";
 import DualCurrencyField from "@components/form/DualCurrencyField";
 import TextField from "@components/form/TextField";
+import {
+  PopiconsChevronBottomLine,
+  PopiconsChevronLeftLine,
+  PopiconsChevronTopLine,
+} from "@popicons/react";
 import fetchAdapter from "@vespaiach/axios-fetch-adapter";
 import axios from "axios";
 import React, { Fragment, useEffect, useState } from "react";
@@ -390,7 +390,7 @@ function LNURLPay() {
             headerLeft={
               <IconButton
                 onClick={() => navigate(-1)}
-                icon={<CaretLeftIcon className="w-4 h-4" />}
+                icon={<PopiconsChevronLeftLine className="w-5 h-5" />}
               />
             }
           >
@@ -481,9 +481,9 @@ function LNURLPay() {
                           <Hyperlink onClick={toggleShowMoreFields}>
                             {tCommon("actions.more")}{" "}
                             {showMoreFields ? (
-                              <CaretUpIcon className="h-4 w-4 inline-flex" />
+                              <PopiconsChevronTopLine className="h-5 w-5 inline-flex" />
                             ) : (
-                              <CaretDownIcon className="h-4 w-4 inline-flex" />
+                              <PopiconsChevronBottomLine className="h-5 w-5 inline-flex" />
                             )}
                           </Hyperlink>
                         </div>
diff --git a/src/app/screens/LNURLRedeem/index.tsx b/src/app/screens/LNURLRedeem/index.tsx
index 7417e676ed..fbda28bd5f 100644
--- a/src/app/screens/LNURLRedeem/index.tsx
+++ b/src/app/screens/LNURLRedeem/index.tsx
@@ -1,9 +1,9 @@
-import { CaretLeftIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import Button from "@components/Button";
 import Container from "@components/Container";
 import Header from "@components/Header";
 import IconButton from "@components/IconButton";
 import TextField from "@components/form/TextField";
+import { PopiconsChevronLeftLine } from "@popicons/react";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useLocation, useNavigate } from "react-router-dom";
@@ -68,7 +68,7 @@ function LNURLRedeem() {
         headerLeft={
           <IconButton
             onClick={() => navigate(-1)}
-            icon={<CaretLeftIcon className="w-4 h-4" />}
+            icon={<PopiconsChevronLeftLine className="w-5 h-5" />}
           />
         }
       >
diff --git a/src/app/screens/Liquid/ConfirmGetAddress.tsx b/src/app/screens/Liquid/ConfirmGetAddress.tsx
index 969f4eb71c..e931291a03 100644
--- a/src/app/screens/Liquid/ConfirmGetAddress.tsx
+++ b/src/app/screens/Liquid/ConfirmGetAddress.tsx
@@ -1,7 +1,7 @@
-import { CheckIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import ConfirmOrCancel from "@components/ConfirmOrCancel";
 import Container from "@components/Container";
 import PublisherCard from "@components/PublisherCard";
+import { PopiconsCheckLine } from "@popicons/react";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import ScreenHeader from "~/app/components/ScreenHeader";
@@ -66,7 +66,7 @@ function LiquidConfirmGetAddress() {
           <div className="dark:text-white pt-6 mb-4">
             <p className="mb-2">{t("allow")}</p>
             <div className="mb-2 flex items-center">
-              <CheckIcon className="w-5 h-5 mr-2" />
+              <PopiconsCheckLine className="w-5 h-5 mr-2" />
               <p className="dark:text-white">
                 {tPermissions("liquid.getaddress")}
               </p>
diff --git a/src/app/screens/Liquid/ConfirmSignPset.tsx b/src/app/screens/Liquid/ConfirmSignPset.tsx
index 0e7c757011..1dd86ab63d 100644
--- a/src/app/screens/Liquid/ConfirmSignPset.tsx
+++ b/src/app/screens/Liquid/ConfirmSignPset.tsx
@@ -1,4 +1,3 @@
-import { InfoIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import ConfirmOrCancel from "@components/ConfirmOrCancel";
 import Container from "@components/Container";
 import PublisherCard from "@components/PublisherCard";
@@ -12,6 +11,7 @@ import Loading from "~/app/components/Loading";
 import ScreenHeader from "~/app/components/ScreenHeader";
 import toast from "~/app/components/Toast";
 import { useNavigationState } from "~/app/hooks/useNavigationState";
+import PopiconsCircleInfoLine from "~/app/icons/popicons/CircleInfoLine";
 import { USER_REJECTED_ERROR } from "~/common/constants";
 import api from "~/common/lib/api";
 import msg from "~/common/lib/msg";
@@ -113,7 +113,7 @@ function ConfirmSignPset() {
                   target="_blank"
                 >
                   <div className="bg-blue-500 rounded-full">
-                    <InfoIcon className="h-4 w-4 text-white" />
+                    <PopiconsCircleInfoLine className="h-4 w-4 text-white" />
                   </div>
                 </Hyperlink>
               </div>
diff --git a/src/app/screens/Nostr/ConfirmDecrypt.tsx b/src/app/screens/Nostr/ConfirmDecrypt.tsx
index 40c947e7a6..f0542e6136 100644
--- a/src/app/screens/Nostr/ConfirmDecrypt.tsx
+++ b/src/app/screens/Nostr/ConfirmDecrypt.tsx
@@ -1,7 +1,7 @@
-import { CheckIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import ConfirmOrCancel from "@components/ConfirmOrCancel";
 import Container from "@components/Container";
 import PublisherCard from "@components/PublisherCard";
+import { PopiconsCheckLine } from "@popicons/react";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import ScreenHeader from "~/app/components/ScreenHeader";
@@ -67,7 +67,7 @@ function NostrConfirmDecrypt() {
           <div className="dark:text-white pt-6 mb-4">
             <p className="mb-2">{t("allow", { host: origin.host })}</p>
             <p className="dark:text-white">
-              <CheckIcon className="w-5 h-5 mr-2 inline" />
+              <PopiconsCheckLine className="w-5 h-5 mr-2 inline" />
               {tPermissions("nostr.nip04decrypt")}
             </p>
           </div>
diff --git a/src/app/screens/Nostr/ConfirmGetPublicKey.tsx b/src/app/screens/Nostr/ConfirmGetPublicKey.tsx
index 5f7abf1234..08d01314df 100644
--- a/src/app/screens/Nostr/ConfirmGetPublicKey.tsx
+++ b/src/app/screens/Nostr/ConfirmGetPublicKey.tsx
@@ -1,8 +1,8 @@
-import { CheckIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import ConfirmOrCancel from "@components/ConfirmOrCancel";
 import Container from "@components/Container";
 import PublisherCard from "@components/PublisherCard";
 import Checkbox from "@components/form/Checkbox";
+import { PopiconsCheckLine } from "@popicons/react";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import ScreenHeader from "~/app/components/ScreenHeader";
@@ -66,7 +66,7 @@ function NostrConfirmGetPublicKey() {
           <div className="dark:text-white pt-6 mb-4">
             <p className="mb-2">{t("allow")}</p>
             <div className="mb-2 flex items-center">
-              <CheckIcon className="w-5 h-5 mr-2" />
+              <PopiconsCheckLine className="w-5 h-5 mr-2" />
               <p className="dark:text-white">
                 {tPermissions("nostr.getpublickey")}
               </p>
diff --git a/src/app/screens/OnChainReceive/index.tsx b/src/app/screens/OnChainReceive/index.tsx
index 6bb7fd4840..f6ba31b32a 100644
--- a/src/app/screens/OnChainReceive/index.tsx
+++ b/src/app/screens/OnChainReceive/index.tsx
@@ -1,5 +1,5 @@
-import { CaretLeftIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import Header from "@components/Header";
+import { PopiconsChevronLeftLine } from "@popicons/react";
 import { Trans, useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import Button from "~/app/components/Button";
@@ -20,7 +20,7 @@ export default function OnChainReceive() {
             onClick={() => {
               navigate(-1);
             }}
-            icon={<CaretLeftIcon className="w-4 h-4" />}
+            icon={<PopiconsChevronLeftLine className="w-5 h-5" />}
           />
         }
       >
diff --git a/src/app/screens/Receive/index.tsx b/src/app/screens/Receive/index.tsx
index 5c15b18ec7..93d570097c 100644
--- a/src/app/screens/Receive/index.tsx
+++ b/src/app/screens/Receive/index.tsx
@@ -1,11 +1,12 @@
-import {
-  CaretLeftIcon,
-  CopyIcon,
-} from "@bitcoin-design/bitcoin-icons-react/outline";
 import Container from "@components/Container";
 import Header from "@components/Header";
 import IconButton from "@components/IconButton";
-import { PopiconsBoltLine, PopiconsWithdrawalLine } from "@popicons/react";
+import {
+  PopiconsBoltLine,
+  PopiconsChevronLeftLine,
+  PopiconsCopyLine,
+  PopiconsWithdrawalLine,
+} from "@popicons/react";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
@@ -49,7 +50,7 @@ function Receive() {
             onClick={() => {
               navigate(-1);
             }}
-            icon={<CaretLeftIcon className="w-4 h-4" />}
+            icon={<PopiconsChevronLeftLine className="w-5 h-5" />}
           />
         }
       >
@@ -106,7 +107,7 @@ function Receive() {
                         }}
                       >
                         {lightningAddress}
-                        <CopyIcon className="w-4 h-4" />
+                        <PopiconsCopyLine className="w-4 h-4" />
                       </a>
                     )}
                   </div>
@@ -116,9 +117,7 @@ function Receive() {
             <IconLinkCard
               title={t("actions.invoice.title")}
               description={t("actions.invoice.description")}
-              icon={
-                <PopiconsBoltLine className="w-8 h-8 text-gray-400 dark:text-neutral-500" />
-              }
+              icon={<PopiconsBoltLine className="w-8 h-8" />}
               onClick={() => {
                 navigate("/receive/invoice");
               }}
@@ -126,9 +125,7 @@ function Receive() {
             <IconLinkCard
               title={t("actions.redeem.title")}
               description={t("actions.redeem.description")}
-              icon={
-                <PopiconsWithdrawalLine className="w-8 h-8 text-gray-400 dark:text-neutral-500" />
-              }
+              icon={<PopiconsWithdrawalLine className="w-8 h-8" />}
               onClick={() => {
                 navigate("/lnurlRedeem");
               }}
diff --git a/src/app/screens/ReceiveInvoice/index.tsx b/src/app/screens/ReceiveInvoice/index.tsx
index 5460dc8472..a1799106d1 100644
--- a/src/app/screens/ReceiveInvoice/index.tsx
+++ b/src/app/screens/ReceiveInvoice/index.tsx
@@ -1,7 +1,3 @@
-import {
-  CaretLeftIcon,
-  CopyIcon,
-} from "@bitcoin-design/bitcoin-icons-react/outline";
 import Button from "@components/Button";
 import Container from "@components/Container";
 import Header from "@components/Header";
@@ -9,6 +5,7 @@ import IconButton from "@components/IconButton";
 import Loading from "@components/Loading";
 import DualCurrencyField from "@components/form/DualCurrencyField";
 import TextField from "@components/form/TextField";
+import { PopiconsChevronLeftLine, PopiconsCopyLine } from "@popicons/react";
 import { useEffect, useRef, useState } from "react";
 import Confetti from "react-confetti";
 import { useTranslation } from "react-i18next";
@@ -161,7 +158,7 @@ function ReceiveInvoice() {
                     }
                   }
                 }}
-                icon={<CopyIcon className="w-6 h-6 mr-2" />}
+                icon={<PopiconsCopyLine className="w-6 h-6 mr-2" />}
                 label={tCommon("actions.copy_invoice")}
                 primary
               />
@@ -221,7 +218,7 @@ function ReceiveInvoice() {
             onClick={() => {
               invoice ? setDefaults() : navigate(-1);
             }}
-            icon={<CaretLeftIcon className="w-4 h-4" />}
+            icon={<PopiconsChevronLeftLine className="w-5 h-5" />}
           />
         }
       >
diff --git a/src/app/screens/ScanQRCode/index.tsx b/src/app/screens/ScanQRCode/index.tsx
index 2e244bfbbd..3a16404aac 100644
--- a/src/app/screens/ScanQRCode/index.tsx
+++ b/src/app/screens/ScanQRCode/index.tsx
@@ -1,4 +1,4 @@
-import { CrossIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
+import { PopiconsXLine } from "@popicons/react";
 import { useTranslation } from "react-i18next";
 import { useLocation, useNavigate } from "react-router-dom";
 import Container from "~/app/components/Container";
@@ -24,7 +24,7 @@ export default function ScanQRCode() {
                 { replace: true }
               )
             }
-            icon={<CrossIcon className="w-4 h-4" />}
+            icon={<PopiconsXLine className="w-4 h-4" />}
           />
         }
       >
diff --git a/src/app/screens/Send/index.tsx b/src/app/screens/Send/index.tsx
index 4d9943ab85..3cec8c95e2 100644
--- a/src/app/screens/Send/index.tsx
+++ b/src/app/screens/Send/index.tsx
@@ -1,9 +1,9 @@
-import { CaretLeftIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import Button from "@components/Button";
 import Container from "@components/Container";
 import Header from "@components/Header";
 import IconButton from "@components/IconButton";
 import TextField from "@components/form/TextField";
+import { PopiconsChevronLeftLine } from "@popicons/react";
 import lightningPayReq from "bolt11";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -120,7 +120,7 @@ function Send() {
         headerLeft={
           <IconButton
             onClick={() => navigate(-1)}
-            icon={<CaretLeftIcon className="w-4 h-4" />}
+            icon={<PopiconsChevronLeftLine className="w-5 h-5" />}
           />
         }
       >
diff --git a/src/app/screens/SendToBitcoinAddress/index.tsx b/src/app/screens/SendToBitcoinAddress/index.tsx
index 867707193d..bc27586c85 100644
--- a/src/app/screens/SendToBitcoinAddress/index.tsx
+++ b/src/app/screens/SendToBitcoinAddress/index.tsx
@@ -1,13 +1,11 @@
-import {
-  CaretLeftIcon,
-  ExportIcon,
-} from "@bitcoin-design/bitcoin-icons-react/filled";
+import { PopiconsLinkExternalSolid } from "@popicons/react";
 import Button from "@components/Button";
 import ConfirmOrCancel from "@components/ConfirmOrCancel";
 import Header from "@components/Header";
 import IconButton from "@components/IconButton";
 import DualCurrencyField from "@components/form/DualCurrencyField";
 import { CreateSwapResponse } from "@getalby/sdk/dist/types";
+import { PopiconsChevronLeftLine } from "@popicons/react";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import Skeleton from "react-loading-skeleton";
@@ -219,7 +217,7 @@ function SendToBitcoinAddress() {
         headerLeft={
           <IconButton
             onClick={() => navigate("/send")}
-            icon={<CaretLeftIcon className="w-4 h-4" />}
+            icon={<PopiconsChevronLeftLine className="w-5 h-5" />}
           />
         }
       >
@@ -381,7 +379,7 @@ function SendToBitcoinAddress() {
                 target="_blank"
               >
                 {t("view_on_explorer")}
-                <ExportIcon className="w-6 h-6 inline" />
+                <PopiconsLinkExternalSolid className="w-6 h-6 inline" />
               </Hyperlink>
             </div>
             {timeEstimateAlert}
diff --git a/src/app/screens/connectors/ConnectCommando/index.tsx b/src/app/screens/connectors/ConnectCommando/index.tsx
index d197e667bf..5babb487de 100644
--- a/src/app/screens/connectors/ConnectCommando/index.tsx
+++ b/src/app/screens/connectors/ConnectCommando/index.tsx
@@ -1,11 +1,11 @@
-import {
-  CaretDownIcon,
-  CaretUpIcon,
-} from "@bitcoin-design/bitcoin-icons-react/outline";
 import ConnectorForm from "@components/ConnectorForm";
 import TextField from "@components/form/TextField";
 import ConnectionErrorToast from "@components/toasts/ConnectionErrorToast";
 import * as secp256k1 from "@noble/secp256k1";
+import {
+  PopiconsChevronBottomLine,
+  PopiconsChevronTopLine,
+} from "@popicons/react";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
@@ -161,12 +161,12 @@ export default function ConnectCommando() {
           {showAdvanced ? (
             <>
               {tCommon("hide_advanced")}
-              <CaretUpIcon className="h-4 w-4 inline-flex" />
+              <PopiconsChevronTopLine className="h-4 w-4 inline-flex" />
             </>
           ) : (
             <>
               {tCommon("advanced")}
-              <CaretDownIcon className="h-4 w-4 inline-flex" />
+              <PopiconsChevronBottomLine className="h-4 w-4 inline-flex" />
             </>
           )}
         </Hyperlink>
diff --git a/src/app/screens/connectors/ConnectLnd/index.tsx b/src/app/screens/connectors/ConnectLnd/index.tsx
index 49d9ee708a..d60925e71d 100644
--- a/src/app/screens/connectors/ConnectLnd/index.tsx
+++ b/src/app/screens/connectors/ConnectLnd/index.tsx
@@ -1,8 +1,8 @@
-import { SendIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import CompanionDownloadInfo from "@components/CompanionDownloadInfo";
 import ConnectorForm from "@components/ConnectorForm";
 import TextField from "@components/form/TextField";
 import ConnectionErrorToast from "@components/toasts/ConnectionErrorToast";
+import { PopiconsShareLine } from "@popicons/react";
 import { useRef, useState } from "react";
 import { Trans, useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
@@ -204,7 +204,7 @@ export default function ConnectLnd() {
             if (hiddenFileInput?.current) hiddenFileInput.current.click();
           }}
         >
-          <SendIcon className="mb-3 h-6 w-6 text-blue-600 hover:text-blue-700" />
+          <PopiconsShareLine className="mb-3 h-6 w-6 text-blue-600 hover:text-blue-700" />
           <p className="dark:text-white">
             <Trans
               i18nKey={"drag_and_drop"}
diff --git a/src/i18n/locales/en/translation.json b/src/i18n/locales/en/translation.json
index 415d9b4554..5954948459 100644
--- a/src/i18n/locales/en/translation.json
+++ b/src/i18n/locales/en/translation.json
@@ -1143,7 +1143,6 @@
       "options": {
         "account": {
           "add": "Connect a Wallet",
-          "manage": "Manage Wallets",
           "wallet_settings": "Wallet settings",
           "go_to_web_wallet": "Manage your web account"
         }
diff --git a/yarn.lock b/yarn.lock
index 562590a749..5e453ba9aa 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -448,11 +448,6 @@
   resolved "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@bitcoin-design/bitcoin-icons-react@^0.1.10":
-  version "0.1.10"
-  resolved "https://registry.yarnpkg.com/@bitcoin-design/bitcoin-icons-react/-/bitcoin-icons-react-0.1.10.tgz#11acf1d386c1094d3eff673ca236345860762f64"
-  integrity sha512-f7GSutKHa4EK4LWI/phnGCJsN8fzFbVAVQ4F1MYxiza34LVmXmbgHUmdP/BR8ZeQSIbZLt19inpJZDBtQvYe4Q==
-
 "@bitcoinerlab/secp256k1@^1.1.1":
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/@bitcoinerlab/secp256k1/-/secp256k1-1.1.1.tgz#938305c30505b67b15f3de53627bc9d8b4cc7680"