@mxenabled/mx-icons 1.8.0 → 1.10.0

package/dist/index.d.ts

@@ -1,465 +1,564 @@
 import { default as default_2 } from 'react';
-import { IconProps as IconProps_2 } from '@mui/material';
-import { IconProps as IconProps_3 } from '@mui/material/Icon/Icon';
-import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } from 'react';
+import { SvgIconProps } from '@mui/material/SvgIcon';
 
-declare const AccountBalance: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const AccessTime: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { AccessTime }
+export { AccessTime as AccessTimeIcon }
+
+declare const AccountBalance: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { AccountBalance }
 export { AccountBalance as AccountBalanceIcon }
 
-declare const AccountBalanceWallet: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const AccountBalanceWallet: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { AccountBalanceWallet }
 export { AccountBalanceWallet as AccountBalanceWalletIcon }
 
-declare const Add: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Acute: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Acute }
+export { Acute as AcuteIcon }
+
+declare const Add: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Add }
 export { Add as AddIcon }
 
-declare const AddBox: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const AddBox: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { AddBox }
 export { AddBox as AddBoxIcon }
 
-declare const AddTask: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const AddCircle: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { AddCircle }
+export { AddCircle as AddCircleIcon }
+
+declare const AddTask: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { AddTask }
 export { AddTask as AddTaskIcon }
 
-declare const AirplaneTicket: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const AdminPanelSettings: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { AdminPanelSettings }
+export { AdminPanelSettings as AdminPanelSettingsIcon }
+
+declare const AirplaneTicket: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { AirplaneTicket }
 export { AirplaneTicket as AirplaneTicketIcon }
 
-declare const AirportShuttle: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const AirportShuttle: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { AirportShuttle }
 export { AirportShuttle as AirportShuttleIcon }
 
-declare const Apartment: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Apartment: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Apartment }
 export { Apartment as ApartmentIcon }
 
-declare const Apps: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Api: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Api }
+export { Api as ApiIcon }
+
+declare const Apps: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Apps }
 export { Apps as AppsIcon }
 
-declare const AreaChart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const AreaChart: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { AreaChart }
 export { AreaChart as AreaChartIcon }
 
-declare const ArrowBack: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ArrowBack: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ArrowBack }
 export { ArrowBack as ArrowBackIcon }
 
-declare const ArrowBackIosNew: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ArrowBackIosNew: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ArrowBackIosNew }
 export { ArrowBackIosNew as ArrowBackIosNewIcon }
 
-declare const ArrowDownwardAlt: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ArrowCircleUp: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { ArrowCircleUp }
+export { ArrowCircleUp as ArrowCircleUpIcon }
+
+declare const ArrowDownwardAlt: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ArrowDownwardAlt }
 export { ArrowDownwardAlt as ArrowDownwardAltIcon }
 
-declare const ArrowForward: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ArrowForward: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ArrowForward }
 export { ArrowForward as ArrowForwardIcon }
 
-declare const ArrowForwardIos: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ArrowForwardIos: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ArrowForwardIos }
 export { ArrowForwardIos as ArrowForwardIosIcon }
 
-declare const ArrowLeftAlt: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ArrowLeftAlt: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ArrowLeftAlt }
 export { ArrowLeftAlt as ArrowLeftAltIcon }
 
-declare const ArrowRightAlt: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ArrowRightAlt: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ArrowRightAlt }
 export { ArrowRightAlt as ArrowRightAltIcon }
 
-declare const ArrowUpwardAlt: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ArrowUpwardAlt: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ArrowUpwardAlt }
 export { ArrowUpwardAlt as ArrowUpwardAltIcon }
 
-declare const Article: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Article: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Article }
 export { Article as ArticleIcon }
 
-declare const Atm: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Atm: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Atm }
 export { Atm as AtmIcon }
 
-declare const AttachMoney: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const AttachMoney: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { AttachMoney }
 export { AttachMoney as AttachMoneyIcon }
 
-declare const BarChart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const AutoAwesome: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { AutoAwesome }
+export { AutoAwesome as AutoAwesomeIcon }
+
+declare const Autorenew: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Autorenew }
+export { Autorenew as AutorenewIcon }
+
+declare const BarChart: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { BarChart }
 export { BarChart as BarChartIcon }
 
