diff --git a/packages/design-system-react-native/src/components/Icon/Icon.assets.ts b/packages/design-system-react-native/src/components/Icon/Icon.assets.ts
index 535c3c27e..7d1a56e25 100644
--- a/packages/design-system-react-native/src/components/Icon/Icon.assets.ts
+++ b/packages/design-system-react-native/src/components/Icon/Icon.assets.ts
@@ -155,6 +155,7 @@ import MapSVG from './assets/map.svg';
 import MenuSVG from './assets/menu.svg';
 import MessageQuestionSVG from './assets/message-question.svg';
 import MessagesSVG from './assets/messages.svg';
+import MetamaskFoxFilledSVG from './assets/metamask-fox-filled.svg';
 import MetamaskFoxOutlineSVG from './assets/metamask-fox-outline.svg';
 import MicSVG from './assets/mic.svg';
 import MinusBoldSVG from './assets/minus-bold.svg';
@@ -199,6 +200,7 @@ import SavingSVG from './assets/saving.svg';
 import ScanBarcodeSVG from './assets/scan-barcode.svg';
 import ScanFocusSVG from './assets/scan-focus.svg';
 import ScanSVG from './assets/scan.svg';
+import SearchFilledSVG from './assets/search-filled.svg';
 import SearchSVG from './assets/search.svg';
 import SecurityAlertSVG from './assets/security-alert.svg';
 import SecurityCrossSVG from './assets/security-cross.svg';
