diff --git a/packages/loot-design/src/svg/Add.mobile.js b/packages/loot-design/src/svg/Add.mobile.js
index 582ac853bef806defe9c79fa6a115652fd48b2e6..1f16d3aae392532b198d585da1dc49b3e59f24f6 100644
--- a/packages/loot-design/src/svg/Add.mobile.js
+++ b/packages/loot-design/src/svg/Add.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function Add({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/Bank.mobile.js b/packages/loot-design/src/svg/Bank.mobile.js
index 42ba26ec3e77495e07cc93a541c9e89da773066b..6f619a63fa67be9403c61c4257ecc730db74288b 100644
--- a/packages/loot-design/src/svg/Bank.mobile.js
+++ b/packages/loot-design/src/svg/Bank.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function Bank({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/Budget.mobile.js b/packages/loot-design/src/svg/Budget.mobile.js
index 72426c60ba65f00fb55962ebf3e3fe645c45609b..3a223a5ff2eaf0c42d9f777436aaf80c05fe674c 100644
--- a/packages/loot-design/src/svg/Budget.mobile.js
+++ b/packages/loot-design/src/svg/Budget.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function Budget({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/Delete.mobile.js b/packages/loot-design/src/svg/Delete.mobile.js
index 467b97da5e65ac7588c210fe91b6a8c3dcf882f8..bb5efd982e61e2e39fa02a3cd9f6c85e3aca2930 100644
--- a/packages/loot-design/src/svg/Delete.mobile.js
+++ b/packages/loot-design/src/svg/Delete.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function Delete({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/DownArrow.mobile.js b/packages/loot-design/src/svg/DownArrow.mobile.js
index 528149e3ba0481396617499fe8a2fa4cf2b09c6b..e0582cf0833a27046c2f4d1e84870114e82b267a 100644
--- a/packages/loot-design/src/svg/DownArrow.mobile.js
+++ b/packages/loot-design/src/svg/DownArrow.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function DownArrow({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/DragIOS.mobile.js b/packages/loot-design/src/svg/DragIOS.mobile.js
index 6533fd8d1e056f02d394b4e2da8b3fef6e4fbf0b..252933f7d800c89d9de6cde326abcb9ad723caaf 100644
--- a/packages/loot-design/src/svg/DragIOS.mobile.js
+++ b/packages/loot-design/src/svg/DragIOS.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function DragIos({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/ExpandArrow.mobile.js b/packages/loot-design/src/svg/ExpandArrow.mobile.js
index 707720d05eed89769c9fad59a861399628f91040..5a5fceb0f6411b75cfcb46b93b50de03de6c14a9 100644
--- a/packages/loot-design/src/svg/ExpandArrow.mobile.js
+++ b/packages/loot-design/src/svg/ExpandArrow.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function ExpandArrow({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/LeftArrow.mobile.js b/packages/loot-design/src/svg/LeftArrow.mobile.js
index 2a2e28c50c96c8540682a95048f1cbfee31fef61..23a1244dd4149d942c8615774c9582e916ddac24 100644
--- a/packages/loot-design/src/svg/LeftArrow.mobile.js
+++ b/packages/loot-design/src/svg/LeftArrow.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function LeftArrow({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/LeftArrow2.mobile.js b/packages/loot-design/src/svg/LeftArrow2.mobile.js
index 7e2a2f5b5a175f9d1c5077e00c53a93a2fb34536..3b4d5c3c45993f4d902edb865e63d8603b6ea0e1 100644
--- a/packages/loot-design/src/svg/LeftArrow2.mobile.js
+++ b/packages/loot-design/src/svg/LeftArrow2.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function LeftArrow2({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/LeftArrow3.mobile.js b/packages/loot-design/src/svg/LeftArrow3.mobile.js
index 2ea48d0eac5cca0b467a7f346aa6589596c6c858..7efb9828110c5fcf212eb6aa858af9352566b962 100644
--- a/packages/loot-design/src/svg/LeftArrow3.mobile.js
+++ b/packages/loot-design/src/svg/LeftArrow3.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function LeftArrow3({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/Loading.mobile.js b/packages/loot-design/src/svg/Loading.mobile.js
index 9147af3e8c6806d7dcc600d1de6976053c445211..07c28a4ff7e6f2ee5833b2c468e1fe927556a3f9 100644
--- a/packages/loot-design/src/svg/Loading.mobile.js
+++ b/packages/loot-design/src/svg/Loading.mobile.js
@@ -4,9 +4,18 @@ import React from "react";
 import {
   Svg,
   Circle,
+  Ellipse,
   G,
   LinearGradient,
+  RadialGradient,
+  Line,
   Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
   Defs,
   Stop
 } from "mobile/node_modules/react-native-svg";
diff --git a/packages/loot-design/src/svg/Logo.mobile.js b/packages/loot-design/src/svg/Logo.mobile.js
index 2ba08921ff948d5a699cce7e0552a3dbb78c588a..1fafa5bbfccfa0d0359b4c762813386228526267 100644
--- a/packages/loot-design/src/svg/Logo.mobile.js
+++ b/packages/loot-design/src/svg/Logo.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function Logo({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/Math.mobile.js b/packages/loot-design/src/svg/Math.mobile.js
index 90b671eeb37c6fd81335acf77f7901308cbb44eb..1c93d2dfce0f1a07c860be228fb819ec271956e2 100644
--- a/packages/loot-design/src/svg/Math.mobile.js
+++ b/packages/loot-design/src/svg/Math.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function Math({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/Pencil.mobile.js b/packages/loot-design/src/svg/Pencil.mobile.js
index c70aa611139e4240127cea35acc344df7d2fe5dc..11a9f8a4253106fa0d2c9f5563f85ae556d69944 100644
--- a/packages/loot-design/src/svg/Pencil.mobile.js
+++ b/packages/loot-design/src/svg/Pencil.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function Pencil({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/Reports.mobile.js b/packages/loot-design/src/svg/Reports.mobile.js
index a5b2f912c16ad77c32daafd5caa7f00e75e17f2a..073f8dc0873db3dd8bbf3b4b216e0ee9b71ca78f 100644
--- a/packages/loot-design/src/svg/Reports.mobile.js
+++ b/packages/loot-design/src/svg/Reports.mobile.js
@@ -1,8 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
-
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function Reports({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/RightArrow.mobile.js b/packages/loot-design/src/svg/RightArrow.mobile.js
index cbfad1a69c59512ecda263ca47b8329088b51c76..40d9057e1fa61d9767a649f2267ec5ddb09155a1 100644
--- a/packages/loot-design/src/svg/RightArrow.mobile.js
+++ b/packages/loot-design/src/svg/RightArrow.mobile.js
@@ -1,8 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Polyline } from "mobile/node_modules/react-native-svg";
-
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function RightArrow({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/RightArrow2.mobile.js b/packages/loot-design/src/svg/RightArrow2.mobile.js
index 628e0e1a66d6255e96b0c5734c3e7a31ab6c2565..749b1594e7a47adb03e2b8a4802e0a63cecc8264 100644
--- a/packages/loot-design/src/svg/RightArrow2.mobile.js
+++ b/packages/loot-design/src/svg/RightArrow2.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function RightArrow2({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/Search.mobile.js b/packages/loot-design/src/svg/Search.mobile.js
index 0ca90a3751b2784caea4b5b02e9dc40634cc307e..9a98990426a2a45ae55a2a9c5b62931046e28166 100644
--- a/packages/loot-design/src/svg/Search.mobile.js
+++ b/packages/loot-design/src/svg/Search.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function Search({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/Settings.mobile.js b/packages/loot-design/src/svg/Settings.mobile.js
index b13fdbe1240436353a3838f89ef6eb2e4ee95505..ea9ab10ee32493f372da18db005459949430a6da 100644
--- a/packages/loot-design/src/svg/Settings.mobile.js
+++ b/packages/loot-design/src/svg/Settings.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, G, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function Settings({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/Subtract.mobile.js b/packages/loot-design/src/svg/Subtract.mobile.js
index 0ba7b6705df4c7abdb79dc1ab4882e8a1e053bbe..318abe18042ff504faf1a8fb9577c1bfe52b2231 100644
--- a/packages/loot-design/src/svg/Subtract.mobile.js
+++ b/packages/loot-design/src/svg/Subtract.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function Add({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/merge.mobile.js b/packages/loot-design/src/svg/merge.mobile.js
index 887d6aee26df7a6ed9e93de722756ba29084f52b..0a22c2eb8f1b50799ce35a23093680b4a94d7183 100644
--- a/packages/loot-design/src/svg/merge.mobile.js
+++ b/packages/loot-design/src/svg/merge.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function Merge({ width, height, style, color = "black", ...props }) {
   return (
diff --git a/packages/loot-design/src/svg/split.mobile.js b/packages/loot-design/src/svg/split.mobile.js
index a92d72ad79af03633a89f49534cd05022880fc4a..cea507fc1eeec5a74f07a141e84399ca49e3a931 100644
--- a/packages/loot-design/src/svg/split.mobile.js
+++ b/packages/loot-design/src/svg/split.mobile.js
@@ -1,7 +1,24 @@
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from "react";
 
-import { Svg, Path } from "mobile/node_modules/react-native-svg";
+import {
+  Svg,
+  Circle,
+  Ellipse,
+  G,
+  LinearGradient,
+  RadialGradient,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+  Symbol,
+  Text,
+  Use,
+  Defs,
+  Stop
+} from "mobile/node_modules/react-native-svg";
 
 function Split({ width, height, style, color = "black", ...props }) {
   return (