-declare const Beenhere: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Bedtime: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Bedtime }
+export { Bedtime as BedtimeIcon }
+
+declare const Beenhere: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Beenhere }
 export { Beenhere as BeenhereIcon }
 
-declare const BidLandscape: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const BidLandscape: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { BidLandscape }
 export { BidLandscape as BidLandscapeIcon }
 
-declare const Block: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Block: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Block }
 export { Block as BlockIcon }
 
-declare const BubbleChart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const BubbleChart: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { BubbleChart }
 export { BubbleChart as BubbleChartIcon }
 
-declare const BuildCircle: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const BuildCircle: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { BuildCircle }
 export { BuildCircle as BuildCircleIcon }
 
-declare const BusinessCenter: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const BusinessCenter: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { BusinessCenter }
 export { BusinessCenter as BusinessCenterIcon }
 
-declare const Cached: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Cached: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Cached }
 export { Cached as CachedIcon }
 
-declare const Calculate: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Calculate: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Calculate }
 export { Calculate as CalculateIcon }
 
-declare const CalendarClock: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const CalendarClock: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { CalendarClock }
 export { CalendarClock as CalendarClockIcon }
 
-declare const CalendarMonth: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const CalendarMonth: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { CalendarMonth }
 export { CalendarMonth as CalendarMonthIcon }
 
-declare const Call: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Call: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Call }
 export { Call as CallIcon }
 
-declare const CallMerge: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const CallMerge: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { CallMerge }
 export { CallMerge as CallMergeIcon }
 
-declare const CallSplit: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const CallSplit: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { CallSplit }
 export { CallSplit as CallSplitIcon }
 
-declare const Campaign: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const CameraAlt: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { CameraAlt }
+export { CameraAlt as CameraAltIcon }
+
+declare const Campaign: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Campaign }
 export { Campaign as CampaignIcon }
 
-declare const Cancel: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Cancel: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Cancel }
 export { Cancel as CancelIcon }
 
-declare const Cardiology: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Cardiology: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Cardiology }
 export { Cardiology as CardiologyIcon }
 
-declare const Category: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Category: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Category }
 export { Category as CategoryIcon }
 
-declare const Celebration: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Celebration: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Celebration }
 export { Celebration as CelebrationIcon }
 
-declare const Chair: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Chair: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Chair }
 export { Chair as ChairIcon }
 
-declare const ChatBubble: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ChartData: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { ChartData }
+export { ChartData as ChartDataIcon }
+
+declare const Chat: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Chat }
+export { Chat as ChatIcon }
+
+declare const ChatBubble: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ChatBubble }
 export { ChatBubble as ChatBubbleIcon }
 
-declare const Check: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Check: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Check }
 export { Check as CheckIcon }
 
-declare const Checkbook: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Checkbook: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Checkbook }
 export { Checkbook as CheckbookIcon }
 
-declare const CheckBox: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const CheckBox: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { CheckBox }
 export { CheckBox as CheckBoxIcon }
 
-declare const CheckBoxOutlineBlank: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const CheckBoxOutlineBlank: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { CheckBoxOutlineBlank }
 export { CheckBoxOutlineBlank as CheckBoxOutlineBlankIcon }
 
-declare const CheckCircle: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const CheckCircle: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { CheckCircle }
 export { CheckCircle as CheckCircleIcon }
 
-declare const Checklist: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Checklist: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Checklist }
 export { Checklist as ChecklistIcon }
 
-declare const ChevronLeft: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ChevronForward: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { ChevronForward }
+export { ChevronForward as ChevronForwardIcon }
+
+declare const ChevronLeft: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ChevronLeft }
 export { ChevronLeft as ChevronLeftIcon }
 
-declare const ChevronRight: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ChevronRight: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ChevronRight }
 export { ChevronRight as ChevronRightIcon }
 
-declare const Circle: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Circle: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Circle }
 export { Circle as CircleIcon }
 
-declare const Close: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Close: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Close }
 export { Close as CloseIcon }
 
-declare const Code: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const CloudDownload: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { CloudDownload }
+export { CloudDownload as CloudDownloadIcon }
+
+declare const CloudUpload: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { CloudUpload }
+export { CloudUpload as CloudUploadIcon }
+
+declare const Code: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Code }
 export { Code as CodeIcon }
 
-declare const CompareArrows: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const CompareArrows: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { CompareArrows }
 export { CompareArrows as CompareArrowsIcon }
 
