diff --git a/app/images/icons/red-triangle-exclaim.svg b/app/images/icons/red-triangle-exclaim.svg
deleted file mode 100644
index 064908c78..000000000
--- a/app/images/icons/red-triangle-exclaim.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 0L0 16H16L8 0ZM8 3.36842L13.4764 14.3158H2.52364L8 3.36842ZM7.27273 6.73684V10.1053H8.72727V6.73684H7.27273ZM7.27273 11.7895V13.4737H8.72727V11.7895" fill="#D73A49"/>
-</svg>
diff --git a/app/images/icons/yellow-bell.svg b/app/images/icons/yellow-bell.svg
deleted file mode 100644
index f40e00194..000000000
--- a/app/images/icons/yellow-bell.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.7059 12H3.29412V6.8C3.29412 4.8 4.94118 3.2 7 3.2C9.05882 3.2 10.7059 4.8 10.7059 6.8V12ZM12.3529 11.2V6.8C12.3529 4.344 10.5906 2.288 8.23529 1.744V1.2C8.23529 0.88174 8.10515 0.576516 7.87349 0.351472C7.64182 0.126428 7.32762 0 7 0C6.67238 0 6.35818 0.126428 6.12651 0.351472C5.89485 0.576516 5.76471 0.88174 5.76471 1.2V1.744C3.40118 2.288 1.64706 4.344 1.64706 6.8V11.2L0 12.8V13.6H14V12.8L12.3529 11.2ZM7 16C7.43683 16 7.85576 15.8314 8.16465 15.5314C8.47353 15.2313 8.64706 14.8243 8.64706 14.4H5.35294C5.35294 14.8243 5.52647 15.2313 5.83535 15.5314C6.14424 15.8314 6.56317 16 7 16Z" fill="#FFD33D"/>
-</svg>
diff --git a/app/images/twitter-icon.png b/app/images/twitter-icon.png
deleted file mode 100644
index a71ad381f..000000000
Binary files a/app/images/twitter-icon.png and /dev/null differ
diff --git a/app/images/warning-icon.png b/app/images/warning-icon.png
deleted file mode 100644
index 06b4be332..000000000
Binary files a/app/images/warning-icon.png and /dev/null differ
diff --git a/ui/pages/onboarding-flow/create-password/index.scss b/ui/pages/onboarding-flow/create-password/index.scss
index 16ddcdfe1..c56853aad 100644
--- a/ui/pages/onboarding-flow/create-password/index.scss
+++ b/ui/pages/onboarding-flow/create-password/index.scss
@@ -29,6 +29,7 @@
 
     &--password-button {
       background-color: transparent;
+      color: var(--color-text-default);
     }
 
     &--submit-button {
diff --git a/ui/pages/onboarding-flow/import-srp/import-srp.js b/ui/pages/onboarding-flow/import-srp/import-srp.js
index b3dc7bbad..58683b1e1 100644
--- a/ui/pages/onboarding-flow/import-srp/import-srp.js
+++ b/ui/pages/onboarding-flow/import-srp/import-srp.js
@@ -76,7 +76,7 @@ export default function ImportSRP({ submitSecretRecoveryPhrase }) {
             <button onClick={() => setRevealSRP(!revealSRP)}>
               <i
                 className={`far fa-eye${revealSRP ? '-slash' : ''}`}
-                color="grey"
+                style={{ color: 'var(--color-icon-default' }}
               />
             </button>
             <textarea
diff --git a/ui/pages/onboarding-flow/import-srp/index.scss b/ui/pages/onboarding-flow/import-srp/index.scss
index dda3bcd73..bd42524ec 100644
--- a/ui/pages/onboarding-flow/import-srp/index.scss
+++ b/ui/pages/onboarding-flow/import-srp/index.scss
@@ -48,6 +48,7 @@
     border: 1px solid var(--color-border-muted);
     border-radius: 10px;
     background-color: var(--color-background-default);
+    color: var(--color-text-default);
     padding: 12px 24px 12px 12px;
     resize: none;
     width: 100%;
diff --git a/ui/pages/onboarding-flow/index.scss b/ui/pages/onboarding-flow/index.scss
index 8f4e41832..63b92cc34 100644
--- a/ui/pages/onboarding-flow/index.scss
+++ b/ui/pages/onboarding-flow/index.scss
@@ -28,8 +28,8 @@
     margin-bottom: 40px;
     vertical-align: middle;
 
-    img {
-      margin-left: 5px;
+    &__icon {
+      margin-left: 4px;
     }
   }
 }
diff --git a/ui/pages/onboarding-flow/onboarding-flow.js b/ui/pages/onboarding-flow/onboarding-flow.js
index 5b93f7f4f..8a3be4e28 100644
--- a/ui/pages/onboarding-flow/onboarding-flow.js
+++ b/ui/pages/onboarding-flow/onboarding-flow.js
@@ -178,7 +178,7 @@ export default function OnboardingFlow() {
           target="_blank"
         >
           <span>{t('followUsOnTwitter')}</span>
-          <img src="images/twitter-icon.png" />
+          <i className="fab fa-twitter onboarding-flow__twitter-button__icon" />
         </Button>
       )}
     </div>
diff --git a/ui/pages/onboarding-flow/secure-your-wallet/index.scss b/ui/pages/onboarding-flow/secure-your-wallet/index.scss
index 04cedf941..5fa4f5530 100644
--- a/ui/pages/onboarding-flow/secure-your-wallet/index.scss
+++ b/ui/pages/onboarding-flow/secure-your-wallet/index.scss
@@ -35,6 +35,13 @@
 .skip-srp-backup-popover {
   width: 365px;
 
+  &__icon {
+    color: var(--color-error-default);
+    display: block;
+    margin-top: 16px;
+    margin-bottom: 16px;
+  }
+
   &__checkbox {
     margin: 8px 12px 0 0;
   }
diff --git a/ui/pages/onboarding-flow/secure-your-wallet/skip-srp-backup-popover.js b/ui/pages/onboarding-flow/secure-your-wallet/skip-srp-backup-popover.js
index 8bba66085..1557d5388 100644
--- a/ui/pages/onboarding-flow/secure-your-wallet/skip-srp-backup-popover.js
+++ b/ui/pages/onboarding-flow/secure-your-wallet/skip-srp-backup-popover.js
@@ -50,7 +50,7 @@ export default function SkipSRPBackup({ handleClose }) {
         justifyContent={JUSTIFY_CONTENT.CENTER}
         margin={4}
       >
-        <img src="./images/warning-icon.png" />
+        <i className="fa fa-exclamation-triangle fa-2x skip-srp-backup-popover__icon" />
         <Typography variant={TYPOGRAPHY.h3} fontWeight={FONT_WEIGHT.BOLD}>
           {t('skipAccountSecurity')}
         </Typography>