chore: Add SearchFilled and MetamaskFoxFilled icons

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,

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',

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;

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;

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,

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',