-declare const Computer: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Computer: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Computer }
 export { Computer as ComputerIcon }
 
-declare const ContentCopy: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ContentCopy: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ContentCopy }
 export { ContentCopy as ContentCopyIcon }
 
-declare const Contract: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Contract: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Contract }
 export { Contract as ContractIcon }
 
-declare const Cottage: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Cottage: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Cottage }
 export { Cottage as CottageIcon }
 
-declare const Create: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Create: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Create }
 export { Create as CreateIcon }
 
-declare const CreditCard: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const CreditCard: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { CreditCard }
 export { CreditCard as CreditCardIcon }
 
-declare const CreditCardGear: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const CreditCardGear: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { CreditCardGear }
 export { CreditCardGear as CreditCardGearIcon }
 
-declare const CreditScore: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const CreditScore: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { CreditScore }
 export { CreditScore as CreditScoreIcon }
 
-declare const CurrencyBitcoin: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const CurrencyBitcoin: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { CurrencyBitcoin }
 export { CurrencyBitcoin as CurrencyBitcoinIcon }
 
-declare const CurrencyExchange: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const CurrencyExchange: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { CurrencyExchange }
 export { CurrencyExchange as CurrencyExchangeIcon }
 
-declare const DarkMode: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const DarkMode: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { DarkMode }
 export { DarkMode as DarkModeIcon }
 
-declare const Dashboard: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Dashboard: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Dashboard }
 export { Dashboard as DashboardIcon }
 
-declare const Delete: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Delete: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Delete }
 export { Delete as DeleteIcon }
 
-declare const Description: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Description: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Description }
 export { Description as DescriptionIcon }
 
-declare const DesktopWindows: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const DesktopWindows: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { DesktopWindows }
 export { DesktopWindows as DesktopWindowsIcon }
 
-declare const Devices: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Devices: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Devices }
 export { Devices as DevicesIcon }
 
-declare const DevicesOther: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const DevicesOther: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { DevicesOther }
 export { DevicesOther as DevicesOtherIcon }
 
-declare const Diagnosis: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Diagnosis: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Diagnosis }
 export { Diagnosis as DiagnosisIcon }
 
-declare const Diamond: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Diamond: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Diamond }
 export { Diamond as DiamondIcon }
 
-declare const DirectionsCar: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Dictionary: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Dictionary }
+export { Dictionary as DictionaryIcon }
+
+declare const DirectionsCar: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { DirectionsCar }
 export { DirectionsCar as DirectionsCarIcon }
 
-declare const Diversity1: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Diversity1: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Diversity1 }
 export { Diversity1 as Diversity1Icon }
 
-declare const DonutSmall: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Docs: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Docs }
+export { Docs as DocsIcon }
+
+declare const DonutSmall: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { DonutSmall }
 export { DonutSmall as DonutSmallIcon }
 
-declare const Download: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Download: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Download }
 export { Download as DownloadIcon }
 
-declare const DragHandle: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Draft: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Draft }
+export { Draft as DraftIcon }
+
+declare const DragHandle: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { DragHandle }
 export { DragHandle as DragHandleIcon }
 
-declare const Dropdown: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Dropdown: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Dropdown }
 export { Dropdown as DropdownIcon }
 
-declare const EcgHeart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const EcgHeart: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { EcgHeart }
 export { EcgHeart as EcgHeartIcon }
 
-declare const Edit: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Edit: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Edit }
 export { Edit as EditIcon }
 
-declare const ElectricalServices: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ElectricalServices: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ElectricalServices }
 export { ElectricalServices as ElectricalServicesIcon }
 
-declare const Elevation: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Elevation: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Elevation }
 export { Elevation as ElevationIcon }
 
-declare const Equal: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Encrypted: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Encrypted }
+export { Encrypted as EncryptedIcon }
+
+declare const Equal: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Equal }
 export { Equal as EqualIcon }
 
-declare const Error_2: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Error_2: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Error_2 as Error }
 export { Error_2 as ErrorIcon }
 
-declare const Euro: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ErrorOutline: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { ErrorOutline }
+export { ErrorOutline as ErrorOutlineIcon }
+
+declare const Euro: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Euro }
 export { Euro as EuroIcon }
 
-declare const ExpandAll: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ExitToApp: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { ExitToApp }
+export { ExitToApp as ExitToAppIcon }
+
+declare const ExpandAll: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ExpandAll }
 export { ExpandAll as ExpandAllIcon }
 
