diff --git a/apps/mobile/src/icons/index.ts b/apps/mobile/src/icons/index.ts
new file mode 100644
index 0000000000..8c20a99734
--- /dev/null
+++ b/apps/mobile/src/icons/index.ts
@@ -0,0 +1,87 @@
+import { AccountIcon } from './AccountIcon';
+import { ArbitrumIcon } from './ArbitrumIcon';
+import { BackIcon } from './BackIcon';
+import { BareXMarkIcon } from './BareXMarkIcon';
+import { BaseIcon } from './BaseIcon';
+import { BottomArrowIcon } from './BottomArrowIcon';
+import { BugReportIcon } from './BugReportIcon';
+import { CheckboxIcon } from './CheckboxIcon';
+import { ChevronRightIcon } from './ChevronRightIcon';
+import { CircleCheckIcon } from './CircleCheckIcon';
+import { CirclePostIcon } from './CirclePostIcon';
+import { CollectionGridIcon } from './CollectionGridIcon';
+import { DarkModeIcon } from './DarkModeIcon';
+import { DiscordIcon } from './DiscordIcon';
+import { DropdownIcon } from './DropdownIcon';
+import { EditPencilIcon } from './EditPencilIcon';
+import { EllipsesIcon } from './EllipsesIcon';
+import { EmailIcon } from './EmailIcon';
+import { ErrorIcon } from './ErrorIcon';
+import { EthIcon } from './EthIcon';
+import { ExternalLinkIcon } from './ExternalLinkIcon';
+import FarcasterIcon from './FarcasterIcon';
+import { GLogoIcon } from './GLogoIcon';
+import LensIcon from './LensIcon';
+import { LightModeIcon } from './LightModeIcon';
+import { OptimismIcon } from './OptimismIcon';
+import { OptionIcon } from './OptionIcon';
+import { PoapIcon } from './PoapIcon';
+import { PolygonIcon } from './PolygonIcon';
+import { QRCodeIcon } from './QRCodeIcon';
+import { RefreshIcon } from './RefreshIcon';
+import { RightArrowIcon } from './RightArrowIcon';
+import { SettingsIcon } from './SettingsIcon';
+import { ShareIcon } from './ShareIcon';
+import { SlidersIcon } from './SlidersIcon';
+import { SpinnerIcon } from './SpinnerIcon';
+import { TezosIcon } from './TezosIcon';
+import { TrashIcon } from './TrashIcon';
+import { TwitterIcon } from './TwitterIcon';
+import { WorldIcon } from './WorldIcon';
+import { XMarkIcon } from './XMarkIcon';
+import { ZoraIcon } from './ZoraIcon';
+
+export {
+  AccountIcon,
+  ArbitrumIcon,
+  BackIcon,
+  BareXMarkIcon,
+  BaseIcon,
+  BottomArrowIcon,
+  BugReportIcon,
+  CheckboxIcon,
+  ChevronRightIcon,
+  CircleCheckIcon,
+  CirclePostIcon,
+  CollectionGridIcon,
+  DarkModeIcon,
+  DiscordIcon,
+  DropdownIcon,
+  EditPencilIcon,
+  EllipsesIcon,
+  EmailIcon,
+  ErrorIcon,
+  EthIcon,
+  ExternalLinkIcon,
+  FarcasterIcon,
+  GLogoIcon,
+  LensIcon,
+  LightModeIcon,
+  OptimismIcon,
+  OptionIcon,
+  PoapIcon,
+  PolygonIcon,
+  QRCodeIcon,
+  RefreshIcon,
+  RightArrowIcon,
+  SettingsIcon,
+  ShareIcon,
+  SlidersIcon,
+  SpinnerIcon,
+  TezosIcon,
+  TrashIcon,
+  TwitterIcon,
+  WorldIcon,
+  XMarkIcon,
+  ZoraIcon,
+};
diff --git a/apps/mobile/src/screens/DesignSystemButtonsScreen.tsx b/apps/mobile/src/screens/DesignSystemButtonsScreen.tsx
index aaa1b3b394..f57430783e 100644
--- a/apps/mobile/src/screens/DesignSystemButtonsScreen.tsx
+++ b/apps/mobile/src/screens/DesignSystemButtonsScreen.tsx
@@ -8,6 +8,7 @@ import { SafeAreaViewWithPadding } from '~/components/SafeAreaViewWithPadding';
 import { Typography } from '~/components/Typography';
 
 import { QRCodeIcon } from '../icons/QRCodeIcon';
+import IconDesignSystem from './DesignSystemScreen/IconDesignSystem';
 
 const avatarUrl =
   'https://s3-alpha-sig.figma.com/img/9a4f/b777/fe4c335512ca4297ad4fd60554e66f18?Expires=1688342400&Signature=qkFea-QACeUhPrbGDD7yxcKCsvViLLP8l7gsEWDVaE-vJMZg7o71rmHqBY888UIiAC2dAgkuLzJR~0oFvM6M1iWnXCudJfJB64l4n9m1R0DDofhBTCp3Is-wXGx5NQzdvAYBKHUZtfHBCDUHLR2sj1EqL3QMwOR4mKnFhpq79y2Bd~0E1r5ulGAfOt85vXhcgbcspBOGW410Yetij4x7P2RidYGi7xwDgEg26hMUxeaapE~mZETmQupLCuWkl2eaLhDXvnUsXiek0IPYhNS~SxYvqQOok5R~DK2WleQGL7hiGfbLfAgVPloPIIB1kuZTepRTlBMh1MASPd6l1Fk3Zw__&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4';
@@ -315,6 +316,11 @@ export function DesignSystemButtonsScreen() {
               />
             </ProfilePictureSection>
           </View>
+
+          <View className="flex flex-col p-4 space-y-2">
+            <Typography font={{ family: 'ABCDiatype', weight: 'Regular' }}>Icons</Typography>
+            <IconDesignSystem />
+          </View>
         </View>
       </SafeAreaViewWithPadding>
     </ScrollView>
diff --git a/apps/mobile/src/screens/DesignSystemScreen/IconDesignSystem.tsx b/apps/mobile/src/screens/DesignSystemScreen/IconDesignSystem.tsx
new file mode 100644
index 0000000000..62befc962b
--- /dev/null
+++ b/apps/mobile/src/screens/DesignSystemScreen/IconDesignSystem.tsx
@@ -0,0 +1,37 @@
+import React from 'react';
+import { View } from 'react-native';
+import * as Icons from 'src/icons';
+
+import { Typography } from '~/components/Typography';
+
+type IconNames = keyof typeof Icons;
+
+const IconDesignSystem = () => {
+  function getIcon(iconName: IconNames) {
+    return Icons[iconName]({
+      width: 24,
+      height: 24,
+    });
+  }
+
+  return (
+    <View>
+      <View className="flex-row flex-wrap">
+        {Object.keys(Icons).map((iconName) => {
+          return (
+            <View key={iconName} className="w-1/3  flex gap-2 items-center py-4">
+              <View className="bg-offWhite h-10 w-10 items-center justify-center rounded-full">
+                {getIcon(iconName as IconNames)}
+              </View>
+              <Typography font={{ family: 'ABCDiatype', weight: 'Regular' }} className="text-sm">
+                {iconName.replace('Icon', '')}
+              </Typography>
+            </View>
+          );
+        })}
+      </View>
+    </View>
+  );
+};
+
+export default IconDesignSystem;