diff --git a/package.json b/package.json
index 5fb2722025..65beb41cb2 100644
--- a/package.json
+++ b/package.json
@@ -57,6 +57,7 @@
     "fuse.js": "7.0.0",
     "gsap": "3.12.5",
     "is-mobile": "4.0.0",
+    "lucide-react": "0.436.0",
     "mipd": "0.0.7",
     "nprogress": "0.2.0",
     "qrcode.react": "3.1.0",
@@ -69,7 +70,6 @@
     "react-fast-marquee": "1.6.4",
     "react-helmet": "6.1.0",
     "react-hook-form": "7.51.5",
-    "react-icons": "5.2.1",
     "react-player": "2.16.0",
     "react-redux": "9.1.2",
     "react-router-dom": "6.23.0",
diff --git a/src/App/Footer/Newsletter/SubscriptionForm.tsx b/src/App/Footer/Newsletter/SubscriptionForm.tsx
index d2138db365..eaac4e301d 100644
--- a/src/App/Footer/Newsletter/SubscriptionForm.tsx
+++ b/src/App/Footer/Newsletter/SubscriptionForm.tsx
@@ -71,7 +71,7 @@ export default function SubscriptionForm() {
 function SuccessMessage() {
   return (
     <span className="flex gap-1 w-full text-xs">
-      <Icon type="Check" />
+      <Icon type="Check" size={14} />
       <p>
         The form was sent successfully. By doing so, you have agreed to our
         privacy policy
diff --git a/src/App/Header/NavDropdown.tsx b/src/App/Header/NavDropdown.tsx
index 91dc43d2e0..8630f85dd3 100644
--- a/src/App/Header/NavDropdown.tsx
+++ b/src/App/Header/NavDropdown.tsx
@@ -33,7 +33,7 @@ export default function NavDropdown({ links }: Props) {
         />
         <Icon
           type="ChevronDown"
-          size={24}
+          size={20}
           className="text-blue-d7 data-[open]:text-blue-d7/70 max-sm:hidden transition duration-150 ease-in-out group-hover:text-blue-d7/80"
           aria-hidden="true"
         />
diff --git a/src/App/Header/UserMenu/Menu.tsx b/src/App/Header/UserMenu/Menu.tsx
index e8dc77393e..8a63eb55f6 100644
--- a/src/App/Header/UserMenu/Menu.tsx
+++ b/src/App/Header/UserMenu/Menu.tsx
@@ -24,7 +24,7 @@ export default function Menu({ user, signOut, classes }: Props) {
           to={`${appRoutes.user_dashboard}/donations`}
           className=" hover:text-blue-d1 text-sm flex items-center gap-2"
         >
-          <Icon type="Money" className="text-lg" />
+          <Icon type="DollarCircle" size={18} />
           <span>My Donations</span>
         </MenuItem>
         <Organizations userId={user.email} classes="mt-6" />
@@ -37,7 +37,7 @@ export default function Menu({ user, signOut, classes }: Props) {
               to={appRoutes.applications}
               className="hover:text-blue-d1 text-sm flex items-center gap-1"
             >
-              <Icon type="SecurityScan" size={22} />
+              <Icon type="SecurityScan" size={18} />
               <span>Applications Dashboard</span>
             </MenuItem>
           )}
@@ -47,7 +47,7 @@ export default function Menu({ user, signOut, classes }: Props) {
               to={appRoutes.banking_applications}
               className="hover:text-blue-d1 text-sm flex items-center gap-1 mt-1"
             >
-              <Icon type="SecurityScan" size={22} />
+              <Icon type="SecurityScan" size={18} />
               <span>Banking applications</span>
             </MenuItem>
           )}
diff --git a/src/components/BookmarkBtn.tsx b/src/components/BookmarkBtn.tsx
index edf176996a..3a4a890813 100644
--- a/src/components/BookmarkBtn.tsx
+++ b/src/components/BookmarkBtn.tsx
@@ -58,11 +58,13 @@ export default function BookmarkBtn({
         aria-label="Add to favorites button"
         onClick={toogleBookmark}
         disabled={isBookmarksLoading || isTogglingBookmark}
-        className={`flex items-center gap-1 disabled:text-gray-l4 ${
-          isBookmarked ? "text-red" : ""
-        } ${classes}`}
+        className={`flex items-center gap-1 disabled:text-gray-l4 ${classes}`}
       >
-        <Icon type={isBookmarked ? "HeartFill" : "HeartOutline"} size={20} />
+        <Icon
+          type="Heart"
+          size={19}
+          className={isBookmarked ? "fill-red text-red" : ""}
+        />
         {children}
       </button>
     </>
diff --git a/src/components/Copier/Copier.test.tsx b/src/components/Copier/Copier.test.tsx
index d341668bf3..316561a58c 100644
--- a/src/components/Copier/Copier.test.tsx
+++ b/src/components/Copier/Copier.test.tsx
@@ -33,9 +33,9 @@ describe("Copier component test:", () => {
     );
 
     // Expects the button to change appearance once clicked
-    expect(await screen.findByTitle("Copied!")).toBeInTheDocument();
+    expect(await screen.findByLabelText(/copied/i)).toBeInTheDocument();
 
     // Expects the button to revert back to it's original appearance
-    expect(await screen.findByTitle("Copy Address")).toBeInTheDocument();
+    expect(await screen.findByLabelText(/copy address/i)).toBeInTheDocument();
   });
 });
diff --git a/src/components/Copier/Copier.tsx b/src/components/Copier/Copier.tsx
index 72ca59580f..67cf01d3ab 100644
--- a/src/components/Copier/Copier.tsx
+++ b/src/components/Copier/Copier.tsx
@@ -16,22 +16,32 @@ export default function Copier({ text, classes, size, children }: Props) {
   const { handleCopy, copied } = useCopier(text);
   const { container, icon } = unpack(classes);
   return (
-    <button className={container} type="button" onClick={handleCopy}>
+    <button
+      className={container + " relative"}
+      type="button"
+      onClick={handleCopy}
+    >
       {(copied && (
         <Icon
           type="Check"
           className={`${icon} cursor-default hover:text-current`}
-          title="Copied!"
           size={size?.check}
+          aria-labelledby="copied"
         />
       )) || (
         <Icon
           type="Copy"
           className={`${icon} cursor-pointer`}
-          title="Copy Address"
           size={size?.copy}
+          aria-labelledby="copy"
         />
       )}
+      <span id="copied" className="invisible absolute">
+        Copied!
+      </span>
+      <span id="copy" className="invisible absolute">
+        Copy Address
+      </span>
       {children}
     </button>
   );
diff --git a/src/components/CountrySelector/CountrySelector.tsx b/src/components/CountrySelector/CountrySelector.tsx
index 53ddd71d63..eca19e252c 100644
--- a/src/components/CountrySelector/CountrySelector.tsx
+++ b/src/components/CountrySelector/CountrySelector.tsx
@@ -58,7 +58,7 @@ export default function CountrySelector<
       </span>
 
       <ComboboxButton>
-        {({ open }) => <DrawerIcon isOpen={open} size={25} className="mr-1" />}
+        {({ open }) => <DrawerIcon isOpen={open} size={20} className="mr-1" />}
       </ComboboxButton>
 
       <ComboboxInput
diff --git a/src/components/CurrencySelector/CurrencySelector.tsx b/src/components/CurrencySelector/CurrencySelector.tsx
index 1cdabba98b..ee7a4d9589 100644
--- a/src/components/CurrencySelector/CurrencySelector.tsx
+++ b/src/components/CurrencySelector/CurrencySelector.tsx
@@ -81,7 +81,7 @@ export default function CurrencySelector<T extends CurrencyOption>({
             ) : (
               <DrawerIcon
                 isOpen={open}
-                size={25}
+                size={20}
                 className={`${isCurrencyError ? "text-red" : ""}`}
                 aria-hidden
               />
diff --git a/src/components/DonateMethods/DonateMethods.tsx b/src/components/DonateMethods/DonateMethods.tsx
index 97fa5d88a6..0a8077d8a3 100644
--- a/src/components/DonateMethods/DonateMethods.tsx
+++ b/src/components/DonateMethods/DonateMethods.tsx
@@ -108,7 +108,7 @@ function Method({
         onPointerDown={(e) => controls.start(e)}
         disabled={value.disabled}
       >
-        <Icon type="Drag" />
+        <Icon type="Drag" size={20} />
       </button>
 
       <div>
diff --git a/src/components/FileDropzone/DropzoneText.tsx b/src/components/FileDropzone/DropzoneText.tsx
index ee28b4083b..11fc8bb27b 100644
--- a/src/components/FileDropzone/DropzoneText.tsx
+++ b/src/components/FileDropzone/DropzoneText.tsx
@@ -18,7 +18,7 @@ export default function DropzoneText({
   if (isFilesEmpty && isPreviewsEmpty) {
     return (
       <div className="grid justify-items-center text-sm text-navy-l1 dark:text-navy-l2 select-none">
-        <Icon type="FileUpload" size={24} className="mb-[1.125rem]" />
+        <Icon type="Upload" size={20} className="mb-[1.125rem]" />
         <p className="font-semibold mb-1">Upload file</p>
         <span>Click to Browse or Drag &amp; Drop</span>
       </div>
diff --git a/src/components/HeaderButton.tsx b/src/components/HeaderButton.tsx
index 4fbf65de2a..cdeaf61ab1 100644
--- a/src/components/HeaderButton.tsx
+++ b/src/components/HeaderButton.tsx
@@ -26,9 +26,9 @@ export function HeaderButton<T>(
         type={
           _activeSortKey === _sortKey
             ? _sortDirection === "asc"
-              ? "Up"
-              : "Down"
-            : "Unsorted"
+              ? "ChevronUp"
+              : "ChevronDown"
+            : "ChevronsUpDown"
         }
         className={`w-4 h-4 shrink-0 ${
           _activeSortKey === _sortKey
diff --git a/src/components/Icon/DrawerIcon.tsx b/src/components/Icon/DrawerIcon.tsx
index 774a39baca..eb0ae7412b 100644
--- a/src/components/Icon/DrawerIcon.tsx
+++ b/src/components/Icon/DrawerIcon.tsx
@@ -1,11 +1,11 @@
-import type { IconBaseProps } from "react-icons";
+import type { LucideProps } from "lucide-react";
 import Icon from "./Icon";
 
 export function DrawerIcon({
   isOpen,
   className,
   ...props
-}: IconBaseProps & { isOpen: boolean }) {
+}: LucideProps & { isOpen: boolean }) {
   return (
     <Icon
       {...props}
diff --git a/src/components/Icon/Icon.tsx b/src/components/Icon/Icon.tsx
index 43c13041f6..4da658c0ee 100644
--- a/src/components/Icon/Icon.tsx
+++ b/src/components/Icon/Icon.tsx
@@ -1,7 +1,7 @@
-import type { IconBaseProps } from "react-icons";
+import type { LucideProps } from "lucide-react";
 import { type IconType, icons } from "./icons";
 
-interface IconProps extends IconBaseProps {
+interface IconProps extends LucideProps {
   type: IconType;
 }
 
diff --git a/src/components/Icon/icons.ts b/src/components/Icon/icons.ts
index 2baf352290..774b0fd5b0 100644
--- a/src/components/Icon/icons.ts
+++ b/src/components/Icon/icons.ts
@@ -1,202 +1,133 @@
 import {
-  AiFillHeart,
-  AiFillSecurityScan,
-  AiFillYoutube,
-  AiOutlineHeart,
-  AiOutlineInfoCircle,
-  AiOutlineMedium,
-  AiOutlineMinusCircle,
-  AiOutlinePlus,
-  AiOutlineQuestionCircle,
-  AiOutlineUpload,
-} from "react-icons/ai";
-import {
-  BiCheck,
-  BiChevronDown,
-  BiChevronRight,
-  BiGlobe,
-  BiSave,
-  BiSearchAlt2,
-  BiSun,
-} from "react-icons/bi";
-import {
-  BsCheckCircle,
-  BsExclamationCircleFill,
-  BsFilterLeft,
-  BsHourglassSplit,
-  BsTwitter,
-} from "react-icons/bs";
-import { CgUndo } from "react-icons/cg";
-import {
-  FaBitcoin,
-  FaChurch,
-  FaDiscord,
-  FaDonate,
-  FaExclamation,
-  FaFacebook,
-  FaHospital,
-  FaInstagram,
-  FaLinkedin,
-  FaLinkedinIn,
-  FaStar,
-  FaTelegramPlane,
-  FaTiktok,
-  FaUniversity,
-  FaUserCircle,
-} from "react-icons/fa";
-import {
-  FaArrowRightLong,
-  FaFileCsv,
-  FaGear,
-  FaMoneyBills,
-  FaShapes,
-} from "react-icons/fa6";
-import { FiCreditCard, FiMenu, FiMoon } from "react-icons/fi";
-import { GoDash, GoLinkExternal, GoSync } from "react-icons/go";
-import { GrFacebookOption } from "react-icons/gr";
-import { ImFilePicture } from "react-icons/im";
-import { IoMdDownload, IoMdListBox } from "react-icons/io";
-import {
-  IoArrowBackOutline,
-  IoArrowForwardOutline,
-  IoChevronBack,
-  IoClose,
-  IoCloseCircle,
-  IoCrop,
-  IoEyeOffOutline,
-  IoEyeOutline,
-  IoPeople,
-  IoWalletSharp,
-  IoWarning,
-} from "react-icons/io5";
-import { LiaChalkboardTeacherSolid } from "react-icons/lia";
-import {
-  MdCardGiftcard,
-  MdDelete,
-  MdLockOutline,
-  MdOutlineAdminPanelSettings,
-  MdOutlineArrowBackIosNew,
-  MdOutlineArrowForwardIos,
-  MdOutlineContentCopy,
-  MdOutlineEmail,
-  MdOutlineFileDownload,
-  MdOutlineFilterAlt,
-  MdOutlineFolder,
-  MdOutlineStickyNote2,
-  MdOutlineUploadFile,
-  MdSpaceDashboard,
-  MdVerified,
-  MdWidgets,
-} from "react-icons/md";
-import { PiPaypalLogo } from "react-icons/pi";
-import {
-  RiDraggable,
-  RiFundsBoxLine,
-  RiGasStationFill,
-  RiMapPin2Line,
-  RiMoneyDollarCircleFill,
-  RiPencilFill,
-} from "react-icons/ri";
-import { RxMixerHorizontal } from "react-icons/rx";
-import { SiHiveBlockchain } from "react-icons/si";
-import { TiArrowUnsorted } from "react-icons/ti";
-import { VscLoading, VscTriangleDown, VscTriangleUp } from "react-icons/vsc";
+  ArrowDownToLine,
+  ArrowRight,
+  ArrowUpFromLine,
+  BadgeCheck,
+  Blocks,
+  ChartSpline,
+  Check,
+  ChevronDown,
+  ChevronLeft,
+  ChevronRight,
+  ChevronUp,
+  ChevronsUpDown,
+  Church,
+  CircleAlert,
+  CircleCheck,
+  CircleDollarSign,
+  CircleHelp,
+  CircleUserRound,
+  CircleX,
+  Coins,
+  Copy,
+  CreditCard,
+  Crop,
+  Eye,
+  EyeOff,
+  FileSpreadsheet,
+  Filter,
+  Folder,
+  Fuel,
+  Gift,
+  Globe,
+  GripVertical,
+  Heart,
+  HeartHandshake,
+  Hospital,
+  Hourglass,
+  Image,
+  LayoutDashboard,
+  ListCheck,
+  LoaderCircle,
+  Lock,
+  Mail,
+  MapPin,
+  Menu,
+  Minus,
+  Moon,
+  Pencil,
+  Plus,
+  Save,
+  Search,
+  Settings,
+  Shield,
+  SquareArrowOutUpRight,
+  Star,
+  StickyNote,
+  Sun,
+  TriangleAlert,
+  Undo,
+  University,
+  UsersRound,
+  Wallet,
+  X,
+} from "lucide-react";
 
 export const icons = {
-  Advisor: LiaChalkboardTeacherSolid,
-  AdminPanel: MdOutlineAdminPanelSettings,
-  ArrowLeft: IoArrowBackOutline,
-  ArrowRight: IoArrowForwardOutline,
-  ArrowRightLong: FaArrowRightLong,
-  Back: MdOutlineArrowBackIosNew,
-  Bitcoin: FaBitcoin,
-  Blockchain: SiHiveBlockchain,
-  Charity: FaDonate,
-  Check: BiCheck,
-  CheckCircle: BsCheckCircle,
-  ChevronDown: BiChevronDown,
-  ChevronLeft: IoChevronBack,
-  ChevronRight: BiChevronRight,
-  CircleMinus: AiOutlineMinusCircle,
-  Close: IoClose,
-  CloseCircle: IoCloseCircle,
-  Copy: MdOutlineContentCopy,
-  CreditCard: FiCreditCard,
-  Crop: IoCrop,
-  Dash: GoDash,
-  Dashboard: MdSpaceDashboard,
-  Delete: MdDelete,
-  Discord: FaDiscord,
-  DollarCircle: RiMoneyDollarCircleFill,
-  Down: VscTriangleDown,
-  Drag: RiDraggable,
-  Email: MdOutlineEmail,
-  Exclamation: FaExclamation,
-  ExclamationCircleFill: BsExclamationCircleFill,
-  ExternalLink: GoLinkExternal,
-  Eye: IoEyeOutline,
-  EyeSlashed: IoEyeOffOutline,
-  Facebook: GrFacebookOption,
-  FacebookCircle: FaFacebook,
-  FatArrowDownload: IoMdDownload,
-  FileCSV: FaFileCsv,
-  FileDownload: MdOutlineFileDownload,
-  FileUpload: MdOutlineUploadFile,
-  Filter: MdOutlineFilterAlt,
-  FilterLeft: BsFilterLeft,
-  FilterMixer: RxMixerHorizontal,
-  Folder: MdOutlineFolder,
-  Stocks: RiFundsBoxLine,
-  GasStation: RiGasStationFill,
-  Gear: FaGear,
-  Giftcard: MdCardGiftcard,
-  Globe: BiGlobe,
-  HeartFill: AiFillHeart,
-  HeartOutline: AiOutlineHeart,
-  Hospital: FaHospital,
-  HourglassSplit: BsHourglassSplit,
-  Info: AiOutlineInfoCircle,
-  Instagram: FaInstagram,
-  Linkedin: FaLinkedin,
-  LinkedinIn: FaLinkedinIn,
-  ListBox: IoMdListBox,
-  Loading: VscLoading,
-  MapPin: RiMapPin2Line,
-  Medium: AiOutlineMedium,
-  Menu: FiMenu,
-  Money: FaMoneyBills,
-  Moon: FiMoon,
-  Next: MdOutlineArrowForwardIos,
-  Padlock: MdLockOutline,
-  Paypal: PiPaypalLogo,
-  Pencil: RiPencilFill,
-  Picture: ImFilePicture,
-  Plus: AiOutlinePlus,
-  Question: AiOutlineQuestionCircle,
-  ReligiousOrganization: FaChurch,
-  Save: BiSave,
-  Search: BiSearchAlt2,
-  SecurityScan: AiFillSecurityScan,
-  Shapes: FaShapes,
-  Star: FaStar,
-  StickyNote: MdOutlineStickyNote2,
-  Sun: BiSun,
-  Sync: GoSync,
-  Telegram: FaTelegramPlane,
-  Tiktok: FaTiktok,
-  Twitter: BsTwitter,
-  Undo: CgUndo,
-  University: FaUniversity,
-  Unsorted: TiArrowUnsorted,
-  Up: VscTriangleUp,
-  Upload: AiOutlineUpload,
-  User: FaUserCircle,
-  Users: IoPeople,
-  Verified: MdVerified,
-  Wallet: IoWalletSharp,
-  Warning: IoWarning,
-  Widget: MdWidgets,
-  Youtube: AiFillYoutube,
+  ArrowRight: ArrowRight,
+  Back: ChevronLeft,
+  Charity: HeartHandshake,
+  Check,
+  CheckCircle: CircleCheck,
+  ChevronUp,
+  ChevronDown,
+  ChevronsUpDown,
+  ChevronRight,
+  Close: X,
+  CloseCircle: CircleX,
+  Coins,
+  Copy,
+  CreditCard,
+  Crop,
+  Dash: Minus,
+  Dashboard: LayoutDashboard,
+  DollarCircle: CircleDollarSign,
+  Drag: GripVertical,
+  Email: Mail,
+  Exclamation: CircleAlert,
+  ExternalLink: SquareArrowOutUpRight,
+  Eye,
+  EyeSlashed: EyeOff,
+  FileCSV: FileSpreadsheet,
+  FileDownload: ArrowDownToLine,
+  Filter,
+  Folder,
+  Stocks: ChartSpline,
+  GasStation: Fuel,
+  Gear: Settings,
+  Giftcard: Gift,
+  Globe,
+  Heart,
+  Hospital,
+  HourglassSplit: Hourglass,
+  Info: CircleAlert,
+  ListBox: ListCheck,
+  Loading: LoaderCircle,
+  MapPin,
+  Menu,
+  Moon,
+  Next: ChevronRight,
+  Padlock: Lock,
+  Pencil,
+  Picture: Image,
+  Plus,
+  Question: CircleHelp,
+  ReligiousOrganization: Church,
+  Save: Save,
+  Search,
+  SecurityScan: Shield,
+  Star,
+  StickyNote,
+  Sun,
+  Undo,
+  University,
+  Upload: ArrowUpFromLine,
+  User: CircleUserRound,
+  Users: UsersRound,
+  Verified: BadgeCheck,
+  Wallet: Wallet,
+  Warning: TriangleAlert,
+  Widget: Blocks,
 } as const;
 
 export type IconType = keyof typeof icons;
diff --git a/src/components/ImgEditor/ImgCropper.tsx b/src/components/ImgEditor/ImgCropper.tsx
index bda86a1fab..a2c0bd3e92 100644
--- a/src/components/ImgEditor/ImgCropper.tsx
+++ b/src/components/ImgEditor/ImgCropper.tsx
@@ -56,7 +56,7 @@ export default function ImgCropper({
           className="text-navy-d4 hover:text-blue"
           onClick={handleSave}
         >
-          <Icon type="Save" size={24} />
+          <Icon type="Save" size={22} />
         </button>
       </div>
       <Image
diff --git a/src/components/ImgEditor/ImgEditor.tsx b/src/components/ImgEditor/ImgEditor.tsx
index aa8c9e267e..6c40c5347e 100644
--- a/src/components/ImgEditor/ImgEditor.tsx
+++ b/src/components/ImgEditor/ImgEditor.tsx
@@ -54,7 +54,7 @@ function _ImgEditor(props: ControlledProps, ref: React.Ref<HTMLInputElement>) {
             className="absolute-center grid justify-items-center text-sm text-navy-l1 dark:text-navy-l2 select-none"
             tabIndex={-1}
           >
-            <Icon type="FileUpload" size={24} className="mb-[1.125rem]" />
+            <Icon type="Upload" size={22} className="mb-[1.125rem]" />
             <p className="font-semibold mb-1">Upload file</p>
             <span className="text-center">
               Click to Browse or Drag &amp; Drop
@@ -67,19 +67,19 @@ function _ImgEditor(props: ControlledProps, ref: React.Ref<HTMLInputElement>) {
           <div className="absolute-center hidden group-hover:flex">
             <div className={buttonStyle}>
               <input {...getInputProps()} />
-              <Icon type="Upload" />
+              <Icon type="Upload" size={15} />
             </div>
             {
               /** only show controls if new file is uploaded */
               props.value.file && (
                 <IconButton disabled={props.disabled} onClick={props.onUndo}>
-                  <Icon type="Undo" />
+                  <Icon type="Undo" size={18} />
                 </IconButton>
               )
             }
             {props.value.file && !props.error && (
               <IconButton onClick={handleOpenCropper} disabled={props.disabled}>
-                <Icon type="Crop" />
+                <Icon type="Crop" size={16} />
               </IconButton>
             )}
           </div>
diff --git a/src/components/Prompt/Prompt.tsx b/src/components/Prompt/Prompt.tsx
index c7507d4049..efe12bcf31 100644
--- a/src/components/Prompt/Prompt.tsx
+++ b/src/components/Prompt/Prompt.tsx
@@ -63,11 +63,7 @@ function PromptIcon({
       );
     case "error":
       return (
-        <Icon
-          type="ExclamationCircleFill"
-          size={80}
-          className={common + " text-red"}
-        />
+        <Icon type="Exclamation" size={80} className={common + " text-red"} />
       );
     case "loading":
       return <LoaderRing thickness={12} classes={common + " h-24"} />;
diff --git a/src/components/Selector/MultiSelector.tsx b/src/components/Selector/MultiSelector.tsx
index 04a5f5fa40..6ffc44055b 100644
--- a/src/components/Selector/MultiSelector.tsx
+++ b/src/components/Selector/MultiSelector.tsx
@@ -105,7 +105,7 @@ export function MultiSelector<
                 : "absolute inset-0 flex justify-end items-center pr-2 rounded active:ring-2 ring-blue-d1 ring-offset-1"
             }`}
           >
-            {({ open }) => <DrawerIcon isOpen={open} size={25} className="" />}
+            {({ open }) => <DrawerIcon isOpen={open} size={20} className="" />}
           </ComboboxButton>
         </div>
         <ComboboxOptions className={`${styles.options} ${cls.options}`}>
diff --git a/src/components/Selector/NativeSelect.tsx b/src/components/Selector/NativeSelect.tsx
index 79b03db674..ba1b2e9f89 100644
--- a/src/components/Selector/NativeSelect.tsx
+++ b/src/components/Selector/NativeSelect.tsx
@@ -48,7 +48,7 @@ export const NativeSelect = forwardRef(function Select<V extends ValKey>(
             <span>{props.options?.find((o) => o.value === value)?.label}</span>
             <DrawerIcon
               isOpen={open}
-              size={25}
+              size={18}
               className="justify-self-end dark:text-navy-l2 shrink-0"
             />
           </>
diff --git a/src/components/Selector/Selector.tsx b/src/components/Selector/Selector.tsx
index 15885905b4..df23c9a9be 100644
--- a/src/components/Selector/Selector.tsx
+++ b/src/components/Selector/Selector.tsx
@@ -47,7 +47,7 @@ function _List<T extends ValKey>(
               <span>{props.value.label}</span>
               <DrawerIcon
                 isOpen={open}
-                size={25}
+                size={20}
                 className="justify-self-end dark:text-navy-l2 shrink-0"
               />
             </>
diff --git a/src/components/Status/Confirmed.tsx b/src/components/Status/Confirmed.tsx
index eaaf43fba1..138839dc60 100644
--- a/src/components/Status/Confirmed.tsx
+++ b/src/components/Status/Confirmed.tsx
@@ -12,8 +12,8 @@ export function Confirmed({ classes = "", children }: Props) {
       classes={classes + " text-sm text-green mr-2"}
       icon="Check"
       iconOptions={{
-        size: 22,
-        className: "mr-2 bottom-[2px]",
+        size: 16,
+        className: "mr-2",
       }}
     >
       {children}
diff --git a/src/components/Status/LoadingStatus.tsx b/src/components/Status/LoadingStatus.tsx
index 401aadcd50..b21e6409ac 100644
--- a/src/components/Status/LoadingStatus.tsx
+++ b/src/components/Status/LoadingStatus.tsx
@@ -13,6 +13,7 @@ export function LoadingStatus({
       icon={
         <Icon
           {...icon}
+          size={icon?.size ?? 20}
           type="Loading"
           className={`animate-spin ${icon?.className || ""}`}
         />
diff --git a/src/components/Status/types.ts b/src/components/Status/types.ts
index c10b330f8b..a417b5274d 100644
--- a/src/components/Status/types.ts
+++ b/src/components/Status/types.ts
@@ -1,5 +1,5 @@
+import type { LucideProps } from "lucide-react";
 import type { PropsWithChildren } from "react";
-import type { IconBaseProps } from "react-icons";
 import type { IconType } from "../Icon";
 
 export type StatusProps<T extends JSX.Element | IconType> = PropsWithChildren<{
@@ -7,5 +7,5 @@ export type StatusProps<T extends JSX.Element | IconType> = PropsWithChildren<{
   inline?: boolean;
   classes?: string;
   gap?: string;
-  iconOptions?: T extends IconType ? IconBaseProps : never;
+  iconOptions?: T extends IconType ? LucideProps : never;
 }>;
diff --git a/src/components/TokenField/TokenSelector/TokenSelector.tsx b/src/components/TokenField/TokenSelector/TokenSelector.tsx
index 0eaae03bb6..efdf830ed0 100644
--- a/src/components/TokenField/TokenSelector/TokenSelector.tsx
+++ b/src/components/TokenField/TokenSelector/TokenSelector.tsx
@@ -15,7 +15,7 @@ export default function TokenSelector({
         {({ open }) => (
           <>
             <span>{token.symbol}</span>
-            <DrawerIcon isOpen={open} size={24} />
+            <DrawerIcon isOpen={open} size={20} />
           </>
         )}
       </PopoverButton>
diff --git a/src/components/VerifiedIcon.tsx b/src/components/VerifiedIcon.tsx
index 847685e604..78377c5f5e 100644
--- a/src/components/VerifiedIcon.tsx
+++ b/src/components/VerifiedIcon.tsx
@@ -12,7 +12,11 @@ export default function VerifiedIcon({ classes = "", size }: Props) {
     <>
       <Tooltip anchorRef={ref} content="Verified" />
       <div ref={ref} className={classes}>
-        <Icon type="Verified" size={size} className="text-blue inline" />
+        <Icon
+          type="Verified"
+          size={size}
+          className="text-white inline fill-blue"
+        />
       </div>
     </>
   );
diff --git a/src/components/admin/FormError.tsx b/src/components/admin/FormError.tsx
index 9f9315a7f4..0fd648e211 100644
--- a/src/components/admin/FormError.tsx
+++ b/src/components/admin/FormError.tsx
@@ -4,7 +4,7 @@ import { DivContainer } from "./TemplateContainer";
 export function FormError(props: { errorMessage: string }) {
   return (
     <DivContainer>
-      <p className="flex gap-2 font-mono text-red-l1 font-semibold text-sm">
+      <p className="flex gap-2 text-red-l1 text-sm">
         <Icon type="Warning" size={20} />
         <span>{props.errorMessage}</span>
       </p>
diff --git a/src/components/donation/Steps/DonateMethods/Crypto/ChainSelector/ChainSelector.tsx b/src/components/donation/Steps/DonateMethods/Crypto/ChainSelector/ChainSelector.tsx
index 38984eb920..c3498b5ffe 100644
--- a/src/components/donation/Steps/DonateMethods/Crypto/ChainSelector/ChainSelector.tsx
+++ b/src/components/donation/Steps/DonateMethods/Crypto/ChainSelector/ChainSelector.tsx
@@ -35,7 +35,7 @@ export const ChainSelector = forwardRef<HTMLInputElement, Props>(
         />
 
         <ComboboxButton className="absolute inset-y-0 right-5">
-          {({ open }) => <DrawerIcon isOpen={open} size={25} />}
+          {({ open }) => <DrawerIcon isOpen={open} size={20} />}
         </ComboboxButton>
 
         <Options searchText={searchText} />
diff --git a/src/components/donation/Steps/DonateMethods/DonateMethods.tsx b/src/components/donation/Steps/DonateMethods/DonateMethods.tsx
index 54bff6443b..1436574699 100644
--- a/src/components/donation/Steps/DonateMethods/DonateMethods.tsx
+++ b/src/components/donation/Steps/DonateMethods/DonateMethods.tsx
@@ -20,7 +20,7 @@ const methods: {
 } = {
   stripe: {
     name: "Card/Bank",
-    icon: <Icon type="CreditCard" className="shrink-0" size={16} />,
+    icon: <Icon type="CreditCard" className="shrink-0" size={18} />,
     panel: Stripe,
   },
   stocks: {
@@ -35,7 +35,7 @@ const methods: {
   },
   crypto: {
     name: "Crypto",
-    icon: <Icon type="Bitcoin" className="shrink-0" size={17} />,
+    icon: <Icon type="Coins" className="shrink-0" size={22} />,
     panel: Crypto,
   },
 };
diff --git a/src/components/donation/Steps/DonateMethods/Stripe/Frequency.tsx b/src/components/donation/Steps/DonateMethods/Stripe/Frequency.tsx
index ef55caff11..a3d02f674a 100644
--- a/src/components/donation/Steps/DonateMethods/Stripe/Frequency.tsx
+++ b/src/components/donation/Steps/DonateMethods/Stripe/Frequency.tsx
@@ -5,7 +5,7 @@ import type { FormValues } from "./types";
 type Freq = FormValues["frequency"];
 
 const styles = {
-  icon: "hidden @[21rem]/frequency:block text-[1.3rem] ml-1 group-aria-checked:text-white text-transparent relative bottom-px",
+  icon: "hidden @[21rem]/frequency:block ml-1 group-aria-checked:text-white text-transparent relative bottom-px",
   option:
     "group border-gray-l3 rounded-lg px-2 @[21rem]/frequency:px-6 border h-[2.625rem] flex items-center justify-center @[21rem]/frequency:justify-start aria-checked:bg-[--accent-primary] aria-checked:text-white aria-checked:border-none select-none",
 };
@@ -28,11 +28,11 @@ export default function Frequency({ value, onChange, error }: Props) {
       <div className="grid grid-cols-2 gap-2 @[21rem]/frequency:flex">
         <Radio value={"subscription" satisfies Freq} className={styles.option}>
           <span>Give Monthly</span>
-          <Icon type="Check" className={styles.icon} />
+          <Icon type="Check" size={16} className={styles.icon} />
         </Radio>
         <Radio value={"one-time" satisfies Freq} className={styles.option}>
           <span>Give Once</span>
-          <Icon type="Check" className={styles.icon} />
+          <Icon type="Check" size={16} className={styles.icon} />
         </Radio>
       </div>
       {error && <p className="field-error static text-left mt-1">{error}</p>}
diff --git a/src/components/donation/Steps/Submit/Crypto/TxSubmit/TxSubmit.tsx b/src/components/donation/Steps/Submit/Crypto/TxSubmit/TxSubmit.tsx
index a59ab1c41b..d2f8e798f9 100644
--- a/src/components/donation/Steps/Submit/Crypto/TxSubmit/TxSubmit.tsx
+++ b/src/components/donation/Steps/Submit/Crypto/TxSubmit/TxSubmit.tsx
@@ -98,7 +98,7 @@ export default function TxSubmit({ wallet, donation, classes = "" }: Props) {
           <ErrorStatus classes="text-sm">An error occurred</ErrorStatus>
         ) : isSuccess(estimate) ? (
           <p className="text-sm text-navy-l1 flex items-center gap-1">
-            <Icon type="GasStation" className="text-base" />
+            <Icon type="GasStation" size={14} />
             <span>
               {humanize(estimate.fee.amount, 6)} {estimate.fee.symbol}
             </span>
diff --git a/src/components/donation/Steps/common/BackBtn.tsx b/src/components/donation/Steps/common/BackBtn.tsx
index e11202159e..380663fc80 100644
--- a/src/components/donation/Steps/common/BackBtn.tsx
+++ b/src/components/donation/Steps/common/BackBtn.tsx
@@ -10,7 +10,7 @@ export default function BackBtn({
       {...props}
       className={`flex items-center gap-2 font-medium text-[color:var(--accent-primary)] disabled:text-navy-l5 aria-disabled:text-navy-l5 ${className}`}
     >
-      <Icon type="ChevronLeft" className="text-[1em]" />
+      <Icon type="Back" size={18} />
       <span>Go Back</span>
     </button>
   );
diff --git a/src/components/donation/Steps/common/ContinueBtn.tsx b/src/components/donation/Steps/common/ContinueBtn.tsx
index 9ccaec1a63..b71963916e 100644
--- a/src/components/donation/Steps/common/ContinueBtn.tsx
+++ b/src/components/donation/Steps/common/ContinueBtn.tsx
@@ -16,7 +16,7 @@ export default function ContinueBtn({
       className={`btn-blue bg-[--accent-primary] hover:enabled:bg-[--accent-primary] btn-donate ${className}`}
     >
       <span className="mr-4">{text}</span>
-      <Icon type="ArrowRight" className="text-lg" />
+      <Icon type="ArrowRight" size={18} />
     </button>
   );
 }
diff --git a/src/components/donation/Steps/common/ProgramSelector.tsx b/src/components/donation/Steps/common/ProgramSelector.tsx
index 9e2b7db828..86c46036bc 100644
--- a/src/components/donation/Steps/common/ProgramSelector.tsx
+++ b/src/components/donation/Steps/common/ProgramSelector.tsx
@@ -50,7 +50,7 @@ export function ProgramSelector({
             <span>{program.label}</span>
             <DrawerIcon
               isOpen={open}
-              size={25}
+              size={20}
               className="justify-self-end shrink-0"
             />
           </>
diff --git a/src/components/donation/Steps/common/Summary.tsx b/src/components/donation/Steps/common/Summary.tsx
index 5ca7796a15..c228e8cb79 100644
--- a/src/components/donation/Steps/common/Summary.tsx
+++ b/src/components/donation/Steps/common/Summary.tsx
@@ -45,7 +45,7 @@ export default function Summary({
     <div className={container}>
       <BackBtn type="button" onClick={props.onBack} />
       <h4 className="flex items-center text-lg gap-2 my-4">
-        <Icon type="StickyNote" />
+        <Icon type="ListBox" size={20} />
         <span className="font-semibold">Your donation summary</span>
       </h4>
       {props.preSplitContent}
diff --git a/src/contexts/Auth.tsx b/src/contexts/Auth.tsx
index 14aceb7d71..88b3cddd74 100644
--- a/src/contexts/Auth.tsx
+++ b/src/contexts/Auth.tsx
@@ -34,7 +34,7 @@ export default function withAuth<Props>(
     if (!(requiredGroups || []).every((g) => user.groups.includes(g))) {
       return (
         <div className="grid content-start place-items-center py-20">
-          <Icon type="ExclamationCircleFill" size={80} className="text-red" />
+          <Icon type="Exclamation" size={80} className="text-red" />
           <p className="text-xl mt-8">Unauthorized</p>
         </div>
       );
diff --git a/src/errors/DefaultFallback.tsx b/src/errors/DefaultFallback.tsx
index 42d0eb1de7..e3193e7169 100644
--- a/src/errors/DefaultFallback.tsx
+++ b/src/errors/DefaultFallback.tsx
@@ -4,7 +4,7 @@ import { GENERIC_ERROR_MESSAGE } from "constants/common";
 export default function DefaultFallback() {
   return (
     <div className="grid place-items-center content-center gap-6 p-4">
-      <Icon type="ExclamationCircleFill" className="text-red text-[2em]" />
+      <Icon type="Exclamation" className="text-red text-[2em]" />
       <p className="text-center">{GENERIC_ERROR_MESSAGE}</p>
     </div>
   );
diff --git a/src/layout/DashboardLayout/Sidebar/SidebarOpener/SidebarOpener.tsx b/src/layout/DashboardLayout/Sidebar/SidebarOpener/SidebarOpener.tsx
index ba1e167fee..d0f8c55e11 100644
--- a/src/layout/DashboardLayout/Sidebar/SidebarOpener/SidebarOpener.tsx
+++ b/src/layout/DashboardLayout/Sidebar/SidebarOpener/SidebarOpener.tsx
@@ -19,7 +19,7 @@ export function SidebarOpener({
     >
       <Icon {...activeLink.icon} />
       {activeLink.title}
-      <Icon type="ChevronRight" size={24} className="ml-auto" />
+      <Icon type="ChevronRight" size={20} className="ml-auto" />
     </button>
   );
 }
diff --git a/src/pages/@sections/HeroBottom/HeroBottom.tsx b/src/pages/@sections/HeroBottom/HeroBottom.tsx
index c9e3e1669c..4aca9d7d6a 100644
--- a/src/pages/@sections/HeroBottom/HeroBottom.tsx
+++ b/src/pages/@sections/HeroBottom/HeroBottom.tsx
@@ -39,7 +39,7 @@ const HeroBottom = ({ className = "" }) => {
           type="button"
           className="cause-prev p-4 bg-white text-blue-d1 rounded-full shadow-lg z-10 absolute top-1/2 -translate-y-1/2 left-[5%] xl:left-[15%]"
         >
-          <Icon type="Back" className="text-2xl" />
+          <Icon type="Back" />
         </button>
         <button
           type="button"
@@ -90,7 +90,7 @@ const HeroBottom = ({ className = "" }) => {
         className="z-10 mt-16 justify-self-center btn-blue normal-case inline-flex items-center px-10 py-3 gap-1 rounded-full font-heading relative"
       >
         <span className="ml-1">Explore All Causes</span>
-        <Icon type="ArrowRightLong" className="text-lg" />
+        <Icon type="ArrowRight" size={20} />
       </Link>
       <p className="bg-[#FFEECC] font-gochi text-2xl z-[22] px-4 justify-self-center mt-4">
         from all around the globe
diff --git a/src/pages/Admin/Charity/Banking/Banking.tsx b/src/pages/Admin/Charity/Banking/Banking.tsx
index e8f6a7ca47..ab36981e65 100644
--- a/src/pages/Admin/Charity/Banking/Banking.tsx
+++ b/src/pages/Admin/Charity/Banking/Banking.tsx
@@ -54,10 +54,10 @@ export default function Banking() {
   return (
     <>
       <Link
-        to={`../${adminRoutes.banking}`}
+        to={".."}
         className="flex items-center gap-1 mb-4 text-blue hover:text-blue-l1 text-sm uppercase"
       >
-        <Icon type="Back" size={12} />
+        <Icon type="Back" size={18} />
         <span>Back</span>
       </Link>
       <Group
diff --git a/src/pages/Admin/Charity/Banking/PayoutMethod/DeletePrompt.tsx b/src/pages/Admin/Charity/Banking/PayoutMethod/DeletePrompt.tsx
index f97adcac0b..69a6022a14 100644
--- a/src/pages/Admin/Charity/Banking/PayoutMethod/DeletePrompt.tsx
+++ b/src/pages/Admin/Charity/Banking/PayoutMethod/DeletePrompt.tsx
@@ -60,7 +60,7 @@ export default function DeletePrompt({
           </button>
         )}
       </div>
-      <Icon type="ExclamationCircleFill" size={80} className="mt-6 text-red" />
+      <Icon type="Exclamation" size={80} className="mt-6 text-red" />
 
       <div className="p-6 text-center text-navy-l1 dark:text-navy-l5">
         {message}
diff --git a/src/pages/Admin/Charity/Banking/PayoutMethod/Prompt.tsx b/src/pages/Admin/Charity/Banking/PayoutMethod/Prompt.tsx
index cdb3da2cb1..39f4d240dc 100644
--- a/src/pages/Admin/Charity/Banking/PayoutMethod/Prompt.tsx
+++ b/src/pages/Admin/Charity/Banking/PayoutMethod/Prompt.tsx
@@ -93,7 +93,7 @@ export default function Prompt({ verdict, uuid }: Props) {
 
       <div className="flex items-center gap-2 mb-6">
         <Status classes="bg-gray-d2">Under review</Status>
-        <Icon type="ChevronRight" />
+        <Icon type="ChevronRight" size={20} />
         {verdict === "approve" ? (
           <Status classes="bg-green">Approved</Status>
         ) : (
diff --git a/src/pages/Admin/Charity/Banking/PayoutMethods/Table.tsx b/src/pages/Admin/Charity/Banking/PayoutMethods/Table.tsx
index d0b4b23ddc..d59cc73a96 100644
--- a/src/pages/Admin/Charity/Banking/PayoutMethods/Table.tsx
+++ b/src/pages/Admin/Charity/Banking/PayoutMethods/Table.tsx
@@ -54,9 +54,9 @@ export default function Table({ methods, classes = "" }: Props) {
               className="text-center w-full inline-block hover:text-blue-d1"
             >
               <Icon
-                size={24}
+                size={22}
                 type="Folder"
-                title="bank statement file"
+                aria-label="bank statement file"
                 className="inline-block"
               />
             </Link>
diff --git a/src/pages/Admin/Charity/Donations/Table.tsx b/src/pages/Admin/Charity/Donations/Table.tsx
index 5dea3db326..5309b4939b 100644
--- a/src/pages/Admin/Charity/Donations/Table.tsx
+++ b/src/pages/Admin/Charity/Donations/Table.tsx
@@ -79,7 +79,7 @@ export default function Table({
           <HeaderButton
             onClick={handleHeaderClick("finalAmountUsd")}
             _activeSortKey={sortKey}
-            _sortKey="amount"
+            _sortKey="finalAmountUsd"
             _sortDirection={sortDirection}
           >
             Donation Value USD
diff --git a/src/pages/Admin/Charity/Media/Media.tsx b/src/pages/Admin/Charity/Media/Media.tsx
index ac247fb287..11fd4d1747 100644
--- a/src/pages/Admin/Charity/Media/Media.tsx
+++ b/src/pages/Admin/Charity/Media/Media.tsx
@@ -20,7 +20,7 @@ export default function Media() {
             type="button"
             className="btn-outline-filled text-sm px-8 py-2 gap-1"
           >
-            <Icon type="Plus" />
+            <Icon type="Plus" size={16} />
             <span>add video</span>
           </button>
         </div>
diff --git a/src/pages/Admin/Charity/Media/VideoPreview.tsx b/src/pages/Admin/Charity/Media/VideoPreview.tsx
index f7f11dd00f..5db57e5c9f 100644
--- a/src/pages/Admin/Charity/Media/VideoPreview.tsx
+++ b/src/pages/Admin/Charity/Media/VideoPreview.tsx
@@ -37,6 +37,7 @@ export default function VideoPreview(props: Media) {
           }}
         >
           <Icon
+            size={19}
             type="Star"
             className={`${
               props.featured ? "text-[#FFA500]" : ""
@@ -51,7 +52,7 @@ export default function VideoPreview(props: Media) {
             })
           }
         >
-          <Icon type="Pencil" />
+          <Icon type="Pencil" size={16} />
         </CRUDBtn>
         <CRUDBtn
           disabled={allControlsDisabled}
@@ -64,7 +65,7 @@ export default function VideoPreview(props: Media) {
             }
           }}
         >
-          <Icon type="Delete" />
+          <Icon type="Dash" />
         </CRUDBtn>
       </div>
       {/** render only thumbnails on lists */}
diff --git a/src/pages/Admin/Charity/Media/Videos/Videos.tsx b/src/pages/Admin/Charity/Media/Videos/Videos.tsx
index 7e2e48b5d8..3a762cce79 100644
--- a/src/pages/Admin/Charity/Media/Videos/Videos.tsx
+++ b/src/pages/Admin/Charity/Media/Videos/Videos.tsx
@@ -32,7 +32,7 @@ export default function Videos() {
           type="button"
           className="btn-outline-filled text-sm px-8 py-2 gap-1"
         >
-          <Icon type="Plus" />
+          <Icon type="Plus" size={16} />
           <span>add video</span>
         </button>
       </div>
diff --git a/src/pages/Admin/Charity/Members/List.tsx b/src/pages/Admin/Charity/Members/List.tsx
index 4c53fcda9f..80aa6f3c70 100644
--- a/src/pages/Admin/Charity/Members/List.tsx
+++ b/src/pages/Admin/Charity/Members/List.tsx
@@ -32,7 +32,7 @@ export default function List() {
           })
         }
       >
-        <Icon type="Plus" />
+        <Icon type="Plus" size={16} />
         <span>Invite user</span>
       </button>
       <QueryLoader
@@ -112,7 +112,7 @@ function Loaded({ members, classes = "" }: LoadedProps) {
                 type="button"
                 className=" disabled:text-navy-l2 hover:text-red active:text-red absolute-center"
               >
-                <Icon type="Delete" size={16} />
+                <Icon type="Dash" size={16} />
               </button>
             </td>
 
diff --git a/src/pages/Admin/Charity/ProgramEditor/Milestone/Milestone.tsx b/src/pages/Admin/Charity/ProgramEditor/Milestone/Milestone.tsx
index d96f6aa8d0..322a25e7b5 100644
--- a/src/pages/Admin/Charity/ProgramEditor/Milestone/Milestone.tsx
+++ b/src/pages/Admin/Charity/ProgramEditor/Milestone/Milestone.tsx
@@ -48,7 +48,7 @@ export default function Milestone(props: Props) {
       <div className="relative py-3 px-4 text-center bg-blue-l5 dark:bg-blue-d7">
         <span className="text-xl font-bold font-heading">{props.title}</span>
         <DisclosureButton className="absolute right-4 top-1/2 -translate-y-1/2">
-          {({ open }) => <DrawerIcon isOpen={open} size={24} />}
+          {({ open }) => <DrawerIcon isOpen={open} size={20} />}
         </DisclosureButton>
       </div>
 
diff --git a/src/pages/Admin/Charity/ProgramEditor/Milestones.tsx b/src/pages/Admin/Charity/ProgramEditor/Milestones.tsx
index b8954c1b9c..3ccaaf6ad6 100644
--- a/src/pages/Admin/Charity/ProgramEditor/Milestones.tsx
+++ b/src/pages/Admin/Charity/ProgramEditor/Milestones.tsx
@@ -42,7 +42,7 @@ export default function Milestones({ programId, milestones }: Props) {
           type="button"
           className="btn-outline-filled text-sm w-full @md:w-52 py-2"
         >
-          <Icon type="Plus" className="mr-2" />
+          <Icon type="Plus" className="mr-2" size={16} />
           <span>{isLoading ? "Adding.." : "Add"} milestone</span>
         </button>
       </div>
diff --git a/src/pages/Admin/Context.tsx b/src/pages/Admin/Context.tsx
index d85871d2e0..6a8c26edb7 100644
--- a/src/pages/Admin/Context.tsx
+++ b/src/pages/Admin/Context.tsx
@@ -16,7 +16,7 @@ export function Context({
   if (!user.endowments.includes(idParamToNum(id))) {
     return (
       <div className="grid content-start place-items-center pt-40 pb-20">
-        <Icon type="ExclamationCircleFill" size={80} className="text-red" />
+        <Icon type="Exclamation" size={80} className="text-red" />
         <p className="text-xl mt-8">Unauthorized</p>
       </div>
     );
diff --git a/src/pages/Admin/constants.ts b/src/pages/Admin/constants.ts
index ea675e013a..c887c261da 100644
--- a/src/pages/Admin/constants.ts
+++ b/src/pages/Admin/constants.ts
@@ -15,7 +15,7 @@ const linkGroup1: LinkGroup = {
       to: sidebarRoutes.dashboard,
       icon: {
         type: "Dashboard",
-        size: 24,
+        size: 20,
       },
       end: true,
     },
@@ -24,7 +24,7 @@ const linkGroup1: LinkGroup = {
       to: sidebarRoutes.donations,
       icon: {
         type: "DollarCircle",
-        size: 24,
+        size: 22,
       },
     },
   ],
@@ -46,7 +46,7 @@ const linkGroup2: LinkGroup = {
       to: sidebarRoutes.programs,
       icon: {
         type: "ListBox",
-        size: 24,
+        size: 22,
       },
     },
     {
@@ -54,7 +54,7 @@ const linkGroup2: LinkGroup = {
       to: sidebarRoutes.media,
       icon: {
         type: "Picture",
-        size: 18,
+        size: 20,
       },
     },
     {
@@ -62,7 +62,7 @@ const linkGroup2: LinkGroup = {
       to: sidebarRoutes.banking,
       icon: {
         type: "Wallet",
-        size: 21.7,
+        size: 20,
       },
     },
   ],
@@ -84,7 +84,7 @@ const linkGroup3: LinkGroup = {
       to: "members",
       icon: {
         type: "Users",
-        size: 24,
+        size: 21,
       },
     },
     {
@@ -92,7 +92,7 @@ const linkGroup3: LinkGroup = {
       to: sidebarRoutes.widget_config,
       icon: {
         type: "Widget",
-        size: 24,
+        size: 25,
       },
     },
   ],
diff --git a/src/pages/Application/Container.tsx b/src/pages/Application/Container.tsx
index 706ea62f4c..0a69f997b8 100644
--- a/src/pages/Application/Container.tsx
+++ b/src/pages/Application/Container.tsx
@@ -19,7 +19,7 @@ export default function Container({ title, children, classes = "" }: Props) {
           className="flex items-center justify-center p-px w-6 h-6 border border-gray-l4 rounded"
           aria-label="toggle section content's visibility"
         >
-          <Icon type={isOpen ? "Dash" : "Plus"} />
+          <Icon type={isOpen ? "Dash" : "Plus"} size={18} />
         </button>
         <p className="uppercase text-sm font-bold">{title}</p>
       </div>
diff --git a/src/pages/Application/Prompt.tsx b/src/pages/Application/Prompt.tsx
index c0b1221079..90e20c735a 100644
--- a/src/pages/Application/Prompt.tsx
+++ b/src/pages/Application/Prompt.tsx
@@ -81,7 +81,7 @@ export default function Prompt({ verdict, orgName, uuid }: Props) {
           </button>
         )}
       </div>
-      <Icon type="ExclamationCircleFill" size={80} className="my-6 text-red" />
+      <Icon type="Exclamation" size={80} className="my-6 text-red" />
 
       <h3 className="text-center text-2xl mb-2 leading-tight px-3 sm:px-8">
         <div className="uppercase">{verdict}</div>
@@ -109,7 +109,7 @@ export default function Prompt({ verdict, orgName, uuid }: Props) {
 
       <div className="flex items-center gap-2 mb-6">
         <Status classes="bg-gray-d2">Pending</Status>
-        <Icon type="ChevronRight" />
+        <Icon type="ChevronRight" size={20} />
         {verdict === "approve" ? (
           <Status classes="bg-green">Approved</Status>
         ) : (
diff --git a/src/pages/Applications/Applications.tsx b/src/pages/Applications/Applications.tsx
index c93b98e8d6..c29fc0c9a8 100644
--- a/src/pages/Applications/Applications.tsx
+++ b/src/pages/Applications/Applications.tsx
@@ -29,7 +29,7 @@ function Applications() {
       <div className="relative flex gap-x-3 items-center border border-gray-l4 w-full bg-white dark:bg-blue-d6 rounded">
         <Icon
           type="Search"
-          size={24}
+          size={22}
           className="text-navy-d4 dark:text-navy-l2 absolute top-1/2 -translate-y-1/2 left-3"
         />
         <input
diff --git a/src/pages/Applications/Filter/index.tsx b/src/pages/Applications/Filter/index.tsx
index 43bc54faf3..d7a941041a 100644
--- a/src/pages/Applications/Filter/index.tsx
+++ b/src/pages/Applications/Filter/index.tsx
@@ -74,7 +74,7 @@ export default function Filter({ setParams, classes = "", isDisabled }: Props) {
       >
         {({ open }) => (
           <>
-            <Icon className="lg:hidden" type="Filter" size={20} />
+            <Icon className="lg:hidden mr-1" type="Filter" size={16} />
             <div className="uppercase font-semibold text-[0.9375rem] ">
               Filter
             </div>
diff --git a/src/pages/Applications/Table.tsx b/src/pages/Applications/Table.tsx
index 6158cccdf8..b8a2f0e7b9 100644
--- a/src/pages/Applications/Table.tsx
+++ b/src/pages/Applications/Table.tsx
@@ -102,9 +102,9 @@ export default function Table({
                 className="text-center w-full inline-block hover:text-blue-d1"
               >
                 <Icon
-                  size={24}
+                  size={22}
                   type="Folder"
-                  title="application details"
+                  aria-label="application details"
                   className="inline-block"
                 />
               </Link>
diff --git a/src/pages/BankingApplication/Prompt.tsx b/src/pages/BankingApplication/Prompt.tsx
index 8c86b722e2..547087f07a 100644
--- a/src/pages/BankingApplication/Prompt.tsx
+++ b/src/pages/BankingApplication/Prompt.tsx
@@ -93,7 +93,7 @@ export default function Prompt({ verdict, uuid }: Props) {
 
       <div className="flex items-center gap-2 mb-6">
         <Status classes="bg-gray-d2">Under review</Status>
-        <Icon type="ChevronRight" />
+        <Icon type="ChevronRight" size={20} />
         {verdict === "approve" ? (
           <Status classes="bg-green">Approved</Status>
         ) : (
diff --git a/src/pages/BankingApplications/Filter/index.tsx b/src/pages/BankingApplications/Filter/index.tsx
index 0e7c7cd3f8..5afb8caba2 100644
--- a/src/pages/BankingApplications/Filter/index.tsx
+++ b/src/pages/BankingApplications/Filter/index.tsx
@@ -65,7 +65,7 @@ export default function Filter({ setParams, classes = "", isDisabled }: Props) {
       >
         {({ open }) => (
           <>
-            <Icon className="lg:hidden" type="Filter" size={20} />
+            <Icon className="lg:hidden mr-1" type="Filter" size={16} />
             <div className="uppercase font-semibold text-[0.9375rem] ">
               Filter
             </div>
diff --git a/src/pages/BankingApplications/Prompt.tsx b/src/pages/BankingApplications/Prompt.tsx
index ffe51cd63c..4ce0d11ea5 100644
--- a/src/pages/BankingApplications/Prompt.tsx
+++ b/src/pages/BankingApplications/Prompt.tsx
@@ -93,7 +93,7 @@ export default function Prompt({ verdict, uuid }: Props) {
 
       <div className="flex items-center gap-2 mb-6">
         <Status classes="bg-gray-d2">Under review</Status>
-        <Icon type="ChevronRight" />
+        <Icon type="ChevronRight" size={20} />
         {verdict === "approve" ? (
           <Status classes="bg-green">Approved</Status>
         ) : (
diff --git a/src/pages/BankingApplications/Table.tsx b/src/pages/BankingApplications/Table.tsx
index bffb4bae1a..63dedbbcc8 100644
--- a/src/pages/BankingApplications/Table.tsx
+++ b/src/pages/BankingApplications/Table.tsx
@@ -58,9 +58,9 @@ export default function Table({
                 className="text-center w-full inline-block hover:text-blue-d1"
               >
                 <Icon
-                  size={24}
+                  size={22}
                   type="Folder"
-                  title="bank statement file"
+                  aria-label="bank statement file"
                   className="inline-block"
                 />
               </Link>
diff --git a/src/pages/Blog/Post.tsx b/src/pages/Blog/Post.tsx
index e567f93272..7cb2ed3533 100644
--- a/src/pages/Blog/Post.tsx
+++ b/src/pages/Blog/Post.tsx
@@ -44,7 +44,7 @@ export function Component() {
         to={".."}
         className="flex items-center gap-2 font-medium text-blue-d1 hover:text-blue mt-6"
       >
-        <Icon type="ChevronLeft" className="text-[1em]" />
+        <Icon type="Back" className="text-[1em]" />
         <span>Go Back</span>
       </Link>
       <QueryLoader
diff --git a/src/pages/Donate/FAQ.tsx b/src/pages/Donate/FAQ.tsx
index 7e9b13b820..b632abab7e 100644
--- a/src/pages/Donate/FAQ.tsx
+++ b/src/pages/Donate/FAQ.tsx
@@ -33,10 +33,7 @@ export default function FAQ({ classes = "", endowId }: Props) {
                 >
                   {faq.question}
                 </span>
-                <DrawerIcon
-                  isOpen={open}
-                  className="shrink-0 -mt-0.5 text-xl"
-                />
+                <DrawerIcon size={18} isOpen={open} className="shrink-0" />
               </DisclosureButton>
               {open && (
                 <DisclosurePanel
diff --git a/src/pages/Home/Benefits/BenefitsCarousel.tsx b/src/pages/Home/Benefits/BenefitsCarousel.tsx
index f8b373711d..a3d3a141eb 100644
--- a/src/pages/Home/Benefits/BenefitsCarousel.tsx
+++ b/src/pages/Home/Benefits/BenefitsCarousel.tsx
@@ -11,13 +11,13 @@ const BenefitsCarousel = ({ slides, classes = "" }: Props) => {
         type="button"
         className="swip-prev p-4 bg-white text-blue-d1 rounded-full shadow-md z-10 absolute top-1/2 -translate-y-1/2 right-3/4"
       >
-        <Icon type="Back" className="text-2xl" />
+        <Icon type="Back" />
       </button>
       <button
         type="button"
         className="swip-next p-4 bg-white text-blue-d1 rounded-full shadow-md z-10 absolute top-1/2 -translate-y-1/2 left-3/4"
       >
-        <Icon type="Next" className="text-2xl" />
+        <Icon type="Next" />
       </button>
 
       <Swiper
diff --git a/src/pages/Home/Benefits/Path.tsx b/src/pages/Home/Benefits/Path.tsx
index 6810235559..707c12fe86 100644
--- a/src/pages/Home/Benefits/Path.tsx
+++ b/src/pages/Home/Benefits/Path.tsx
@@ -60,7 +60,7 @@ const Path = () => {
         className="mt-8 justify-self-center btn-blue normal-case items-center px-10 py-3 gap-1 rounded-full text-lg font-heading"
       >
         <span className="mr-1">Learn more</span>
-        <Icon type="ArrowRightLong" />
+        <Icon type="ArrowRight" size={18} />
       </Link>
     </section>
   );
diff --git a/src/pages/Home/Blogs/Blogs.tsx b/src/pages/Home/Blogs/Blogs.tsx
index e9a17da01d..ce7c520a64 100644
--- a/src/pages/Home/Blogs/Blogs.tsx
+++ b/src/pages/Home/Blogs/Blogs.tsx
@@ -18,13 +18,13 @@ const Blogs = () => {
           type="button"
           className="blog-prev p-4 bg-white text-blue-d1 rounded-full shadow-md z-10 absolute top-1/2 -translate-y-1/2 left-10 md:left-[15%]"
         >
-          <Icon type="Back" className="text-2xl" />
+          <Icon type="Back" />
         </button>
         <button
           type="button"
           className="blog-next p-4 bg-white text-blue-d1 rounded-full shadow-md z-10 absolute top-1/2 -translate-y-1/2 right-10 md:right-[15%]"
         >
-          <Icon type="Next" className="text-2xl" />
+          <Icon type="Next" />
         </button>
         <Swiper
           loop
diff --git a/src/pages/Home/Hero/Hero.tsx b/src/pages/Home/Hero/Hero.tsx
index 6f92c14360..ce5944061a 100644
--- a/src/pages/Home/Hero/Hero.tsx
+++ b/src/pages/Home/Hero/Hero.tsx
@@ -28,7 +28,7 @@ const Hero = ({ classes = "" }) => {
         className="mt-8 isolate justify-self-center btn-blue normal-case inline-flex items-center px-10 py-3 gap-1 rounded-full text-lg font-heading relative"
       >
         <span className="ml-1">Join us</span>
-        <Icon type="ArrowRightLong" />
+        <Icon type="ArrowRight" size={18} />
         <Tooltip className="max-sm:hidden absolute left-[110%] top-3" />
       </Link>
     </section>
diff --git a/src/pages/Home/Testimonials/Testimonials.tsx b/src/pages/Home/Testimonials/Testimonials.tsx
index 694531726b..b819dc8604 100644
--- a/src/pages/Home/Testimonials/Testimonials.tsx
+++ b/src/pages/Home/Testimonials/Testimonials.tsx
@@ -21,13 +21,13 @@ const Testimonials = () => {
         type="button"
         className="swip-prev p-4 bg-white text-blue-d1 rounded-full shadow-md z-10 absolute top-3/4 -translate-y-1/2 right-[90%]"
       >
-        <Icon type="Back" className="text-2xl" />
+        <Icon type="Back" />
       </button>
       <button
         type="button"
         className="swip-next p-4 bg-white text-blue-d1 rounded-full shadow-md z-10 absolute top-3/4 -translate-y-1/2 left-[90%]"
       >
-        <Icon type="Next" className="text-2xl" />
+        <Icon type="Next" />
       </button>
 
       <Swiper
diff --git a/src/pages/Home/common/Button.tsx b/src/pages/Home/common/Button.tsx
index ab5914511d..5218636fc1 100644
--- a/src/pages/Home/common/Button.tsx
+++ b/src/pages/Home/common/Button.tsx
@@ -1,10 +1,10 @@
-import { FaArrowRightLong } from "react-icons/fa6";
+import Icon from "components/Icon";
 
 const Button = ({ text }: { text: string }) => {
   return (
     <button className="px-8 py-3.5 bg-blue-d1 text-white rounded-[40px] font-semibold text-base flex items-center  gap-1 font-heading self-center">
       {text}
-      <FaArrowRightLong size={20} className=" ml-1" />
+      <Icon type="ArrowRight" size={20} className=" ml-1" />
     </button>
   );
 };
diff --git a/src/pages/Marketplace/Cards/Card.tsx b/src/pages/Marketplace/Cards/Card.tsx
index 48a5fcda70..0e7e849541 100644
--- a/src/pages/Marketplace/Cards/Card.tsx
+++ b/src/pages/Marketplace/Cards/Card.tsx
@@ -35,7 +35,7 @@ export default function Card({
             {claimed && (
               <VerifiedIcon
                 classes="inline relative bottom-px mr-1"
-                size={18}
+                size={21}
               />
             )}
             <span className="inline">{name}</span>
diff --git a/src/pages/Marketplace/Toolbar/Sorter.tsx b/src/pages/Marketplace/Toolbar/Sorter.tsx
index b8838c90e4..affd13fa31 100644
--- a/src/pages/Marketplace/Toolbar/Sorter.tsx
+++ b/src/pages/Marketplace/Toolbar/Sorter.tsx
@@ -81,7 +81,9 @@ export default function Sorter() {
               onClick={() => toggleDirection(sort)}
               className="mr-3"
             >
-              <Icon type={sort.direction === "asc" ? "Up" : "Down"} />
+              <Icon
+                type={sort.direction === "asc" ? "ChevronUp" : "ChevronDown"}
+              />
             </button>
           </>
         )}
diff --git a/src/pages/Marketplace/Toolbar/index.tsx b/src/pages/Marketplace/Toolbar/index.tsx
index eb7706537b..19dc2b1889 100644
--- a/src/pages/Marketplace/Toolbar/index.tsx
+++ b/src/pages/Marketplace/Toolbar/index.tsx
@@ -15,7 +15,7 @@ export default function Toolbar({ classes = "" }: { classes?: string }) {
         onClick={() => showModal(Filter, {})}
         className="btn-blue justify-start justify-self-start rounded-lg px-3 py-2 text-sm"
       >
-        <Icon type="FilterMixer" size={24} className="mr-2" />
+        <Icon type="Filter" size={16} className="mr-2" />
         <span>Filters</span>
       </button>
       <Search classes="order-first col-span-2 md:order-none md:col-span-1" />
diff --git a/src/pages/Profile/Body/Body.tsx b/src/pages/Profile/Body/Body.tsx
index bfbe5a03ed..fed4804efe 100644
--- a/src/pages/Profile/Body/Body.tsx
+++ b/src/pages/Profile/Body/Body.tsx
@@ -36,7 +36,7 @@ function Body() {
                 {(p.claimed ?? true) && (
                   <VerifiedIcon
                     classes="relative inline bottom-px mr-2"
-                    size={24}
+                    size={27}
                   />
                 )}
                 <span>{p.name}</span>
@@ -48,14 +48,14 @@ function Body() {
           <div className="flex flex-col lg:flex-row gap-4 lg:gap-6 items-center w-full font-semibold text-base">
             {p.hq_country && (
               <span className="flex items-center gap-2 uppercase">
-                <Icon type="MapPin" className="h-6 w-6 text-blue-d1" />
+                <Icon type="MapPin" className="text-blue-d1" size={20} />
                 {p.hq_country}
               </span>
             )}
 
             {p.url && (
               <span className="flex items-center gap-2">
-                <Icon type="Globe" className="h-6 w-6 text-blue-d1" />
+                <Icon type="Globe" className="text-blue-d1" size={20} />
                 <ExtLink
                   href={p.url}
                   title="organization website"
diff --git a/src/pages/Profile/Body/GeneralInfo/DetailsColumn/EndowDesignationTag.tsx b/src/pages/Profile/Body/GeneralInfo/DetailsColumn/EndowDesignationTag.tsx
index 218f56d529..be49dc9dfa 100644
--- a/src/pages/Profile/Body/GeneralInfo/DetailsColumn/EndowDesignationTag.tsx
+++ b/src/pages/Profile/Body/GeneralInfo/DetailsColumn/EndowDesignationTag.tsx
@@ -3,7 +3,7 @@ import type { PropsWithChildren } from "react";
 import type { EndowDesignation, EndowmentProfile } from "types/aws";
 
 const icons: { [key in EndowDesignation]: IconType } = {
-  Charity: "HeartFill",
+  Charity: "Heart",
   "Religious Organization": "ReligiousOrganization",
   University: "University",
   Hospital: "Hospital",
@@ -18,7 +18,7 @@ export default function EndowDesignationTag({
   return (
     <div className="flex flex-col items-start gap-3">
       <Tag>
-        <Icon type={icons[endow_designation]} size={24} /> {endow_designation}
+        <Icon type={icons[endow_designation]} size={20} /> {endow_designation}
       </Tag>
     </div>
   );
diff --git a/src/pages/Profile/Body/GeneralInfo/DetailsColumn/Tags.tsx b/src/pages/Profile/Body/GeneralInfo/DetailsColumn/Tags.tsx
index d760ce4399..db1e7abe16 100644
--- a/src/pages/Profile/Body/GeneralInfo/DetailsColumn/Tags.tsx
+++ b/src/pages/Profile/Body/GeneralInfo/DetailsColumn/Tags.tsx
@@ -1,5 +1,5 @@
-import Icon from "components/Icon";
 import { unsdgs } from "constants/unsdgs";
+import { Fingerprint } from "lucide-react";
 import type { PropsWithChildren } from "react";
 import type { EndowmentProfile } from "types/aws";
 import EndowDesignationTag from "./EndowDesignationTag";
@@ -10,7 +10,7 @@ export default function Tags(props: EndowmentProfile) {
       {<EndowDesignationTag {...props} />}
       {props.kyc_donors_only && (
         <Tag>
-          <Icon type="SecurityScan" size={24} /> Donor Verification required
+          <Fingerprint size={20} /> Donor Verification required
         </Tag>
       )}
       {props.sdgs.map((unsdg_num) => (
diff --git a/src/pages/Profile/Body/common/Container.tsx b/src/pages/Profile/Body/common/Container.tsx
index 6c6ff54db4..1e3ff0c74e 100644
--- a/src/pages/Profile/Body/common/Container.tsx
+++ b/src/pages/Profile/Body/common/Container.tsx
@@ -63,7 +63,7 @@ function Header(props: {
         className="flex items-center justify-center p-px w-10 h-10 border border-gray-l4 rounded"
         aria-label="toggle section content's visibility"
       >
-        <Icon type={props.isOpen ? "Dash" : "Plus"} />
+        <Icon type={props.isOpen ? "Dash" : "Plus"} size={18} />
       </button>
     </StaticHeader>
   );
diff --git a/src/pages/Profile/Unpublished.tsx b/src/pages/Profile/Unpublished.tsx
index ac9f565662..3a186c60e3 100644
--- a/src/pages/Profile/Unpublished.tsx
+++ b/src/pages/Profile/Unpublished.tsx
@@ -5,7 +5,7 @@ import { Link } from "react-router-dom";
 export default function Unpublished() {
   return (
     <section className="flex flex-col items-center justify-center w-full h-screen gap-2 bg-blue dark:bg-blue-d5 text-red-l4 dark:text-red-l2">
-      <Icon type="ExclamationCircleFill" size={30} />
+      <Icon type="Exclamation" size={30} />
       <p className="text-lg text-center">
         This nonprofit has no public profile
       </p>
diff --git a/src/pages/Registration/Steps/Dashboard/EndowmentStatus.tsx b/src/pages/Registration/Steps/Dashboard/EndowmentStatus.tsx
index 4117c21ec7..8c448260b5 100644
--- a/src/pages/Registration/Steps/Dashboard/EndowmentStatus.tsx
+++ b/src/pages/Registration/Steps/Dashboard/EndowmentStatus.tsx
@@ -55,6 +55,7 @@ export default function EndowmentStatus({
           <Icon
             type="HourglassSplit"
             className="relative bottom-px inline mr-2"
+            size={18}
           />
           <span className="max-sm:text-center">
             Your application has been submitted for review
diff --git a/src/pages/Registration/Steps/ProgressIndicator.tsx b/src/pages/Registration/Steps/ProgressIndicator.tsx
index d374d3e148..e273d49ca0 100644
--- a/src/pages/Registration/Steps/ProgressIndicator.tsx
+++ b/src/pages/Registration/Steps/ProgressIndicator.tsx
@@ -80,7 +80,7 @@ export default function ProgressIndicator({ step, classes = "" }: Props) {
         {topStep}
         <DrawerIcon
           isOpen={isOtherStepsShown}
-          size={25}
+          size={20}
           className="absolute top-1/2 -right-5 transform -translate-y-1/2 md:hidden"
         />
       </div>
diff --git a/src/pages/Registration/Steps/Reference.tsx b/src/pages/Registration/Steps/Reference.tsx
index cbeab0b114..c1fff39df9 100644
--- a/src/pages/Registration/Steps/Reference.tsx
+++ b/src/pages/Registration/Steps/Reference.tsx
@@ -28,7 +28,7 @@ export default function Reference({ id, classes = "" }: Props) {
           }}
           className="absolute -right-1 top-1/2 transform -translate-y-1/2 md:hidden"
         >
-          <DrawerIcon isOpen={isTooltipOpen} size={25} />
+          <DrawerIcon isOpen={isTooltipOpen} size={20} />
         </button>
       </div>
       {isTooltipOpen && (
diff --git a/src/pages/UserDashboard/Donations/Filter/index.tsx b/src/pages/UserDashboard/Donations/Filter/index.tsx
index 02213f7f98..da77806f54 100644
--- a/src/pages/UserDashboard/Donations/Filter/index.tsx
+++ b/src/pages/UserDashboard/Donations/Filter/index.tsx
@@ -72,7 +72,7 @@ export default function Filter({
       >
         {({ open }) => (
           <>
-            <Icon className="@5xl:hidden" type="Filter" size={20} />
+            <Icon className="@5xl:hidden mr-1" type="Filter" size={16} />
             <div className="uppercase font-semibold text-[0.9375rem]">
               Filter
             </div>
diff --git a/src/pages/UserDashboard/Donations/MobileTable.tsx b/src/pages/UserDashboard/Donations/MobileTable.tsx
index 0b37c71689..f9565a6338 100644
--- a/src/pages/UserDashboard/Donations/MobileTable.tsx
+++ b/src/pages/UserDashboard/Donations/MobileTable.tsx
@@ -54,7 +54,7 @@ export default function MobileTable({
                 } w-full grid grid-cols-[auto_1fr_auto] divide-x divide-blue-l2`}
               >
                 <DrawerIcon
-                  size={24}
+                  size={20}
                   className={`${
                     open ? "text-blue-d1" : ""
                   } w-12 place-self-center`}
@@ -131,7 +131,7 @@ function LastRowContent(props: Donation.Record & { status: Donation.Status }) {
   if (props.status === "final") {
     return (
       <button className="block" onClick={() => showKYCForm(props.id)}>
-        <Icon type="FatArrowDownload" className="text-2xl" />
+        <Icon type="FileDownload" size={20} />
       </button>
     );
   }
diff --git a/src/pages/UserDashboard/Donations/Table.tsx b/src/pages/UserDashboard/Donations/Table.tsx
index 4a54cc255e..c4dae83304 100644
--- a/src/pages/UserDashboard/Donations/Table.tsx
+++ b/src/pages/UserDashboard/Donations/Table.tsx
@@ -182,7 +182,7 @@ function LastRowColContent(
         className="w-full flex justify-center"
         onClick={() => showKYCForm(props.id)}
       >
-        <Icon type="FatArrowDownload" className="text-2xl" />
+        <Icon type="FileDownload" size={20} />
       </button>
     );
   }
diff --git a/src/pages/UserDashboard/Donations/index.tsx b/src/pages/UserDashboard/Donations/index.tsx
index 877cc17694..5582ae2422 100644
--- a/src/pages/UserDashboard/Donations/index.tsx
+++ b/src/pages/UserDashboard/Donations/index.tsx
@@ -73,7 +73,7 @@ export default function Donations() {
       <div className="relative flex gap-x-3 items-center border border-gray-l4 w-full bg-white dark:bg-blue-d6 rounded">
         <Icon
           type="Search"
-          size={24}
+          size={20}
           className="text-navy-d4 dark:text-navy-l2 absolute top-1/2 -translate-y-1/2 left-3"
         />
         <input
diff --git a/src/pages/UserDashboard/routes.ts b/src/pages/UserDashboard/routes.ts
index a97c73bf73..74daf43c28 100644
--- a/src/pages/UserDashboard/routes.ts
+++ b/src/pages/UserDashboard/routes.ts
@@ -15,7 +15,7 @@ export const linkGroups: LinkGroup[] = [
         to: routes.donations,
         icon: {
           type: "DollarCircle",
-          size: 24,
+          size: 22,
         },
       },
       {
@@ -23,7 +23,7 @@ export const linkGroups: LinkGroup[] = [
         to: routes.edit_profile,
         icon: {
           type: "User",
-          size: 20.5,
+          size: 21,
         },
       },
       {
@@ -31,7 +31,7 @@ export const linkGroups: LinkGroup[] = [
         to: routes.settings,
         icon: {
           type: "Gear",
-          size: 21,
+          size: 22,
         },
       },
     ],
diff --git a/src/pages/Widget/Configurer/EndowmentSelector/EndowmentSelector.tsx b/src/pages/Widget/Configurer/EndowmentSelector/EndowmentSelector.tsx
index 52d74f80b4..b9a4d5e67b 100644
--- a/src/pages/Widget/Configurer/EndowmentSelector/EndowmentSelector.tsx
+++ b/src/pages/Widget/Configurer/EndowmentSelector/EndowmentSelector.tsx
@@ -41,7 +41,7 @@ export default function EndowmentSelector() {
 
       <ComboboxButton>
         {({ open }) => (
-          <DrawerIcon isOpen={open} size={25} className="ml-auto mr-1" />
+          <DrawerIcon isOpen={open} size={20} className="ml-auto mr-1" />
         )}
       </ComboboxButton>
 
diff --git a/src/pages/Widget/Configurer/Increments.tsx b/src/pages/Widget/Configurer/Increments.tsx
index 02eb713677..79d84fb06c 100644
--- a/src/pages/Widget/Configurer/Increments.tsx
+++ b/src/pages/Widget/Configurer/Increments.tsx
@@ -20,6 +20,7 @@ export default function Increments({ classes = "" }) {
         <button type="button" className="text-base font-bold text-green">
           <Icon
             type="Plus"
+            size={17}
             strokeWidth={3}
             onClick={() => append({ value: "0" })}
           />
@@ -50,7 +51,7 @@ export default function Increments({ classes = "" }) {
                   type="button"
                   onClick={() => remove(idx)}
                 >
-                  <Icon strokeWidth={3} type="Dash" />
+                  <Icon strokeWidth={3} type="Dash" size={18} />
                 </button>
               </div>
             );
diff --git a/src/pages/informational/DonorInfo/DonationFormInfo.tsx b/src/pages/informational/DonorInfo/DonationFormInfo.tsx
index 537231b1e6..b05e29fca2 100644
--- a/src/pages/informational/DonorInfo/DonationFormInfo.tsx
+++ b/src/pages/informational/DonorInfo/DonationFormInfo.tsx
@@ -47,7 +47,7 @@ function ListItem(props: TListItem) {
         />
       ) : (
         <Icon
-          type="Shapes"
+          type="Star"
           className="col-start-1 row-span-2 text-gray mt-1 text-lg @6xl:text-xl"
         />
       )}
diff --git a/yarn.lock b/yarn.lock
index 5c9a31ba8a..5ade512b9a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4501,6 +4501,7 @@ __metadata:
     is-mobile: "npm:4.0.0"
     jsdom: "npm:24.1.0"
     lefthook: "npm:1.6.15"
+    lucide-react: "npm:0.436.0"
     mipd: "npm:0.0.7"
     msw: "npm:2.3.1"
     nprogress: "npm:0.2.0"
@@ -4515,7 +4516,6 @@ __metadata:
     react-fast-marquee: "npm:1.6.4"
     react-helmet: "npm:6.1.0"
     react-hook-form: "npm:7.51.5"
-    react-icons: "npm:5.2.1"
     react-player: "npm:2.16.0"
     react-redux: "npm:9.1.2"
     react-router-dom: "npm:6.23.0"
@@ -7215,6 +7215,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lucide-react@npm:0.436.0":
+  version: 0.436.0
+  resolution: "lucide-react@npm:0.436.0"
+  peerDependencies:
+    react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc
+  checksum: 10/33ece64ea067a02d9d4eaf4b18f9334323db3e0b91746c5332c29b0aa2afd44858db9b48300a78a3406adcd99ffc15c14f94345b7a18a02070216741710c5751
+  languageName: node
+  linkType: hard
+
 "lz-string@npm:^1.5.0":
   version: 1.5.0
   resolution: "lz-string@npm:1.5.0"
@@ -8559,15 +8568,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-icons@npm:5.2.1":
-  version: 5.2.1
-  resolution: "react-icons@npm:5.2.1"
-  peerDependencies:
-    react: "*"
-  checksum: 10/8cdf49a9583488f9bb58cbab21f10a5e1993dd9d4f5a62f30fbbce249e4868e8e2c34eb1888adb22014a4319633d1035079bcf5d33b1a8596d745809632699c8
-  languageName: node
-  linkType: hard
-
 "react-is@npm:^16.12.0 || ^17.0.0 || ^18.0.0, react-is@npm:^18.0.0":
   version: 18.2.0
   resolution: "react-is@npm:18.2.0"