-declare const ExpandLess: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ExpandLess: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ExpandLess }
 export { ExpandLess as ExpandLessIcon }
 
-declare const ExpandMore: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ExpandMore: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ExpandMore }
 export { ExpandMore as ExpandMoreIcon }
 
-declare const Face: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Face: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Face }
 export { Face as FaceIcon }
 
-declare const Favorite: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Favorite: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Favorite }
 export { Favorite as FavoriteIcon }
 
-declare const FeaturedSeasonalAndGifts: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const FeaturedSeasonalAndGifts: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { FeaturedSeasonalAndGifts }
 export { FeaturedSeasonalAndGifts as FeaturedSeasonalAndGiftsIcon }
 
-declare const Feed: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Feed: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Feed }
 export { Feed as FeedIcon }
 
-declare const FilterAlt: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const FileExport: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { FileExport }
+export { FileExport as FileExportIcon }
+
+declare const FilePresent: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { FilePresent }
+export { FilePresent as FilePresentIcon }
+
+declare const FilterAlt: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { FilterAlt }
 export { FilterAlt as FilterAltIcon }
 
-declare const FinanceMode: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const FinanceMode: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { FinanceMode }
 export { FinanceMode as FinanceModeIcon }
 
-declare const Flag: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Flag: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Flag }
 export { Flag as FlagIcon }
 
-declare const Flare: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Flare: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Flare }
 export { Flare as FlareIcon }
 
-declare const Flowsheet: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Flowsheet: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Flowsheet }
 export { Flowsheet as FlowsheetIcon }
 
-declare const Folder: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Folder: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Folder }
 export { Folder as FolderIcon }
 
-declare const FormatListBulleted: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const FormatListBulleted: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { FormatListBulleted }
 export { FormatListBulleted as FormatListBulletedIcon }
 
-declare const FormatListNumbered: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const FormatListNumbered: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { FormatListNumbered }
 export { FormatListNumbered as FormatListNumberedIcon }
 
-declare const GalleryThumbnail: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const GalleryThumbnail: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { GalleryThumbnail }
 export { GalleryThumbnail as GalleryThumbnailIcon }
 
-declare const GridView: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const GridView: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { GridView }
 export { GridView as GridViewIcon }
 
-declare const Grocery: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Grocery: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Grocery }
 export { Grocery as GroceryIcon }
 
-declare const Group: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Group: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Group }
 export { Group as GroupIcon }
 
-declare const Groups: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Groups: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Groups }
 export { Groups as GroupsIcon }
 
-declare const HeapSnapshotLarge: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const HealthAndSafety: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { HealthAndSafety }
+export { HealthAndSafety as HealthAndSafetyIcon }
+
+declare const HeapSnapshotLarge: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { HeapSnapshotLarge }
 export { HeapSnapshotLarge as HeapSnapshotLargeIcon }
 
-declare const Help: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Help: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Help }
 export { Help as HelpIcon }
 
-declare const History_2: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const History_2: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { History_2 as History }
 export { History_2 as HistoryIcon }
 
-declare const HolidayVillage: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const HolidayVillage: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { HolidayVillage }
 export { HolidayVillage as HolidayVillageIcon }
 
-declare const Home: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Home: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Home }
 export { Home as HomeIcon }
 
-declare const HomeWork: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const HomeWork: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { HomeWork }
 export { HomeWork as HomeWorkIcon }
 
-declare const House: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const HourglassEmpty: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { HourglassEmpty }
+export { HourglassEmpty as HourglassEmptyIcon }
+
+declare const House: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { House }
 export { House as HouseIcon }
 
-declare const HowToReg: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const HowToReg: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { HowToReg }
 export { HowToReg as HowToRegIcon }
 
-export declare const Icon: ({ color, fill, name, size, sx }: IconProps) => JSX.Element;
+export declare const Icon: ({ color, fill, name, size, sx, ...rest }: IconProps) => default_2.JSX.Element;
 
 export declare const IconList: IconListType;
 
@@ -467,138 +566,174 @@ declare type IconListType = {
     [key: string]: default_2.FunctionComponent<MxIconProps>;
 };
 
