profile card sharing

assets/icons/share.svg

@@ -0,0 +1,10 @@
+<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3959_35958)">
+<path d="M9.88281 0.366211C9.39453 -0.12207 8.60156 -0.12207 8.11328 0.366211L3.11328 5.36621C2.625 5.85449 2.625 6.64746 3.11328 7.13574C3.60156 7.62402 4.39453 7.62402 4.88281 7.13574L7.75 4.26855V12.499C7.75 13.1904 8.30859 13.749 9 13.749C9.69141 13.749 10.25 13.1904 10.25 12.499V4.26855L13.1172 7.13574C13.6055 7.62402 14.3984 7.62402 14.8867 7.13574C15.375 6.64746 15.375 5.85449 14.8867 5.36621L9.88672 0.366211H9.88281ZM2.75 13.749C2.75 13.0576 2.19141 12.499 1.5 12.499C0.808594 12.499 0.25 13.0576 0.25 13.749V16.249C0.25 18.3193 1.92969 19.999 4 19.999H14C16.0703 19.999 17.75 18.3193 17.75 16.249V13.749C17.75 13.0576 17.1914 12.499 16.5 12.499C15.8086 12.499 15.25 13.0576 15.25 13.749V16.249C15.25 16.9404 14.6914 17.499 14 17.499H4C3.30859 17.499 2.75 16.9404 2.75 16.249V13.749Z" fill="#0F3F4F"/>
+</g>
+<defs>
+<clipPath id="clip0_3959_35958">
+<rect width="17.5" height="20" fill="white" transform="translate(0.25)"/>
+</clipPath>
+</defs>
+</svg>

src/screens/InAppScreens/ProfileScreen/index.tsx

@@ -31,6 +31,7 @@ import TickIcon from '../../../../assets/icons/tick.svg';
 import UNIcon from '../../../../assets/icons/un_icon.svg';
 import NMIcon from '../../../../assets/icons/nm_icon.svg';
 import ChevronIcon from '../../../../assets/icons/chevron-left.svg';
+import ShareIcon from '../../../../assets/icons/share.svg';
 
 import { ProfileStyles, ScoreStyles, TBTStyles } from '../TravellersScreen/Components/styles';
 import UnauthenticatedProfileScreen from './UnauthenticatedProfileScreen';
@@ -260,7 +261,7 @@ const ProfileScreen: FC<Props> = ({ navigation, route }) => {
               {data.own_profile === 1 ? (
                 <>
                   <TouchableOpacity
-                    style={[styles.settings, { backgroundColor: 'red', right: 30 }]}
+                    style={[styles.settings, { right: 25 }]}
                     onPress={() =>
                       navigation.navigate(NAVIGATION_PAGES.SHARE_PROFILE, {
                         data: {
@@ -278,8 +279,14 @@ const ProfileScreen: FC<Props> = ({ navigation, route }) => {
                       })
                     }
                   >
-                    <Text style={{ color: 'white' }}>Share</Text>
+                    <ShareIcon
+                      width={20}
+                      height={20}
+                      fill={Colors.DARK_BLUE}
+                      style={{ alignSelf: 'center' }}
+                    />
                   </TouchableOpacity>
+                  
                   <TouchableOpacity
                     style={styles.settings}
                     onPress={() => navigation.navigate(NAVIGATION_PAGES.EDIT_PERSONAL_INFO)}