@@ -439,6 +441,7 @@ export const assetByIconName: AssetByIconName = {
   [IconName.Menu]: MenuSVG,
   [IconName.MessageQuestion]: MessageQuestionSVG,
   [IconName.Messages]: MessagesSVG,
+  [IconName.MetamaskFoxFilled]: MetamaskFoxFilledSVG,
   [IconName.MetamaskFoxOutline]: MetamaskFoxOutlineSVG,
   [IconName.Mic]: MicSVG,
   [IconName.MinusBold]: MinusBoldSVG,
@@ -483,6 +486,7 @@ export const assetByIconName: AssetByIconName = {
   [IconName.ScanBarcode]: ScanBarcodeSVG,
   [IconName.ScanFocus]: ScanFocusSVG,
   [IconName.Scan]: ScanSVG,
+  [IconName.SearchFilled]: SearchFilledSVG,
   [IconName.Search]: SearchSVG,
   [IconName.SecurityAlert]: SecurityAlertSVG,
   [IconName.SecurityCross]: SecurityCrossSVG,
diff --git a/packages/design-system-react-native/src/components/Icon/assets/metamask-fox-filled.svg b/packages/design-system-react-native/src/components/Icon/assets/metamask-fox-filled.svg
new file mode 100644
index 000000000..8ca53b68d
--- /dev/null
+++ b/packages/design-system-react-native/src/components/Icon/assets/metamask-fox-filled.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+<path d="M20.6432 12.0554L21.9956 8.43993L20.244 2L13.5538 6.12825H10.448L3.7578 2L2 8.46207L2.12455 8.75258L3.35677 11.6355L2.00618 16.6025L3.74896 21.2622L7.79631 20.2463L10.8561 22H13.1457L16.2046 20.2463L20.2528 21.2622L21.8931 16.8771L22 16.5901L20.6432 12.0554Z"/>
+</svg>
diff --git a/packages/design-system-react-native/src/components/Icon/assets/search-filled.svg b/packages/design-system-react-native/src/components/Icon/assets/search-filled.svg
new file mode 100644
index 000000000..e2ed490e6
--- /dev/null
+++ b/packages/design-system-react-native/src/components/Icon/assets/search-filled.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+<path d="M13.3 14.7L19.6 21L21 19.6L14.7 13.3C15.1 12.8 15.4167 12.225 15.65 11.575C15.8833 10.925 16 10.2333 16 9.5C16 7.68333 15.3708 6.14583 14.1125 4.8875C12.8542 3.62917 11.3167 3 9.5 3C7.68333 3 6.14583 3.62917 4.8875 4.8875C3.62917 6.14583 3 7.68333 3 9.5C3 11.3167 3.62917 12.8542 4.8875 14.1125C6.14583 15.3708 7.68333 16 9.5 16C10.2333 16 10.925 15.8833 11.575 15.65C12.225 15.4167 12.8 15.1 13.3 14.7Z"/>
+</svg>
diff --git a/packages/design-system-react-native/src/types/index.ts b/packages/design-system-react-native/src/types/index.ts
index d1cd5b82e..d5e4deaaf 100644
--- a/packages/design-system-react-native/src/types/index.ts
+++ b/packages/design-system-react-native/src/types/index.ts
@@ -689,6 +689,7 @@ export enum IconName {
   Menu = 'Menu',
   MessageQuestion = 'MessageQuestion',
   Messages = 'Messages',
+  MetamaskFoxFilled = 'MetamaskFoxFilled',
   MetamaskFoxOutline = 'MetamaskFoxOutline',
   Mic = 'Mic',
   MinusBold = 'MinusBold',
@@ -733,6 +734,7 @@ export enum IconName {
   ScanBarcode = 'ScanBarcode',
   ScanFocus = 'ScanFocus',
   Scan = 'Scan',
+  SearchFilled = 'SearchFilled',
   Search = 'Search',
   SecurityAlert = 'SecurityAlert',
   SecurityCross = 'SecurityCross',
diff --git a/packages/design-system-react/src/components/Icon/assets/metamask-fox-filled.svg b/packages/design-system-react/src/components/Icon/assets/metamask-fox-filled.svg
new file mode 100644
index 000000000..8ca53b68d
--- /dev/null
+++ b/packages/design-system-react/src/components/Icon/assets/metamask-fox-filled.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+<path d="M20.6432 12.0554L21.9956 8.43993L20.244 2L13.5538 6.12825H10.448L3.7578 2L2 8.46207L2.12455 8.75258L3.35677 11.6355L2.00618 16.6025L3.74896 21.2622L7.79631 20.2463L10.8561 22H13.1457L16.2046 20.2463L20.2528 21.2622L21.8931 16.8771L22 16.5901L20.6432 12.0554Z"/>
+</svg>
diff --git a/packages/design-system-react/src/components/Icon/assets/search-filled.svg b/packages/design-system-react/src/components/Icon/assets/search-filled.svg
new file mode 100644
index 000000000..e2ed490e6
--- /dev/null
+++ b/packages/design-system-react/src/components/Icon/assets/search-filled.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+<path d="M13.3 14.7L19.6 21L21 19.6L14.7 13.3C15.1 12.8 15.4167 12.225 15.65 11.575C15.8833 10.925 16 10.2333 16 9.5C16 7.68333 15.3708 6.14583 14.1125 4.8875C12.8542 3.62917 11.3167 3 9.5 3C7.68333 3 6.14583 3.62917 4.8875 4.8875C3.62917 6.14583 3 7.68333 3 9.5C3 11.3167 3.62917 12.8542 4.8875 14.1125C6.14583 15.3708 7.68333 16 9.5 16C10.2333 16 10.925 15.8833 11.575 15.65C12.225 15.4167 12.8 15.1 13.3 14.7Z"/>
+</svg>
diff --git a/packages/design-system-react/src/components/Icon/icons/MetamaskFoxFilled.tsx b/packages/design-system-react/src/components/Icon/icons/MetamaskFoxFilled.tsx
new file mode 100644
index 000000000..1a6a62508
--- /dev/null
+++ b/packages/design-system-react/src/components/Icon/icons/MetamaskFoxFilled.tsx
@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+const SvgMetamaskFoxFilled = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" ref={ref} {...props}><path d="m20.643 12.055 1.353-3.615L20.244 2l-6.69 4.128h-3.106L3.758 2 2 8.462l.125.29 1.232 2.883-1.35 4.967 1.742 4.66 4.047-1.016L10.856 22h2.29l3.059-1.754 4.048 1.016 1.64-4.385.107-.287z" /></svg>;
+const ForwardRef = forwardRef(SvgMetamaskFoxFilled);
+export default ForwardRef;
diff --git a/packages/design-system-react/src/components/Icon/icons/SearchFilled.tsx b/packages/design-system-react/src/components/Icon/icons/SearchFilled.tsx
new file mode 100644
index 000000000..a40639533
--- /dev/null
+++ b/packages/design-system-react/src/components/Icon/icons/SearchFilled.tsx
@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+const SvgSearchFilled = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" ref={ref} {...props}><path d="m13.3 14.7 6.3 6.3 1.4-1.4-6.3-6.3q.6-.75.95-1.725T16 9.5q0-2.725-1.887-4.612T9.5 3 4.888 4.888 3 9.5t1.888 4.613T9.5 16a6.1 6.1 0 0 0 3.8-1.3" /></svg>;
+const ForwardRef = forwardRef(SvgSearchFilled);
+export default ForwardRef;
diff --git a/packages/design-system-react/src/components/Icon/icons/index.ts b/packages/design-system-react/src/components/Icon/icons/index.ts
index 717c57ee4..d82b47e40 100644
--- a/packages/design-system-react/src/components/Icon/icons/index.ts
+++ b/packages/design-system-react/src/components/Icon/icons/index.ts
@@ -152,6 +152,7 @@ import Map from './Map';
 import Menu from './Menu';
 import MessageQuestion from './MessageQuestion';
 import Messages from './Messages';
+import MetamaskFoxFilled from './MetamaskFoxFilled';
 import MetamaskFoxOutline from './MetamaskFoxOutline';
 import Mic from './Mic';
 import Minus from './Minus';
@@ -198,6 +199,7 @@ import Scan from './Scan';
 import ScanBarcode from './ScanBarcode';
 import ScanFocus from './ScanFocus';
 import Search from './Search';
+import SearchFilled from './SearchFilled';
 import Security from './Security';
 import SecurityAlert from './SecurityAlert';
 import SecurityCross from './SecurityCross';
@@ -434,6 +436,7 @@ export const Icons = {
   Menu,
   MessageQuestion,
   Messages,
+  MetamaskFoxFilled,
   MetamaskFoxOutline,
   Mic,
   Minus,
@@ -480,6 +483,7 @@ export const Icons = {
   ScanBarcode,
   ScanFocus,
   Search,
+  SearchFilled,
   Security,
   SecurityAlert,
   SecurityCross,
diff --git a/packages/design-system-react/src/types/index.ts b/packages/design-system-react/src/types/index.ts
index dca069bf8..a450ec446 100644
--- a/packages/design-system-react/src/types/index.ts
+++ b/packages/design-system-react/src/types/index.ts
@@ -725,6 +725,7 @@ export enum IconName {
   Menu = 'Menu',
   MessageQuestion = 'MessageQuestion',
   Messages = 'Messages',
+  MetamaskFoxFilled = 'MetamaskFoxFilled',
   MetamaskFoxOutline = 'MetamaskFoxOutline',
   Mic = 'Mic',
   Minus = 'Minus',
@@ -771,6 +772,7 @@ export enum IconName {
   ScanBarcode = 'ScanBarcode',
   ScanFocus = 'ScanFocus',
   Search = 'Search',
+  SearchFilled = 'SearchFilled',
   Security = 'Security',
   SecurityAlert = 'SecurityAlert',
   SecurityCross = 'SecurityCross',