-declare interface IconProps extends IconProps_2 {
+declare interface IconProps extends Omit<SvgIconProps, 'fill'> {
     fill?: boolean;
     name: string;
     size?: number;
     weight?: number;
 }
 
-declare const Imagesmode: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Imagesmode: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Imagesmode }
 export { Imagesmode as ImagesmodeIcon }
 
-declare const IndeterminateCheckBox: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const IndeterminateCheckBox: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { IndeterminateCheckBox }
 export { IndeterminateCheckBox as IndeterminateCheckBoxIcon }
 
-declare const Info: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Info: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Info }
 export { Info as InfoIcon }
 
-declare const Insights: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const InsertPhoto: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { InsertPhoto }
+export { InsertPhoto as InsertPhotoIcon }
+
+declare const Insights: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Insights }
 export { Insights as InsightsIcon }
 
-declare const IosShare: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const InstantMix: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { InstantMix }
+export { InstantMix as InstantMixIcon }
+
+declare const IosShare: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { IosShare }
 export { IosShare as IosShareIcon }
 
-declare const Key: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Key: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Key }
 export { Key as KeyIcon }
 
-declare const KeyboardArrowRight: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const KeyboardArrowDown: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { KeyboardArrowDown }
+export { KeyboardArrowDown as KeyboardArrowDownIcon }
+
+declare const KeyboardArrowLeft: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { KeyboardArrowLeft }
+export { KeyboardArrowLeft as KeyboardArrowLeftIcon }
+
+declare const KeyboardArrowRight: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { KeyboardArrowRight }
 export { KeyboardArrowRight as KeyboardArrowRightIcon }
 
-declare const Kitchen: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const KeyboardArrowUp: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { KeyboardArrowUp }
+export { KeyboardArrowUp as KeyboardArrowUpIcon }
+
+declare const Kitchen: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Kitchen }
 export { Kitchen as KitchenIcon }
 
-declare const Language: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Language: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Language }
 export { Language as LanguageIcon }
 
-declare const Layers: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Launch: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Launch }
+export { Launch as LaunchIcon }
+
+declare const Layers: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Layers }
 export { Layers as LayersIcon }
 
-declare const Lightbulb: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Lightbulb: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Lightbulb }
 export { Lightbulb as LightbulbIcon }
 
-declare const LightMode: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const LightMode: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { LightMode }
 export { LightMode as LightModeIcon }
 
-declare const Link: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Link: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Link }
 export { Link as LinkIcon }
 
-declare const LinkOff: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const LinkOff: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { LinkOff }
 export { LinkOff as LinkOffIcon }
 
-declare const LocalAtm: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ListAlt: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { ListAlt }
+export { ListAlt as ListAltIcon }
+
+declare const LocalAtm: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { LocalAtm }
 export { LocalAtm as LocalAtmIcon }
 
-declare const LocalOffer: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const LocalOffer: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { LocalOffer }
 export { LocalOffer as LocalOfferIcon }
 
-declare const LocationOff: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const LocationOff: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { LocationOff }
 export { LocationOff as LocationOffIcon }
 
-declare const LocationOn: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const LocationOn: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { LocationOn }
 export { LocationOn as LocationOnIcon }
 
-declare const Lock_2: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Lock_2: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Lock_2 as Lock }
 export { Lock_2 as LockIcon }
 
-declare const Login: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Login: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Login }
 export { Login as LoginIcon }
 
-declare const Logout: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Logout: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Logout }
 export { Logout as LogoutIcon }
 
-declare const Mail: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Mail: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Mail }
 export { Mail as MailIcon }
 
-declare const Map_2: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Map_2: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Map_2 as Map }
 export { Map_2 as MapIcon }
 
-declare const Menu: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Menu: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Menu }
 export { Menu as MenuIcon }
 
-declare const MobileFriendly: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const MenuOpen: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { MenuOpen }
+export { MenuOpen as MenuOpenIcon }
+
+declare const Message: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Message }
+export { Message as MessageIcon }
+
+declare const MobileFriendly: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { MobileFriendly }
 export { MobileFriendly as MobileFriendlyIcon }
 
-declare const MonetizationOn: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const MonetizationOn: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { MonetizationOn }
 export { MonetizationOn as MonetizationOnIcon }
 
-declare const MoneyBag: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const MoneyBag: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { MoneyBag }
 export { MoneyBag as MoneyBagIcon }
 
