diff --git a/web/assets.js b/web/assets.js
--- a/web/assets.js
+++ b/web/assets.js
@@ -6,3 +6,18 @@
 export const backgroundIllustrationFileName = 'background-illustration.svg';
 export const backgroundIllustrationHeight = '100px';
 export const backgroundIllustrationWidth = '133px';
+
+// Notifications Modal Illustration: "Focused"
+export const focusedNotificationsIllustrationFileName = 'all-notifs.svg';
+export const focusedNotificationsIllustrationHeight = '86px';
+export const focusedNotificationsIllustrationWidth = '46px';
+
+// Notifications Modal Illustration: "Focused (badge only)"
+export const badgeOnlyNotificationsIllustrationFileName = 'badge-notifs.svg';
+export const badgeOnlyNotificationsIllustrationHeight = '86px';
+export const badgeOnlyNotificationsIllustrationWidth = '46px';
+
+// Notifications Modal Illustration: "Background"
+export const backgroundNotificationsIllustrationFileName = 'muted-notifs.svg';
+export const backgroundNotificationsIllustrationHeight = '86px';
+export const backgroundNotificationsIllustrationWidth = '46px';
diff --git a/web/modals/threads/notifications/notifications-modal.react.js b/web/modals/threads/notifications/notifications-modal.react.js
--- a/web/modals/threads/notifications/notifications-modal.react.js
+++ b/web/modals/threads/notifications/notifications-modal.react.js
@@ -12,9 +12,20 @@
   useDispatchActionPromise,
 } from 'lib/utils/action-utils';
 
+import {
+  assetCacheURLPrefix,
+  backgroundNotificationsIllustrationFileName,
+  backgroundNotificationsIllustrationHeight,
+  backgroundNotificationsIllustrationWidth,
+  badgeOnlyNotificationsIllustrationFileName,
+  badgeOnlyNotificationsIllustrationHeight,
+  badgeOnlyNotificationsIllustrationWidth,
+  focusedNotificationsIllustrationFileName,
+  focusedNotificationsIllustrationHeight,
+  focusedNotificationsIllustrationWidth,
+} from '../../../assets.js';
 import Button from '../../../components/button.react';
 import { useSelector } from '../../../redux/redux-utils';
-import SWMansionIcon from '../../../SWMansionIcon.react';
 import Modal from '../../modal.react';
 import css from './notifications-modal.css';
 import NotificationsOption from './notifications-option.react';
@@ -46,8 +57,6 @@
     setNotificationSettings,
   ] = React.useState<NotificationSettings>(initialThreadSetting);
 
-  const notificationIconStyle = React.useMemo(() => ({ width: 'auto' }), []);
-
   const isFocusedSelected = notificationSettings === 'focused';
   const focusedItem = React.useMemo(() => {
     const description = [
@@ -56,10 +65,10 @@
       ['Lives in Focused tab', true],
     ];
     const icon = (
-      <SWMansionIcon
-        icon="all-notifs"
-        size={86}
-        style={notificationIconStyle}
+      <img
+        src={`${assetCacheURLPrefix}/${focusedNotificationsIllustrationFileName}`}
+        height={focusedNotificationsIllustrationHeight}
+        width={focusedNotificationsIllustrationWidth}
       />
     );
     return (
@@ -71,7 +80,7 @@
         onSelect={() => setNotificationSettings('focused')}
       />
     );
-  }, [isFocusedSelected, notificationIconStyle]);
+  }, [isFocusedSelected]);
 
   const isFocusedBadgeOnlySelected = notificationSettings === 'badge-only';
   const focusedBadgeOnlyItem = React.useMemo(() => {
@@ -81,10 +90,10 @@
       ['Lives in Focused tab', true],
     ];
     const icon = (
-      <SWMansionIcon
-        icon="badge-notifs"
-        size={86}
-        style={notificationIconStyle}
+      <img
+        src={`${assetCacheURLPrefix}/${badgeOnlyNotificationsIllustrationFileName}`}
+        height={badgeOnlyNotificationsIllustrationHeight}
+        width={badgeOnlyNotificationsIllustrationWidth}
       />
     );
     return (
@@ -96,7 +105,7 @@
         onSelect={() => setNotificationSettings('badge-only')}
       />
     );
-  }, [isFocusedBadgeOnlySelected, notificationIconStyle]);
+  }, [isFocusedBadgeOnlySelected]);
 
   const isBackgroundSelected = notificationSettings === 'background';
   const backgroundItem = React.useMemo(() => {
@@ -106,10 +115,10 @@
       ['Lives in Backgound tab', true],
     ];
     const icon = (
-      <SWMansionIcon
-        icon="muted-notifs"
-        size={86}
-        style={notificationIconStyle}
+      <img
+        src={`${assetCacheURLPrefix}/${backgroundNotificationsIllustrationFileName}`}
+        height={backgroundNotificationsIllustrationHeight}
+        width={backgroundNotificationsIllustrationWidth}
       />
     );
     return (
@@ -121,7 +130,7 @@
         onSelect={() => setNotificationSettings('background')}
       />
     );
-  }, [isBackgroundSelected, notificationIconStyle]);
+  }, [isBackgroundSelected]);
 
   const dispatchActionPromise = useDispatchActionPromise();