diff --git a/assets/Backup.svg b/assets/Backup.svg
new file mode 100644
index 00000000..937d6f8a
--- /dev/null
+++ b/assets/Backup.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="78.143" height="56.742" viewBox="0 0 78.143 56.742">
+  <path id="cloud_upload_FILL0_wght400_GRAD0_opsz48" d="M58.648-742.258a17.938,17.938,0,0,1-13.142-5.506A17.938,17.938,0,0,1,40-760.906a18.532,18.532,0,0,1,4.4-12.21,17.75,17.75,0,0,1,11.322-6.349,24.071,24.071,0,0,1,8.347-14.075A23.062,23.062,0,0,1,79.249-799a22.15,22.15,0,0,1,16.827,7.237,24.474,24.474,0,0,1,6.793,17.36v2.131a14.364,14.364,0,0,1,10.833,4.129,14.514,14.514,0,0,1,4.44,10.878A14.432,14.432,0,0,1,113.7-746.7a14.432,14.432,0,0,1-10.567,4.44h-21.4a5.111,5.111,0,0,1-3.73-1.6,5.111,5.111,0,0,1-1.6-3.729V-770.5l-7.37,7.37-3.818-3.818L79.071-780.8l13.853,13.853-3.818,3.818-7.37-7.37v22.91h21.4a9.321,9.321,0,0,0,6.837-2.842,9.32,9.32,0,0,0,2.842-6.837,9.321,9.321,0,0,0-2.842-6.837,9.321,9.321,0,0,0-6.837-2.842H97.541V-774.4a19.09,19.09,0,0,0-5.372-13.586,17.539,17.539,0,0,0-13.275-5.683,17.68,17.68,0,0,0-13.32,5.683A19.006,19.006,0,0,0,60.157-774.4H58.47a12.611,12.611,0,0,0-9.324,3.863,13.046,13.046,0,0,0-3.818,9.546,12.988,12.988,0,0,0,3.9,9.457,12.752,12.752,0,0,0,9.419,3.952H71.079v5.328ZM79.071-768.009Z" transform="translate(-40 799)" fill="#f2801d"/>
+</svg>
diff --git a/components/ui/svg.tsx b/components/ui/svg.tsx
index 282f912a..59d6f86a 100644
--- a/components/ui/svg.tsx
+++ b/components/ui/svg.tsx
@@ -23,6 +23,7 @@ import MagnifierZoom from '../../assets/Magnifier_Zoom.svg';
 import GoogleDriveIcon from '../../assets/google-drive-28.svg';
 import {displayType} from '../../machines/issuersMachine';
 import {IssuerProps} from '../openId4VCI/Issuer';
+import Backup from '../../assets/Backup.svg';
 import {
   EsignetMosipVCItemContentProps,
   ExistingMosipVCItemContentProps,
@@ -187,6 +188,17 @@ export class SvgImage {
     );
   }
 
+  static DataBackupIcon() {
+    return (
+      <Backup
+        color1={Theme.Colors.linearGradientStart}
+        color2={Theme.Colors.linearGradientEnd}
+        width={25}
+        height={25}
+      />
+    );
+  }
+
   static SuccessLogo() {
     return <SuccessLogo {...testIDProps('SuccessLogo')} />;
   }
diff --git a/components/ui/themes/DefaultTheme.ts b/components/ui/themes/DefaultTheme.ts
index 346aafee..30345fb3 100644
--- a/components/ui/themes/DefaultTheme.ts
+++ b/components/ui/themes/DefaultTheme.ts
@@ -994,6 +994,13 @@ export const DefaultTheme = {
       marginVertical: 6,
     },
   }),
+  BackupStyles: StyleSheet.create({
+    newStyles: {
+      backgroundColor: Colors.Orange,
+      paddingHorizontal: 10,
+      borderRadius: 3,
+    },
+  }),
   UpdateModalStyles: StyleSheet.create({
     modal: {
       width: Dimensions.get('screen').width,
diff --git a/components/ui/themes/PurpleTheme.ts b/components/ui/themes/PurpleTheme.ts
index 8e73a414..90def890 100644
--- a/components/ui/themes/PurpleTheme.ts
+++ b/components/ui/themes/PurpleTheme.ts
@@ -998,6 +998,13 @@ export const PurpleTheme = {
       marginVertical: 6,
     },
   }),
+  BackupStyles: StyleSheet.create({
+    newStyles: {
+      backgroundColor: Colors.Orange,
+      paddingHorizontal: 10,
+      borderRadius: 3,
+    },
+  }),
   UpdateModalStyles: StyleSheet.create({
     modal: {
       width: Dimensions.get('screen').width,
diff --git a/screens/Settings/DataBackup.tsx b/screens/Settings/DataBackup.tsx
index 776627bb..cefabf9f 100644
--- a/screens/Settings/DataBackup.tsx
+++ b/screens/Settings/DataBackup.tsx
@@ -1,10 +1,11 @@
 import React, {useState} from 'react';
-import {Pressable} from 'react-native';
+import {Pressable, View} from 'react-native';
 import {Icon, ListItem} from 'react-native-elements';
-import {Text} from '../../components/ui';
+import {Row, Text} from '../../components/ui';
 import {Theme} from '../../components/ui/styleUtils';
 import {useBackupScreen} from './BackupController';
 import {BackupToggle} from './BackupToggle';
+import {SvgImage} from '../../components/ui/svg';
 
 export const DataBackup: React.FC = ({} = props => {
   const controller = useBackupScreen(props);
@@ -18,17 +19,22 @@ export const DataBackup: React.FC = ({} = props => {
           controller.DATA_BACKUP();
         }}>
         <ListItem topDivider bottomDivider>
-          <Icon
-            type={'feather'}
-            name={'file'}
-            color={Theme.Colors.Icon}
-            size={25}
-          />
+          {SvgImage.DataBackupIcon()}
           <ListItem.Content>
             <ListItem.Title style={{paddingTop: 3}}>
-              <Text weight="semibold" color={Theme.Colors.settingsLabel}>
-                Data Backup
-              </Text>
+              <Row>
+                <Text
+                  weight="semibold"
+                  color={Theme.Colors.settingsLabel}
+                  style={{paddingRight: 10}}>
+                  Backup & Restore
+                </Text>
+                <Text
+                  style={Theme.BackupStyles.newStyles}
+                  color={Theme.Colors.whiteText}>
+                  New
+                </Text>
+              </Row>
             </ListItem.Title>
           </ListItem.Content>
         </ListItem>
diff --git a/screens/Settings/SettingScreen.tsx b/screens/Settings/SettingScreen.tsx
index 5b68609c..fc80dcd6 100644
--- a/screens/Settings/SettingScreen.tsx
+++ b/screens/Settings/SettingScreen.tsx
@@ -18,6 +18,7 @@ import {ReceivedCards} from './ReceivedCards';
 import testIDProps from '../../shared/commonUtil';
 import {SvgImage} from '../../components/ui/svg';
 import {DataBackup} from './DataBackup';
+import {isAndroid} from '../../shared/constants';
 
 const LanguageSetting: React.FC = () => {
   const {t} = useTranslation('SettingScreen');
@@ -160,7 +161,7 @@ export const SettingScreen: React.FC<
 
             <AboutInji appId={controller.appId} />
 
-            {DATA_BACKUP === 'true' && <DataBackup />}
+            {DATA_BACKUP === 'true' && isAndroid() && <DataBackup />}
 
             {CREDENTIAL_REGISTRY_EDIT === 'true' && (
               <EditableListItem