-declare const MonitorHeart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const MonitorHeart: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { MonitorHeart }
 export { MonitorHeart as MonitorHeartIcon }
 
-declare const MoreHoriz: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const MoreHoriz: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { MoreHoriz }
 export { MoreHoriz as MoreHorizIcon }
 
-declare const MoreVert: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const MoreVert: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { MoreVert }
 export { MoreVert as MoreVertIcon }
 
-declare const MountainFlag: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const MountainFlag: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { MountainFlag }
 export { MountainFlag as MountainFlagIcon }
 
-declare const MultilineChart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const MultilineChart: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { MultilineChart }
 export { MultilineChart as MultilineChartIcon }
 
@@ -606,333 +741,413 @@ export { MultilineChart as MultilineChartIcon }
  * @filled - Use filled variant if true
  * @size - The size of the icon
  */
-declare interface MxIconProps extends IconProps_3 {
+declare interface MxIconProps extends SvgIconProps {
     filled?: boolean;
     size?: number;
 }
 
-declare const NestClockFarsightAnalog: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const NestClockFarsightAnalog: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { NestClockFarsightAnalog }
 export { NestClockFarsightAnalog as NestClockFarsightAnalogIcon }
 
-declare const NoteStack: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const NoteStack: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { NoteStack }
 export { NoteStack as NoteStackIcon }
 
-declare const Notifications: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Notifications: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Notifications }
 export { Notifications as NotificationsIcon }
 
-declare const NotificationsOff: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const NotificationsOff: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { NotificationsOff }
 export { NotificationsOff as NotificationsOffIcon }
 
-declare const OpenInNew: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const OpenInNew: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { OpenInNew }
 export { OpenInNew as OpenInNewIcon }
 
-declare const Paid: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Paid: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Paid }
 export { Paid as PaidIcon }
 
-declare const PaymentArrowDown: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Palette: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Palette }
+export { Palette as PaletteIcon }
+
+declare const Pause: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Pause }
+export { Pause as PauseIcon }
+
+declare const PaymentArrowDown: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { PaymentArrowDown }
 export { PaymentArrowDown as PaymentArrowDownIcon }
 
-declare const Payments: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Payments: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Payments }
 export { Payments as PaymentsIcon }
 
-declare const Percent: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Percent: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Percent }
 export { Percent as PercentIcon }
 
-declare const Person: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Person: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Person }
 export { Person as PersonIcon }
 
-declare const PersonSearch: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const PersonSearch: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { PersonSearch }
 export { PersonSearch as PersonSearchIcon }
 
-declare const PetSupplies: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const PetSupplies: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { PetSupplies }
 export { PetSupplies as PetSuppliesIcon }
 
-declare const PhoneIphone: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const PhoneIphone: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { PhoneIphone }
 export { PhoneIphone as PhoneIphoneIcon }
 
-declare const PhotoCamera: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Photo: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Photo }
+export { Photo as PhotoIcon }
+
+declare const PhotoCamera: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { PhotoCamera }
 export { PhotoCamera as PhotoCameraIcon }
 
-declare const PieChart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const PieChart: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { PieChart }
 export { PieChart as PieChartIcon }
 
-declare const PriceChange: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const PlayArrow: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { PlayArrow }
+export { PlayArrow as PlayArrowIcon }
+
+declare const PlayCircle: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { PlayCircle }
+export { PlayCircle as PlayCircleIcon }
+
+declare const PlugConnect: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { PlugConnect }
+export { PlugConnect as PlugConnectIcon }
+
+declare const Preview: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Preview }
+export { Preview as PreviewIcon }
+
+declare const PreviewOff: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { PreviewOff }
+export { PreviewOff as PreviewOffIcon }
+
+declare const PriceChange: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { PriceChange }
 export { PriceChange as PriceChangeIcon }
 
-declare const PriceCheck: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const PriceCheck: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { PriceCheck }
 export { PriceCheck as PriceCheckIcon }
 
-declare const Problem: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Problem: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Problem }
 export { Problem as ProblemIcon }
 
-declare const Receipt: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ProgressActivity: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { ProgressActivity }
+export { ProgressActivity as ProgressActivityIcon }
+
+declare const ReadMore: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { ReadMore }
+export { ReadMore as ReadMoreIcon }
+
+declare const Receipt: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Receipt }
 export { Receipt as ReceiptIcon }
 
