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.tsx b/src/app/components/AccountMenu/index.tsx
index 9468fc6399..1366a5a55c 100644
--- a/src/app/components/AccountMenu/index.tsx
+++ b/src/app/components/AccountMenu/index.tsx
@@ -1,10 +1,12 @@
 import {
   AddressBookIcon,
-  CaretDownIcon,
   GlobeIcon,
-  PlusIcon,
-  WalletIcon,
 } from "@bitcoin-design/bitcoin-icons-react/filled";
+import {
+  PopiconsChevronBottomLine,
+  PopiconsPlusSolid,
+  PopiconsWalletSolid,
+} from "@popicons/react";
 import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
@@ -88,7 +90,7 @@ function AccountMenu({ showOptions = true }: Props) {
                 )}
               </div>
             </div>
-            <CaretDownIcon className="h-4 w-4 dark:text-white" />
+            <PopiconsChevronBottomLine className="h-5 w-5 dark:text-white" />
             <span className="sr-only">{t("screen_reader")}</span>
           </div>
         </Menu.Button>
@@ -127,7 +129,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" />
+            <PopiconsWalletSolid className="h-5 w-5 mr-2 text-gray-700 dark:text-neutral-300 shrink-0" />
             {t("options.account.wallet_settings")}
           </Menu.ItemButton>
           {(isAlbyLNDHubAccount(
@@ -192,7 +194,7 @@ function AccountMenu({ showOptions = true }: Props) {
                   openOptions("accounts/new");
                 }}
               >
-                <PlusIcon className="h-5 w-5 mr-2 text-gray-700 dark:text-neutral-300" />
+                <PopiconsPlusSolid className="h-5 w-5 mr-2 text-gray-700 dark:text-neutral-300" />
                 {t("options.account.add")}
               </Menu.ItemButton>
               <Menu.ItemButton
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 1a7a284343..3cf03e06c1 100644
--- a/src/app/components/IconLinkCard/IconLinkCard.tsx
+++ b/src/app/components/IconLinkCard/IconLinkCard.tsx
@@ -1,4 +1,4 @@
-import { CaretRightIcon } from "@bitcoin-design/bitcoin-icons-react/outline";
+import { PopiconsChevronRightLine } from "@popicons/react";
 
 export type IconLinkCardProps = {
   title: string;
@@ -28,7 +28,7 @@ export function IconLinkCard({
         </div>
       </div>
       <div className="flex-shrink-0 flex justify-end text-gray-400 dark:text-neutral-500 ">
-        <CaretRightIcon className="w-8" />
+        <PopiconsChevronRightLine className="w-8" />
       </div>
     </div>
   );
diff --git a/src/app/components/InputCopyButton/index.tsx b/src/app/components/InputCopyButton/index.tsx
index 274b6eb7c7..0583374a0a 100644
--- a/src/app/components/InputCopyButton/index.tsx
+++ b/src/app/components/InputCopyButton/index.tsx
@@ -1,5 +1,4 @@
-import { CopyIcon as CopyFilledIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
-import { CopyIcon } from "@bitcoin-design/bitcoin-icons-react/outline";
+import { PopiconsCopyLine, PopiconsCopySolid } from "@popicons/react";
 import { useState } from "react";
 import toast from "~/app/components/Toast";
 import { classNames } from "~/app/utils";
@@ -11,7 +10,7 @@ type Props = {
 
 function InputCopyButton({ value, className }: Props) {
   const [copied, setCopied] = useState(false);
-  const CurrentIcon = copied ? CopyFilledIcon : CopyIcon;
+  const CurrentIcon = copied ? PopiconsCopySolid : PopiconsCopyLine;
   return (
     <button
       type="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..c90e418d49 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";
@@ -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-500" />
               </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/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..62121ebd5a 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";
@@ -59,11 +57,11 @@ export default function TransactionModal({
           <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]" />
+                <PopiconsArrowUpSolid className="w-11 h-11 text-orange-400 stroke-[1px] stroke-orange-400" />
               </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]" />
+                <PopiconsArrowDownSolid className="w-11 h-11 text-green-400 stroke-[1px] stroke-green-400" />
               </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-5 w-5 inline-flex" />
                     </>
                   ) : (
                     <>
                       {tCommon("actions.more")}
-                      <CaretDownIcon className="h-4 w-4 inline-flex" />
+                      <PopiconsChevronBottomLine className="h-5 w-5 inline-flex" />
                     </>
                   )}
                 </Hyperlink>
diff --git a/src/app/components/TransactionsTable/index.tsx b/src/app/components/TransactionsTable/index.tsx
index a9ac5a8f7e..02615f05ac 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";
@@ -62,11 +59,11 @@ export default function TransactionsTable({
                   <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]" />
+                        <PopiconsArrowUpSolid className="w-5 h-5 stroke-orange-400 text-orange-400 stroke-[1px]" />
                       </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]" />
+                        <PopiconsArrowDownSolid className="w-5 h-5 stroke-green-400 text-green-400 stroke-[1px]" />
                       </div>
                     )}
                   </div>
diff --git a/src/app/components/onboard/index.tsx b/src/app/components/onboard/index.tsx
index d5dfb14dc3..e961029616 100644
--- a/src/app/components/onboard/index.tsx
+++ b/src/app/components/onboard/index.tsx
@@ -1,8 +1,8 @@
 import {
-  ClockIcon,
   InfoCircleIcon,
   TwoKeysIcon,
 } from "@bitcoin-design/bitcoin-icons-react/outline";
+import { PopiconsClockLine } from "@popicons/react";
 import { useTranslation } from "react-i18next";
 import ConfirmOrCancel from "~/app/components/ConfirmOrCancel";
 import Container from "~/app/components/Container";
@@ -68,7 +68,7 @@ export default function Onboard() {
               <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/screens/Accounts/index.tsx b/src/app/screens/Accounts/index.tsx
index cac4f5b75b..1d1452324a 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`)}
@@ -60,7 +57,7 @@ function AccountsScreen() {
                     </div>
                   </td>
                   <td className="w-10">
-                    <CaretRightIcon className="h-6 w-6 text-gray-500" />
+                    <PopiconsChevronRightLine className="h-6 w-6 text-gray-500" />
                   </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 5c4261be98..17c5e1752d 100644
--- a/src/app/screens/Home/DefaultView/index.tsx
+++ b/src/app/screens/Home/DefaultView/index.tsx
@@ -1,4 +1,4 @@
-import { ArrowRightIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
+import { PopiconsArrowRightLine } from "@popicons/react";
 import Button from "@components/Button";
 import Loading from "@components/Loading";
 import TransactionsTable from "@components/TransactionsTable";
@@ -279,7 +279,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/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 fb913cc41e..df22629c5f 100644
--- a/src/app/screens/Receive/index.tsx
+++ b/src/app/screens/Receive/index.tsx
@@ -1,12 +1,13 @@
-import {
-  BitcoinIcon,
-  CaretLeftIcon,
-  CopyIcon,
-} from "@bitcoin-design/bitcoin-icons-react/outline";
+import { BitcoinIcon } 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";
@@ -55,7 +56,7 @@ function Receive() {
             onClick={() => {
               navigate(-1);
             }}
-            icon={<CaretLeftIcon className="w-4 h-4" />}
+            icon={<PopiconsChevronLeftLine className="w-5 h-5" />}
           />
         }
       >
@@ -112,7 +113,7 @@ function Receive() {
                         }}
                       >
                         {lightningAddress}
-                        <CopyIcon className="w-4 h-4" />
+                        <PopiconsCopyLine className="w-4 h-4" />
                       </a>
                     )}
                   </div>
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..937442a436 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 { ExportIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 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" />}
           />
         }
       >
diff --git a/src/app/screens/connectors/ConnectCommando/index.tsx b/src/app/screens/connectors/ConnectCommando/index.tsx
index d197e667bf..57d0a40d8f 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-5 w-5 inline-flex" />
             </>
           ) : (
             <>
               {tCommon("advanced")}
-              <CaretDownIcon className="h-4 w-4 inline-flex" />
+              <PopiconsChevronBottomLine className="h-5 w-5 inline-flex" />
             </>
           )}
         </Hyperlink>