remove vector icons usage

app.json

@@ -4,7 +4,7 @@
     "slug": "bacon",
     "scheme": "bacon",
     "privacy": "public",
-    "platforms": ["ios", "android", "web"],
+    "platforms": ["web"],
     "version": "1.0.0",
     "orientation": "default",
     "icon": "./assets/icon.png",

src/Data.ts

@@ -2,7 +2,7 @@ import { ImageSourcePropType } from 'react-native';
 import { OpenGraphImages } from '@/constants/og';
 
 export type ProjectAction = {
-  icon: string;
+  icon: 'photo';
   url: string;
 };
 

src/components/card/Card.tsx

@@ -1,14 +1,13 @@
-import { Article, Div, Footer, H2, H3, P } from '@expo/html-elements';
+import { Div, Footer, H3, P } from '@expo/html-elements';
 import { Video } from 'expo-av';
 import { BlurView } from 'expo-blur';
 import { Link } from 'expo-router';
 import React from 'react';
 import { Image, Platform, StyleSheet, View } from 'react-native';
 import { useHover, useREM } from 'react-native-web-hooks';
 import isHoverEnabled from 'react-native-web-hooks/build/isHoverEnabled';
-
+import PhotoLibraryIcon from '@/svg/photo-library.svg';
 import { Project } from '../../Data';
-import SocialIcon from '../SocialIcon';
 
 const upperFlow = 16;
 const ICON_SIZE = 72;
@@ -153,11 +152,7 @@ export default function ProjectCard({
                   target="_blank"
                   href={social.url}
                 >
-                  <SocialIcon
-                    name={social.icon}
-                    color="white"
-                    size={16 * 2.2}
-                  />
+                  <PhotoLibraryIcon fill="white" height={36} width={36} />
                 </Link>
               </Div>
             ))}