-declare const ReceiptLong: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ReceiptLong: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ReceiptLong }
 export { ReceiptLong as ReceiptLongIcon }
 
-declare const Redo: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Redo: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Redo }
 export { Redo as RedoIcon }
 
-declare const Refresh: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Refresh: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Refresh }
 export { Refresh as RefreshIcon }
 
-declare const Remove: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Remove: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Remove }
 export { Remove as RemoveIcon }
 
-declare const Replay: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const RemoveCircle: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { RemoveCircle }
+export { RemoveCircle as RemoveCircleIcon }
+
+declare const Replay: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Replay }
 export { Replay as ReplayIcon }
 
-declare const RequestQuote: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const RequestQuote: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { RequestQuote }
 export { RequestQuote as RequestQuoteIcon }
 
-declare const Rocket: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Rocket: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Rocket }
 export { Rocket as RocketIcon }
 
-declare const RocketLaunch: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const RocketLaunch: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { RocketLaunch }
 export { RocketLaunch as RocketLaunchIcon }
 
-declare const Savings: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const RotateLeft: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { RotateLeft }
+export { RotateLeft as RotateLeftIcon }
+
+declare const SaveAlt: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { SaveAlt }
+export { SaveAlt as SaveAltIcon }
+
+declare const Savings: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Savings }
 export { Savings as SavingsIcon }
 
-declare const Schedule: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Schedule: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Schedule }
 export { Schedule as ScheduleIcon }
 
-declare const School: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const School: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { School }
 export { School as SchoolIcon }
 
-declare const Search: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Search: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Search }
 export { Search as SearchIcon }
 
-declare const Sell: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Sell: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Sell }
 export { Sell as SellIcon }
 
-declare const Send: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Send: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Send }
 export { Send as SendIcon }
 
-declare const SentimentDissatisfied: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const SentimentDissatisfied: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { SentimentDissatisfied }
 export { SentimentDissatisfied as SentimentDissatisfiedIcon }
 
-declare const SentimentNeutral: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const SentimentNeutral: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { SentimentNeutral }
 export { SentimentNeutral as SentimentNeutralIcon }
 
-declare const SentimentSatisfied: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const SentimentSatisfied: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { SentimentSatisfied }
 export { SentimentSatisfied as SentimentSatisfiedIcon }
 
-declare const SentimentVeryDissatisfied: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const SentimentVeryDissatisfied: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { SentimentVeryDissatisfied }
 export { SentimentVeryDissatisfied as SentimentVeryDissatisfiedIcon }
 
-declare const SentimentVerySatisfied: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const SentimentVerySatisfied: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { SentimentVerySatisfied }
 export { SentimentVerySatisfied as SentimentVerySatisfiedIcon }
 
-declare const Settings: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Settings: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Settings }
 export { Settings as SettingsIcon }
 
-declare const Shapes: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Shapes: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Shapes }
 export { Shapes as ShapesIcon }
 
-declare const Share: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Share: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Share }
 export { Share as ShareIcon }
 
-declare const ShoppingCart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ShoppingCart: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ShoppingCart }
 export { ShoppingCart as ShoppingCartIcon }
 
-declare const ShowChart: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ShowChart: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ShowChart }
 export { ShowChart as ShowChartIcon }
 
-declare const SpeakerGroup: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const SpeakerGroup: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { SpeakerGroup }
 export { SpeakerGroup as SpeakerGroupIcon }
 
-declare const Speed: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Speed: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Speed }
 export { Speed as SpeedIcon }
 
-declare const SportsBaseball: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const SportsBaseball: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { SportsBaseball }
 export { SportsBaseball as SportsBaseballIcon }
 
-declare const Stadium: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Stadium: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Stadium }
 export { Stadium as StadiumIcon }
 
-declare const Star: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Star: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Star }
 export { Star as StarIcon }
 
-declare const StarHalf: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const StarHalf: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { StarHalf }
 export { StarHalf as StarHalfIcon }
 
-declare const StarRate: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const StarRate: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { StarRate }
 export { StarRate as StarRateIcon }
 
-declare const Storefront: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Storefront: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Storefront }
 export { Storefront as StorefrontIcon }
 
-declare const Stylus: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Stylus: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Stylus }
 export { Stylus as StylusIcon }
 
-declare const Sunny: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Sunny: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Sunny }
 export { Sunny as SunnyIcon }
 
