diff --git a/invokeai/frontend/web/src/features/gallery/components/CurrentImageDisplay.tsx b/invokeai/frontend/web/src/features/gallery/components/CurrentImageDisplay.tsx
index 36451cfb2c..9b928d45c4 100644
--- a/invokeai/frontend/web/src/features/gallery/components/CurrentImageDisplay.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/CurrentImageDisplay.tsx
@@ -4,10 +4,10 @@ import { useAppSelector } from 'app/store/storeHooks';
 import { systemSelector } from 'features/system/store/systemSelectors';
 import { isEqual } from 'lodash-es';
 
-import { MdPhoto } from 'react-icons/md';
 import { selectedImageSelector } from '../store/gallerySelectors';
 import CurrentImageButtons from './CurrentImageButtons';
 import CurrentImagePreview from './CurrentImagePreview';
+import { FaImage } from 'react-icons/fa';
 
 export const currentImageDisplaySelector = createSelector(
   [systemSelector, selectedImageSelector],
@@ -61,7 +61,7 @@ const CurrentImageDisplay = () => {
           </>
         ) : (
           <Icon
-            as={MdPhoto}
+            as={FaImage}
             sx={{
               boxSize: 24,
               color: 'base.500',
diff --git a/invokeai/frontend/web/src/features/parameters/components/Parameters/ImageToImage/InitialImagePreview.tsx b/invokeai/frontend/web/src/features/parameters/components/Parameters/ImageToImage/InitialImagePreview.tsx
index 3de1e1cebb..ca54d2fd67 100644
--- a/invokeai/frontend/web/src/features/parameters/components/Parameters/ImageToImage/InitialImagePreview.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/Parameters/ImageToImage/InitialImagePreview.tsx
@@ -1,4 +1,4 @@
-import { Flex, Image } from '@chakra-ui/react';
+import { Flex, Icon, Image } from '@chakra-ui/react';
 import { createSelector } from '@reduxjs/toolkit';
 import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
 import SelectImagePlaceholder from 'common/components/SelectImagePlaceholder';
@@ -13,6 +13,7 @@ import { generationSelector } from 'features/parameters/store/generationSelector
 import { initialImageSelected } from 'features/parameters/store/actions';
 import { defaultSelectorOptions } from 'app/store/util/defaultMemoizeOptions';
 import ImageFallbackSpinner from 'features/gallery/components/ImageFallbackSpinner';
+import { FaImage } from 'react-icons/fa';
 
 const selector = createSelector(
   [generationSelector],
@@ -83,7 +84,15 @@ const InitialImagePreview = () => {
           <ImageMetadataOverlay image={initialImage} />
         </>
       )}
-      {!initialImage?.url && <SelectImagePlaceholder />}
+      {!initialImage?.url && (
+        <Icon
+          as={FaImage}
+          sx={{
+            boxSize: 24,
+            color: 'base.500',
+          }}
+        />
+      )}
     </Flex>
   );
 };