-declare const SwapVerticalCircle: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const SwapVerticalCircle: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { SwapVerticalCircle }
 export { SwapVerticalCircle as SwapVerticalCircleIcon }
 
-declare const Sync: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Sync: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Sync }
 export { Sync as SyncIcon }
 
-declare const SyncSavedLocally: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const SyncSavedLocally: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { SyncSavedLocally }
 export { SyncSavedLocally as SyncSavedLocallyIcon }
 
-declare const TableChartView: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const TableChartView: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { TableChartView }
 export { TableChartView as TableChartViewIcon }
 
-declare const Terminal: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Terminal: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Terminal }
 export { Terminal as TerminalIcon }
 
-declare const ThumbDown: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ThumbDown: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ThumbDown }
 export { ThumbDown as ThumbDownIcon }
 
-declare const ThumbUp: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ThumbUp: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ThumbUp }
 export { ThumbUp as ThumbUpIcon }
 
-declare const Timeline: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Timeline: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Timeline }
 export { Timeline as TimelineIcon }
 
-declare const TipsAndUpdates: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const TipsAndUpdates: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { TipsAndUpdates }
 export { TipsAndUpdates as TipsAndUpdatesIcon }
 
-declare const Today: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Today: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Today }
 export { Today as TodayIcon }
 
-declare const Token: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ToggleOn: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { ToggleOn }
+export { ToggleOn as ToggleOnIcon }
+
+declare const Token: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Token }
 export { Token as TokenIcon }
 
-declare const TrendingDown: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const TrendingDown: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { TrendingDown }
 export { TrendingDown as TrendingDownIcon }
 
-declare const TrendingFlat: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const TrendingFlat: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { TrendingFlat }
 export { TrendingFlat as TrendingFlatIcon }
 
-declare const TrendingUp: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const TrendingUp: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { TrendingUp }
 export { TrendingUp as TrendingUpIcon }
 
-declare const Trophy: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Trophy: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Trophy }
 export { Trophy as TrophyIcon }
 
-declare const Tune: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Tune: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Tune }
 export { Tune as TuneIcon }
 
-declare const Undo: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Undo: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Undo }
 export { Undo as UndoIcon }
 
-declare const UnfoldMore: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const UnfoldLess: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { UnfoldLess }
+export { UnfoldLess as UnfoldLessIcon }
+
+declare const UnfoldMore: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { UnfoldMore }
 export { UnfoldMore as UnfoldMoreIcon }
 
-declare const VerifiedUser: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const UnknownDocument: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { UnknownDocument }
+export { UnknownDocument as UnknownDocumentIcon }
+
+declare const Upload: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Upload }
+export { Upload as UploadIcon }
+
+declare const Verified: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Verified }
+export { Verified as VerifiedIcon }
+
+declare const VerifiedUser: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { VerifiedUser }
 export { VerifiedUser as VerifiedUserIcon }
 
-declare const ViewList: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const ViewList: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { ViewList }
 export { ViewList as ViewListIcon }
 
-declare const Visibility: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Visibility: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Visibility }
 export { Visibility as VisibilityIcon }
 
-declare const VisibilityOff: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const VisibilityOff: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { VisibilityOff }
 export { VisibilityOff as VisibilityOffIcon }
 
-declare const VitalSigns: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const VitalSigns: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { VitalSigns }
 export { VitalSigns as VitalSignsIcon }
 
-declare const VolunteerActivism: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const VolunteerActivism: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { VolunteerActivism }
 export { VolunteerActivism as VolunteerActivismIcon }
 
-declare const WallArt: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const WallArt: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { WallArt }
 export { WallArt as WallArtIcon }
 
-declare const Wallet: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Wallet: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Wallet }
 export { Wallet as WalletIcon }
 
-declare const Warning: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Warning: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Warning }
 export { Warning as WarningIcon }
 
-declare const Webhook: ({ color, filled, size, sx }: MxIconProps) => JSX.Element;
+declare const Webhook: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
 export { Webhook }
 export { Webhook as WebhookIcon }
 
+declare const Whatshot: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Whatshot }
+export { Whatshot as WhatshotIcon }
+
+declare const Work: ({ color, filled, size, sx, ...rest }: MxIconProps) => JSX_2.Element;
+export { Work }
+export { Work as WorkIcon }
+
 export { }