diff --git a/app/component-library/components/BaseAvatar/BaseAvatar.tsx b/app/component-library/components/BaseAvatar/BaseAvatar.tsx
index 0a08517d8b3..70de63f04cc 100644
--- a/app/component-library/components/BaseAvatar/BaseAvatar.tsx
+++ b/app/component-library/components/BaseAvatar/BaseAvatar.tsx
@@ -6,7 +6,7 @@ import { BaseAvatarProps } from './BaseAvatar.types';
 import styleSheet from './BaseAvatar.styles';
 
 const BaseAvatar: React.FC<BaseAvatarProps> = ({ size, style, children }) => {
-  const styles = useStyles(styleSheet, {
+  const { styles } = useStyles(styleSheet, {
     size,
     style,
   });
diff --git a/app/component-library/components/BaseText/BaseText.tsx b/app/component-library/components/BaseText/BaseText.tsx
index ce1de2bc30b..51f4355648c 100644
--- a/app/component-library/components/BaseText/BaseText.tsx
+++ b/app/component-library/components/BaseText/BaseText.tsx
@@ -11,7 +11,7 @@ const BaseText: React.FC<BaseTextProps> = ({
   children,
   ...props
 }) => {
-  const styles = useStyles(styleSheet, { variant, style });
+  const { styles } = useStyles(styleSheet, { variant, style });
   return (
     <Text {...props} style={styles.base}>
       {children}
diff --git a/app/component-library/components/Icon/Icon.assets.ts b/app/component-library/components/Icon/Icon.assets.ts
new file mode 100644
index 00000000000..c3776e71d93
--- /dev/null
+++ b/app/component-library/components/Icon/Icon.assets.ts
@@ -0,0 +1,268 @@
+/* eslint-disable import/prefer-default-export */
+///////////////////////////////////////////////////////
+// This is a generated file
+// DO NOT EDIT - Use generate-assets.js
+///////////////////////////////////////////////////////
+import { AssetByIconName, IconName } from './Icon.types';
+import AddOutline from './assets/add-outline.svg';
+import AddSquareFilled from './assets/add-square-filled.svg';
+import Arrow2DownOutline from './assets/arrow-2-down-outline.svg';
+import Arrow2LeftOutline from './assets/arrow-2-left-outline.svg';
+import Arrow2RightOutline from './assets/arrow-2-right-outline.svg';
+import Arrow2UpOutline from './assets/arrow-2-up-outline.svg';
+import ArrowDownOutline from './assets/arrow-down-outline.svg';
+import ArrowLeftOutline from './assets/arrow-left-outline.svg';
+import ArrowRightOutline from './assets/arrow-right-outline.svg';
+import ArrowUpOutline from './assets/arrow-up-outline.svg';
+import BankFilled from './assets/bank-filled.svg';
+import BankTokenFilled from './assets/bank-token-filled.svg';
+import BookFilled from './assets/book-filled.svg';
+import BookmarkFilled from './assets/bookmark-filled.svg';
+import CalculatorFilled from './assets/calculator-filled.svg';
+import CardFilled from './assets/card-filled.svg';
+import CardPosFilled from './assets/card-pos-filled.svg';
+import CardTokenFilled from './assets/card-token-filled.svg';
+import CategoryFilled from './assets/category-filled.svg';
+import ChartFilled1 from './assets/chart-filled-1.svg';
+import ChartFilled from './assets/chart-filled.svg';
+import CheckOutline from './assets/check-outline.svg';
+import ClockFilled from './assets/clock-filled.svg';
+import CloseOutline from './assets/close-outline.svg';
+import CodeCircleFilled from './assets/code-circle-filled.svg';
+import CoinFilled from './assets/coin-filled.svg';
+import ConnectFilled from './assets/connect-filled.svg';
+import CopyFilled from './assets/copy-filled.svg';
+import CopySuccessFilled from './assets/copy-success-filled.svg';
+import DangerFilled from './assets/danger-filled.svg';
+import DarkFilled from './assets/dark-filled.svg';
+import DataFilled from './assets/data-filled.svg';
+import DiagramOutline from './assets/diagram-outline.svg';
+import DocumentCodeFilled from './assets/document-code-filled.svg';
+import EditFilled from './assets/edit-filled.svg';
+import EraserFilled from './assets/eraser-filled.svg';
+import ExpandOutline from './assets/expand-outline.svg';
+import ExploreFilled from './assets/explore-filled.svg';
+import ExportOutline from './assets/export-outline.svg';
+import EyeFilled from './assets/eye-filled.svg';
+import EyeSlashFilled from './assets/eye-slash-filled.svg';
+import FilterOutline from './assets/filter-outline.svg';
+import FlagFilled from './assets/flag-filled.svg';
+import FlashFilled from './assets/flash-filled.svg';
+import FlashSlashFilled from './assets/flash-slash-filled.svg';
+import FullCircleFilled from './assets/full-circle-filled.svg';
+import GasFilled from './assets/gas-filled.svg';
+import GlobalFilled from './assets/global-filled.svg';
+import GlobalSearchFilled from './assets/global-search-filled.svg';
+import GraphFilled from './assets/graph-filled.svg';
+import HeartFilled from './assets/heart-filled.svg';
+import HierarchyFilled from './assets/hierarchy-filled.svg';
+import HomeFilled from './assets/home-filled.svg';
+import ImportOutline from './assets/import-outline.svg';
+import InfoFilled from './assets/info-filled.svg';
+import KeyFilled from './assets/key-filled.svg';
+import LightFilled from './assets/light-filled.svg';
+import Link2Outline from './assets/link-2-outline.svg';
+import LinkOutline from './assets/link-outline.svg';
+import LoadingFilled from './assets/loading-filled.svg';
+import LockCircleFilled from './assets/lock-circle-filled.svg';
+import LockFilled from './assets/lock-filled.svg';
+import LockSlashFilled from './assets/lock-slash-filled.svg';
+import LoginOutline from './assets/login-outline.svg';
+import LogoutOutline from './assets/logout-outline.svg';
+import MenuOutline from './assets/menu-outline.svg';
+import MessageQuestionFilled from './assets/message-question-filled.svg';
+import MessagesFilled from './assets/messages-filled.svg';
+import MinusOutine from './assets/minus-outine.svg';
+import MinusSquareFilled from './assets/minus-square-filled.svg';
+import MobileFilled from './assets/mobile-filled.svg';
+import MoneyFilled from './assets/money-filled.svg';
+import MonitorFilled from './assets/monitor-filled.svg';
+import MoreHorizontalOutline from './assets/more-horizontal-outline.svg';
+import MoreVerticalOutline from './assets/more-vertical-outline.svg';
+import NotificationCircleFilled from './assets/notification-circle-filled.svg';
+import NotificationFilled from './assets/notification-filled.svg';
+import PasswordCheckFilled from './assets/password-check-filled.svg';
+import PeopleFilled from './assets/people-filled.svg';
+import ProgrammingArrowsFilled from './assets/programming-arrows-filled.svg';
+import QuestionFilled from './assets/question-filled.svg';
+import ReceivedOutline from './assets/received-outline.svg';
+import RefreshOutline from './assets/refresh-outline.svg';
+import SaveFilled from './assets/save-filled.svg';
+import ScanBarcodeFilled from './assets/scan-barcode-filled.svg';
+import ScanFilled from './assets/scan-filled.svg';
+import ScanFocusOutline from './assets/scan-focus-outline.svg';
+import ScrollFilled from './assets/scroll-filled.svg';
+import SearchFilled from './assets/search-filled.svg';
+import SecurityCardFilled from './assets/security-card-filled.svg';
+import SecurityCrossFilled from './assets/security-cross-filled.svg';
+import SecurityFilled from './assets/security-filled.svg';
+import SecurityKeyFilled from './assets/security-key-filled.svg';
+import SecuritySearchFilled from './assets/security-search-filled.svg';
+import SecuritySlashFilled from './assets/security-slash-filled.svg';
+import SecurityTickFilled from './assets/security-tick-filled.svg';
+import SecurityTimeFilled from './assets/security-time-filled.svg';
+import SecurityUserFilled from './assets/security-user-filled.svg';
+import Send1Filled from './assets/send-1-filled.svg';
+import Send2Outline from './assets/send-2-outline.svg';
+import SettingFilled from './assets/setting-filled.svg';
+import SlashFilled from './assets/slash-filled.svg';
+import SnapsFilled from './assets/snaps-filled.svg';
+import SnapsMobileFilled from './assets/snaps-mobile-filled.svg';
+import SnapsPlusFilled from './assets/snaps-plus-filled.svg';
+import SpeedometerFilled from './assets/speedometer-filled.svg';
+import StarFilled from './assets/star-filled.svg';
+import StudentFilled from './assets/student-filled.svg';
+import SwapHorizontalOutline from './assets/swap-horizontal-outline.svg';
+import SwapVertivalFilled from './assets/swap-vertival-filled.svg';
+import TagFilled from './assets/tag-filled.svg';
+import TimerTimer from './assets/timer-timer.svg';
+import TrashFilled from './assets/trash-filled.svg';
+import TrendDownFilled from './assets/trend-down-filled.svg';
+import TrendUpFilled from './assets/trend-up-filled.svg';
+import UserAddFilled1 from './assets/user-add-filled-1.svg';
+import UserAddFilled from './assets/user-add-filled.svg';
+import UserCircleAddFilled from './assets/user-circle-add-filled.svg';
+import UserCircleFilled from './assets/user-circle-filled.svg';
+import UserFilled from './assets/user-filled.svg';
+import UserMinusFilled from './assets/user-minus-filled.svg';
+import UserRemoveFilled from './assets/user-remove-filled.svg';
+import UserSearchFilled from './assets/user-search-filled.svg';
+import UserTickFilled from './assets/user-tick-filled.svg';
+import WalletCardFilled from './assets/wallet-card-filled.svg';
+import WalletFilled from './assets/wallet-filled.svg';
+import WalletMoneyFilled from './assets/wallet-money-filled.svg';
+import WarningFilled from './assets/warning-filled.svg';
+
+/**
+ * Asset stored by icon name
+ */
+export const assetByIconName: AssetByIconName = {
+  [IconName.AddOutline]: AddOutline,
+  [IconName.AddSquareFilled]: AddSquareFilled,
+  [IconName.Arrow2DownOutline]: Arrow2DownOutline,
+  [IconName.Arrow2LeftOutline]: Arrow2LeftOutline,
+  [IconName.Arrow2RightOutline]: Arrow2RightOutline,
+  [IconName.Arrow2UpOutline]: Arrow2UpOutline,
+  [IconName.ArrowDownOutline]: ArrowDownOutline,
+  [IconName.ArrowLeftOutline]: ArrowLeftOutline,
+  [IconName.ArrowRightOutline]: ArrowRightOutline,
+  [IconName.ArrowUpOutline]: ArrowUpOutline,
+  [IconName.BankFilled]: BankFilled,
+  [IconName.BankTokenFilled]: BankTokenFilled,
+  [IconName.BookFilled]: BookFilled,
+  [IconName.BookmarkFilled]: BookmarkFilled,
+  [IconName.CalculatorFilled]: CalculatorFilled,
+  [IconName.CardFilled]: CardFilled,
+  [IconName.CardPosFilled]: CardPosFilled,
+  [IconName.CardTokenFilled]: CardTokenFilled,
+  [IconName.CategoryFilled]: CategoryFilled,
+  [IconName.ChartFilled1]: ChartFilled1,
+  [IconName.ChartFilled]: ChartFilled,
+  [IconName.CheckOutline]: CheckOutline,
+  [IconName.ClockFilled]: ClockFilled,
+  [IconName.CloseOutline]: CloseOutline,
+  [IconName.CodeCircleFilled]: CodeCircleFilled,
+  [IconName.CoinFilled]: CoinFilled,
+  [IconName.ConnectFilled]: ConnectFilled,
+  [IconName.CopyFilled]: CopyFilled,
+  [IconName.CopySuccessFilled]: CopySuccessFilled,
+  [IconName.DangerFilled]: DangerFilled,
+  [IconName.DarkFilled]: DarkFilled,
+  [IconName.DataFilled]: DataFilled,
+  [IconName.DiagramOutline]: DiagramOutline,
+  [IconName.DocumentCodeFilled]: DocumentCodeFilled,
+  [IconName.EditFilled]: EditFilled,
+  [IconName.EraserFilled]: EraserFilled,
+  [IconName.ExpandOutline]: ExpandOutline,
+  [IconName.ExploreFilled]: ExploreFilled,
+  [IconName.ExportOutline]: ExportOutline,
+  [IconName.EyeFilled]: EyeFilled,
+  [IconName.EyeSlashFilled]: EyeSlashFilled,
+  [IconName.FilterOutline]: FilterOutline,
+  [IconName.FlagFilled]: FlagFilled,
+  [IconName.FlashFilled]: FlashFilled,
+  [IconName.FlashSlashFilled]: FlashSlashFilled,
+  [IconName.FullCircleFilled]: FullCircleFilled,
+  [IconName.GasFilled]: GasFilled,
+  [IconName.GlobalFilled]: GlobalFilled,
+  [IconName.GlobalSearchFilled]: GlobalSearchFilled,
+  [IconName.GraphFilled]: GraphFilled,
+  [IconName.HeartFilled]: HeartFilled,
+  [IconName.HierarchyFilled]: HierarchyFilled,
+  [IconName.HomeFilled]: HomeFilled,
+  [IconName.ImportOutline]: ImportOutline,
+  [IconName.InfoFilled]: InfoFilled,
+  [IconName.KeyFilled]: KeyFilled,
+  [IconName.LightFilled]: LightFilled,
+  [IconName.Link2Outline]: Link2Outline,
+  [IconName.LinkOutline]: LinkOutline,
+  [IconName.LoadingFilled]: LoadingFilled,
+  [IconName.LockCircleFilled]: LockCircleFilled,
+  [IconName.LockFilled]: LockFilled,
+  [IconName.LockSlashFilled]: LockSlashFilled,
+  [IconName.LoginOutline]: LoginOutline,
+  [IconName.LogoutOutline]: LogoutOutline,
+  [IconName.MenuOutline]: MenuOutline,
+  [IconName.MessageQuestionFilled]: MessageQuestionFilled,
+  [IconName.MessagesFilled]: MessagesFilled,
+  [IconName.MinusOutine]: MinusOutine,
+  [IconName.MinusSquareFilled]: MinusSquareFilled,
+  [IconName.MobileFilled]: MobileFilled,
+  [IconName.MoneyFilled]: MoneyFilled,
+  [IconName.MonitorFilled]: MonitorFilled,
+  [IconName.MoreHorizontalOutline]: MoreHorizontalOutline,
+  [IconName.MoreVerticalOutline]: MoreVerticalOutline,
+  [IconName.NotificationCircleFilled]: NotificationCircleFilled,
+  [IconName.NotificationFilled]: NotificationFilled,
+  [IconName.PasswordCheckFilled]: PasswordCheckFilled,
+  [IconName.PeopleFilled]: PeopleFilled,
+  [IconName.ProgrammingArrowsFilled]: ProgrammingArrowsFilled,
+  [IconName.QuestionFilled]: QuestionFilled,
+  [IconName.ReceivedOutline]: ReceivedOutline,
+  [IconName.RefreshOutline]: RefreshOutline,
+  [IconName.SaveFilled]: SaveFilled,
+  [IconName.ScanBarcodeFilled]: ScanBarcodeFilled,
+  [IconName.ScanFilled]: ScanFilled,
+  [IconName.ScanFocusOutline]: ScanFocusOutline,
+  [IconName.ScrollFilled]: ScrollFilled,
+  [IconName.SearchFilled]: SearchFilled,
+  [IconName.SecurityCardFilled]: SecurityCardFilled,
+  [IconName.SecurityCrossFilled]: SecurityCrossFilled,
+  [IconName.SecurityFilled]: SecurityFilled,
+  [IconName.SecurityKeyFilled]: SecurityKeyFilled,
+  [IconName.SecuritySearchFilled]: SecuritySearchFilled,
+  [IconName.SecuritySlashFilled]: SecuritySlashFilled,
+  [IconName.SecurityTickFilled]: SecurityTickFilled,
+  [IconName.SecurityTimeFilled]: SecurityTimeFilled,
+  [IconName.SecurityUserFilled]: SecurityUserFilled,
+  [IconName.Send1Filled]: Send1Filled,
+  [IconName.Send2Outline]: Send2Outline,
+  [IconName.SettingFilled]: SettingFilled,
+  [IconName.SlashFilled]: SlashFilled,
+  [IconName.SnapsFilled]: SnapsFilled,
+  [IconName.SnapsMobileFilled]: SnapsMobileFilled,
+  [IconName.SnapsPlusFilled]: SnapsPlusFilled,
+  [IconName.SpeedometerFilled]: SpeedometerFilled,
+  [IconName.StarFilled]: StarFilled,
+  [IconName.StudentFilled]: StudentFilled,
+  [IconName.SwapHorizontalOutline]: SwapHorizontalOutline,
+  [IconName.SwapVertivalFilled]: SwapVertivalFilled,
+  [IconName.TagFilled]: TagFilled,
+  [IconName.TimerTimer]: TimerTimer,
+  [IconName.TrashFilled]: TrashFilled,
+  [IconName.TrendDownFilled]: TrendDownFilled,
+  [IconName.TrendUpFilled]: TrendUpFilled,
+  [IconName.UserAddFilled1]: UserAddFilled1,
+  [IconName.UserAddFilled]: UserAddFilled,
+  [IconName.UserCircleAddFilled]: UserCircleAddFilled,
+  [IconName.UserCircleFilled]: UserCircleFilled,
+  [IconName.UserFilled]: UserFilled,
+  [IconName.UserMinusFilled]: UserMinusFilled,
+  [IconName.UserRemoveFilled]: UserRemoveFilled,
+  [IconName.UserSearchFilled]: UserSearchFilled,
+  [IconName.UserTickFilled]: UserTickFilled,
+  [IconName.WalletCardFilled]: WalletCardFilled,
+  [IconName.WalletFilled]: WalletFilled,
+  [IconName.WalletMoneyFilled]: WalletMoneyFilled,
+  [IconName.WarningFilled]: WarningFilled,
+};
diff --git a/app/component-library/components/Icon/Icon.stories.tsx b/app/component-library/components/Icon/Icon.stories.tsx
new file mode 100644
index 00000000000..a7ba614d01a
--- /dev/null
+++ b/app/component-library/components/Icon/Icon.stories.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react-native';
+import { select } from '@storybook/addon-knobs';
+import Icon, { IconSize, IconName } from './';
+
+storiesOf('Component Library / Icon', module)
+  .addDecorator((getStory) => getStory())
+  .add('Default', () => {
+    const sizeSelector = select('size', IconSize, IconSize.Md);
+    const nameSelector = select('name', IconName, IconName.LockFilled);
+
+    return <Icon name={nameSelector} size={sizeSelector} />;
+  })
+  .add('Colored', () => {
+    const sizeSelector = select('size', IconSize, IconSize.Xl);
+    const nameSelector = select('name', IconName, IconName.LockFilled);
+
+    return <Icon name={nameSelector} size={sizeSelector} color={'red'} />;
+  });
diff --git a/app/component-library/components/Icon/Icon.styles.ts b/app/component-library/components/Icon/Icon.styles.ts
new file mode 100644
index 00000000000..07e692977ab
--- /dev/null
+++ b/app/component-library/components/Icon/Icon.styles.ts
@@ -0,0 +1,28 @@
+import { StyleSheet, ImageStyle } from 'react-native';
+import { IconStyleSheetVars } from './Icon.types';
+
+/**
+ * Style sheet function for Icon component.
+ *
+ * @param params Style sheet params.
+ * @param params.vars Inputs that the style sheet depends on.
+ * @returns StyleSheet object.
+ */
+const styleSheet = (params: { vars: IconStyleSheetVars }) => {
+  const {
+    vars: { style, size },
+  } = params;
+  const sizeAsNum = Number(size);
+
+  return StyleSheet.create({
+    container: Object.assign(
+      {
+        height: sizeAsNum,
+        width: sizeAsNum,
+      } as ImageStyle,
+      style,
+    ) as ImageStyle,
+  });
+};
+
+export default styleSheet;
diff --git a/app/component-library/components/Icon/Icon.tsx b/app/component-library/components/Icon/Icon.tsx
new file mode 100644
index 00000000000..6e4cae25402
--- /dev/null
+++ b/app/component-library/components/Icon/Icon.tsx
@@ -0,0 +1,27 @@
+/* eslint-disable react/prop-types, react/jsx-pascal-case */
+import React from 'react';
+import { useStyles } from '../../hooks/useStyles';
+import { IconProps } from './Icon.types';
+import styleSheet from './Icon.styles';
+import { assetByIconName } from './Icon.assets';
+
+const Icon = ({ size, style, name, color }: IconProps) => {
+  const { styles, theme } = useStyles(styleSheet, {
+    size,
+    style,
+  });
+  const iconColor = color || theme.colors.icon.default;
+  const SVG = assetByIconName[name];
+  const sizeAsNum = Number(size);
+
+  return (
+    <SVG
+      color={iconColor}
+      style={styles.container}
+      width={sizeAsNum}
+      height={sizeAsNum}
+    />
+  );
+};
+
+export default Icon;
diff --git a/app/component-library/components/Icon/Icon.types.ts b/app/component-library/components/Icon/Icon.types.ts
new file mode 100644
index 00000000000..7fe4b20c2ab
--- /dev/null
+++ b/app/component-library/components/Icon/Icon.types.ts
@@ -0,0 +1,184 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+import { SvgProps } from 'react-native-svg';
+
+/**
+ * Icon sizes
+ */
+export enum IconSize {
+  Xss = '10',
+  Xs = '12',
+  Sm = '16',
+  Md = '20',
+  Lg = '24',
+  Xl = '32',
+}
+
+/**
+ * Icon component props.
+ */
+export interface IconProps extends ViewProps {
+  /**
+   * Enum to select between icon sizes.
+   */
+  size: IconSize;
+  /**
+   * Enum to select between icon names.
+   */
+  name: IconName;
+  /**
+   * Color of the icon.
+   */
+  color?: string;
+}
+
+/**
+ * Style sheet input parameters.
+ */
+export type IconStyleSheetVars = Pick<IconProps, 'size' | 'style'>;
+
+/**
+ * Asset stored by icon name
+ */
+export type AssetByIconName = {
+  [key in IconName]: React.FC<SvgProps>;
+};
+
+///////////////////////////////////////////////////////
+// This is generated code - Manually add types above
+// DO NOT EDIT - Use generate-assets.js
+///////////////////////////////////////////////////////
+
+/**
+ * Icon names
+ */
+export enum IconName {
+  AddOutline = 'AddOutline',
+  AddSquareFilled = 'AddSquareFilled',
+  Arrow2DownOutline = 'Arrow2DownOutline',
+  Arrow2LeftOutline = 'Arrow2LeftOutline',
+  Arrow2RightOutline = 'Arrow2RightOutline',
+  Arrow2UpOutline = 'Arrow2UpOutline',
+  ArrowDownOutline = 'ArrowDownOutline',
+  ArrowLeftOutline = 'ArrowLeftOutline',
+  ArrowRightOutline = 'ArrowRightOutline',
+  ArrowUpOutline = 'ArrowUpOutline',
+  BankFilled = 'BankFilled',
+  BankTokenFilled = 'BankTokenFilled',
+  BookFilled = 'BookFilled',
+  BookmarkFilled = 'BookmarkFilled',
+  CalculatorFilled = 'CalculatorFilled',
+  CardFilled = 'CardFilled',
+  CardPosFilled = 'CardPosFilled',
+  CardTokenFilled = 'CardTokenFilled',
+  CategoryFilled = 'CategoryFilled',
+  ChartFilled1 = 'ChartFilled1',
+  ChartFilled = 'ChartFilled',
+  CheckOutline = 'CheckOutline',
+  ClockFilled = 'ClockFilled',
+  CloseOutline = 'CloseOutline',
+  CodeCircleFilled = 'CodeCircleFilled',
+  CoinFilled = 'CoinFilled',
+  ConnectFilled = 'ConnectFilled',
+  CopyFilled = 'CopyFilled',
+  CopySuccessFilled = 'CopySuccessFilled',
+  DangerFilled = 'DangerFilled',
+  DarkFilled = 'DarkFilled',
+  DataFilled = 'DataFilled',
+  DiagramOutline = 'DiagramOutline',
+  DocumentCodeFilled = 'DocumentCodeFilled',
+  EditFilled = 'EditFilled',
+  EraserFilled = 'EraserFilled',
+  ExpandOutline = 'ExpandOutline',
+  ExploreFilled = 'ExploreFilled',
+  ExportOutline = 'ExportOutline',
+  EyeFilled = 'EyeFilled',
+  EyeSlashFilled = 'EyeSlashFilled',
+  FilterOutline = 'FilterOutline',
+  FlagFilled = 'FlagFilled',
+  FlashFilled = 'FlashFilled',
+  FlashSlashFilled = 'FlashSlashFilled',
+  FullCircleFilled = 'FullCircleFilled',
+  GasFilled = 'GasFilled',
+  GlobalFilled = 'GlobalFilled',
+  GlobalSearchFilled = 'GlobalSearchFilled',
+  GraphFilled = 'GraphFilled',
+  HeartFilled = 'HeartFilled',
+  HierarchyFilled = 'HierarchyFilled',
+  HomeFilled = 'HomeFilled',
+  ImportOutline = 'ImportOutline',
+  InfoFilled = 'InfoFilled',
+  KeyFilled = 'KeyFilled',
+  LightFilled = 'LightFilled',
+  Link2Outline = 'Link2Outline',
+  LinkOutline = 'LinkOutline',
+  LoadingFilled = 'LoadingFilled',
+  LockCircleFilled = 'LockCircleFilled',
+  LockFilled = 'LockFilled',
+  LockSlashFilled = 'LockSlashFilled',
+  LoginOutline = 'LoginOutline',
+  LogoutOutline = 'LogoutOutline',
+  MenuOutline = 'MenuOutline',
+  MessageQuestionFilled = 'MessageQuestionFilled',
+  MessagesFilled = 'MessagesFilled',
+  MinusOutine = 'MinusOutine',
+  MinusSquareFilled = 'MinusSquareFilled',
+  MobileFilled = 'MobileFilled',
+  MoneyFilled = 'MoneyFilled',
+  MonitorFilled = 'MonitorFilled',
+  MoreHorizontalOutline = 'MoreHorizontalOutline',
+  MoreVerticalOutline = 'MoreVerticalOutline',
+  NotificationCircleFilled = 'NotificationCircleFilled',
+  NotificationFilled = 'NotificationFilled',
+  PasswordCheckFilled = 'PasswordCheckFilled',
+  PeopleFilled = 'PeopleFilled',
+  ProgrammingArrowsFilled = 'ProgrammingArrowsFilled',
+  QuestionFilled = 'QuestionFilled',
+  ReceivedOutline = 'ReceivedOutline',
+  RefreshOutline = 'RefreshOutline',
+  SaveFilled = 'SaveFilled',
+  ScanBarcodeFilled = 'ScanBarcodeFilled',
+  ScanFilled = 'ScanFilled',
+  ScanFocusOutline = 'ScanFocusOutline',
+  ScrollFilled = 'ScrollFilled',
+  SearchFilled = 'SearchFilled',
+  SecurityCardFilled = 'SecurityCardFilled',
+  SecurityCrossFilled = 'SecurityCrossFilled',
+  SecurityFilled = 'SecurityFilled',
+  SecurityKeyFilled = 'SecurityKeyFilled',
+  SecuritySearchFilled = 'SecuritySearchFilled',
+  SecuritySlashFilled = 'SecuritySlashFilled',
+  SecurityTickFilled = 'SecurityTickFilled',
+  SecurityTimeFilled = 'SecurityTimeFilled',
+  SecurityUserFilled = 'SecurityUserFilled',
+  Send1Filled = 'Send1Filled',
+  Send2Outline = 'Send2Outline',
+  SettingFilled = 'SettingFilled',
+  SlashFilled = 'SlashFilled',
+  SnapsFilled = 'SnapsFilled',
+  SnapsMobileFilled = 'SnapsMobileFilled',
+  SnapsPlusFilled = 'SnapsPlusFilled',
+  SpeedometerFilled = 'SpeedometerFilled',
+  StarFilled = 'StarFilled',
+  StudentFilled = 'StudentFilled',
+  SwapHorizontalOutline = 'SwapHorizontalOutline',
+  SwapVertivalFilled = 'SwapVertivalFilled',
+  TagFilled = 'TagFilled',
+  TimerTimer = 'TimerTimer',
+  TrashFilled = 'TrashFilled',
+  TrendDownFilled = 'TrendDownFilled',
+  TrendUpFilled = 'TrendUpFilled',
+  UserAddFilled1 = 'UserAddFilled1',
+  UserAddFilled = 'UserAddFilled',
+  UserCircleAddFilled = 'UserCircleAddFilled',
+  UserCircleFilled = 'UserCircleFilled',
+  UserFilled = 'UserFilled',
+  UserMinusFilled = 'UserMinusFilled',
+  UserRemoveFilled = 'UserRemoveFilled',
+  UserSearchFilled = 'UserSearchFilled',
+  UserTickFilled = 'UserTickFilled',
+  WalletCardFilled = 'WalletCardFilled',
+  WalletFilled = 'WalletFilled',
+  WalletMoneyFilled = 'WalletMoneyFilled',
+  WarningFilled = 'WarningFilled',
+}
diff --git a/app/component-library/components/Icon/README.md b/app/component-library/components/Icon/README.md
new file mode 100644
index 00000000000..53e6dfbcb26
--- /dev/null
+++ b/app/component-library/components/Icon/README.md
@@ -0,0 +1,31 @@
+# Icon
+
+Icon is a component which is used to render icons from our icon set.
+
+## Props
+
+This component extends `ViewProps` from React Native's [View Component](https://reactnative.dev/docs/view).
+
+### `size`
+
+Enum to select between size variants.
+
+| <span style="color:gray;font-size:14px">TYPE</span>    | <span style="color:gray;font-size:14px">REQUIRED</span> |
+| :----------------------------------------------------- | :------------------------------------------------------ |
+| [BaseAvatarSize](../BaseAvatar/BaseAvatar.types.ts#L6) | Yes                                                     |
+
+### `name`
+
+Icon to use.
+
+| <span style="color:gray;font-size:14px">TYPE</span> | <span style="color:gray;font-size:14px">REQUIRED</span> |
+| :-------------------------------------------------- | :------------------------------------------------------ |
+| [IconName](./Icon.types.ts#L53)                     | Yes                                                     |
+
+### `color`
+
+Color to apply to the icon. Defaults to `icon.default` from theme.
+
+| <span style="color:gray;font-size:14px">TYPE</span> | <span style="color:gray;font-size:14px">REQUIRED</span> |
+| :-------------------------------------------------- | :------------------------------------------------------ |
+| string                                              | No                                                      |
diff --git a/app/component-library/components/Icon/assets/add-outline.svg b/app/component-library/components/Icon/assets/add-outline.svg
new file mode 100644
index 00000000000..8f97287a908
--- /dev/null
+++ b/app/component-library/components/Icon/assets/add-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.28076 12H18.2808M12.2808 18V6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/add-square-filled.svg b/app/component-library/components/Icon/assets/add-square-filled.svg
new file mode 100644
index 00000000000..b8b4a2aabc9
--- /dev/null
+++ b/app/component-library/components/Icon/assets/add-square-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.4778 2H8.09366C4.45184 2 2.28076 4.17 2.28076 7.81V16.18C2.28076 19.83 4.45184 22 8.09366 22H16.4678C20.1096 22 22.2807 19.83 22.2807 16.19V7.81C22.2907 4.17 20.1197 2 16.4778 2ZM16.2877 12.75H13.0361V16C13.0361 16.41 12.696 16.75 12.2857 16.75C11.8755 16.75 11.5354 16.41 11.5354 16V12.75H8.28375C7.87355 12.75 7.53338 12.41 7.53338 12C7.53338 11.59 7.87355 11.25 8.28375 11.25H11.5354V8C11.5354 7.59 11.8755 7.25 12.2857 7.25C12.696 7.25 13.0361 7.59 13.0361 8V11.25H16.2877C16.6979 11.25 17.0381 11.59 17.0381 12C17.0381 12.41 16.6979 12.75 16.2877 12.75Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/arrow-2-down-outline.svg b/app/component-library/components/Icon/assets/arrow-2-down-outline.svg
new file mode 100644
index 00000000000..2f258c248cb
--- /dev/null
+++ b/app/component-library/components/Icon/assets/arrow-2-down-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.3509 14.4302L12.2809 20.5002L6.21094 14.4302M12.2812 3.5V20.33" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/arrow-2-left-outline.svg b/app/component-library/components/Icon/assets/arrow-2-left-outline.svg
new file mode 100644
index 00000000000..6c5fd04c44e
--- /dev/null
+++ b/app/component-library/components/Icon/assets/arrow-2-left-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.85125 5.93018L3.78125 12.0002L9.85125 18.0702M20.7812 12H3.95125" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/arrow-2-right-outline.svg b/app/component-library/components/Icon/assets/arrow-2-right-outline.svg
new file mode 100644
index 00000000000..086cb6c6726
--- /dev/null
+++ b/app/component-library/components/Icon/assets/arrow-2-right-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.7109 5.93018L20.7809 12.0002L14.7109 18.0702M3.78125 12H20.6112" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/arrow-2-up-outline.svg b/app/component-library/components/Icon/assets/arrow-2-up-outline.svg
new file mode 100644
index 00000000000..92bd31959e5
--- /dev/null
+++ b/app/component-library/components/Icon/assets/arrow-2-up-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.3509 9.57L12.2809 3.5L6.21094 9.57M12.2812 20.5V3.67" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/arrow-down-outline.svg b/app/component-library/components/Icon/assets/arrow-down-outline.svg
new file mode 100644
index 00000000000..21a3ed05c7f
--- /dev/null
+++ b/app/component-library/components/Icon/assets/arrow-down-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.2013 8.9502L13.6813 15.4702C12.9113 16.2402 11.6513 16.2402 10.8813 15.4702L4.36133 8.9502" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/arrow-left-outline.svg b/app/component-library/components/Icon/assets/arrow-left-outline.svg
new file mode 100644
index 00000000000..09098d2e801
--- /dev/null
+++ b/app/component-library/components/Icon/assets/arrow-left-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.2811 19.9201L8.76109 13.4001C7.99109 12.6301 7.99109 11.3701 8.76109 10.6001L15.2811 4.08008" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/arrow-right-outline.svg b/app/component-library/components/Icon/assets/arrow-right-outline.svg
new file mode 100644
index 00000000000..8e657948d2d
--- /dev/null
+++ b/app/component-library/components/Icon/assets/arrow-right-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.19141 19.9201L15.7114 13.4001C16.4814 12.6301 16.4814 11.3701 15.7114 10.6001L9.19141 4.08008" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/arrow-up-outline.svg b/app/component-library/components/Icon/assets/arrow-up-outline.svg
new file mode 100644
index 00000000000..4f871be4072
--- /dev/null
+++ b/app/component-library/components/Icon/assets/arrow-up-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.2013 15.0501L13.6813 8.53014C12.9113 7.76014 11.6513 7.76014 10.8813 8.53014L4.36133 15.0501" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/bank-filled.svg b/app/component-library/components/Icon/assets/bank-filled.svg
new file mode 100644
index 00000000000..d7099448a94
--- /dev/null
+++ b/app/component-library/components/Icon/assets/bank-filled.svg
@@ -0,0 +1,9 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.2808 19V22H2.28076V19C2.28076 18.45 2.73076 18 3.28076 18H21.2808C21.8308 18 22.2808 18.45 22.2808 19Z" fill="currentColor"/>
+<path d="M7.28076 11H5.28076V18H7.28076V11Z" fill="currentColor"/>
+<path d="M11.2808 11H9.28076V18H11.2808V11Z" fill="currentColor"/>
+<path d="M15.2808 11H13.2808V18H15.2808V11Z" fill="currentColor"/>
+<path d="M19.2808 11H17.2808V18H19.2808V11Z" fill="currentColor"/>
+<path d="M23.2808 22.75H1.28076C0.870762 22.75 0.530762 22.41 0.530762 22C0.530762 21.59 0.870762 21.25 1.28076 21.25H23.2808C23.6908 21.25 24.0308 21.59 24.0308 22C24.0308 22.41 23.6908 22.75 23.2808 22.75Z" fill="currentColor"/>
+<path d="M21.6508 5.74984L12.6508 2.14984C12.4508 2.06984 12.1108 2.06984 11.9108 2.14984L2.91076 5.74984C2.56076 5.88984 2.28076 6.29984 2.28076 6.67984V9.99984C2.28076 10.5498 2.73076 10.9998 3.28076 10.9998H21.2808C21.8308 10.9998 22.2808 10.5498 22.2808 9.99984V6.67984C22.2808 6.29984 22.0008 5.88984 21.6508 5.74984ZM12.2808 8.49984C11.4508 8.49984 10.7808 7.82984 10.7808 6.99984C10.7808 6.16984 11.4508 5.49984 12.2808 5.49984C13.1108 5.49984 13.7808 6.16984 13.7808 6.99984C13.7808 7.82984 13.1108 8.49984 12.2808 8.49984Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/bank-token-filled.svg b/app/component-library/components/Icon/assets/bank-token-filled.svg
new file mode 100644
index 00000000000..6d7553bc52a
--- /dev/null
+++ b/app/component-library/components/Icon/assets/bank-token-filled.svg
@@ -0,0 +1,10 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.2808 15C22.2808 18.87 19.1508 22 15.2808 22L16.3307 20.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.28076 9C2.28076 5.13 5.41076 2 9.28076 2L8.23077 3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.2817 21.7241H1.28174V20.2241C1.28174 19.9491 1.50674 19.7241 1.78174 19.7241H10.7817C11.0567 19.7241 11.2817 19.9491 11.2817 20.2241V21.7241Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9667 13.5995L6.46674 11.7995C6.36674 11.7595 6.19674 11.7595 6.09674 11.7995L1.59674 13.5995C1.42174 13.6695 1.28174 13.8795 1.28174 14.0645V15.7245C1.28174 15.9995 1.50674 16.2245 1.78174 16.2245H10.7817C11.0567 16.2245 11.2817 15.9995 11.2817 15.7245V14.0645C11.2817 13.8795 11.1417 13.6695 10.9667 13.5995ZM7.28174 13.9971C7.28174 14.5494 6.83402 14.9971 6.28174 14.9971C5.72945 14.9971 5.28174 14.5494 5.28174 13.9971C5.28174 13.4448 5.72945 12.9971 6.28174 12.9971C6.83402 12.9971 7.28174 13.4448 7.28174 13.9971Z" fill="currentColor"/>
+<path d="M11.2817 21.7241V22.0991C11.4888 22.0991 11.6567 21.9312 11.6567 21.7241H11.2817ZM1.28174 21.7241H0.906738C0.906738 21.9312 1.07463 22.0991 1.28174 22.0991V21.7241ZM1.90479 19.7236C1.90479 19.9307 2.07268 20.0986 2.27979 20.0986C2.48689 20.0986 2.65479 19.9307 2.65479 19.7236H1.90479ZM2.65479 16.2236C2.65479 16.0165 2.48689 15.8486 2.27979 15.8486C2.07268 15.8486 1.90479 16.0165 1.90479 16.2236H2.65479ZM3.90674 19.7236C3.90674 19.9307 4.07463 20.0986 4.28174 20.0986C4.48885 20.0986 4.65674 19.9307 4.65674 19.7236H3.90674ZM4.65674 16.2236C4.65674 16.0165 4.48885 15.8486 4.28174 15.8486C4.07463 15.8486 3.90674 16.0165 3.90674 16.2236H4.65674ZM5.90576 19.7236C5.90576 19.9307 6.07365 20.0986 6.28076 20.0986C6.48787 20.0986 6.65576 19.9307 6.65576 19.7236H5.90576ZM6.65576 16.2236C6.65576 16.0165 6.48787 15.8486 6.28076 15.8486C6.07365 15.8486 5.90576 16.0165 5.90576 16.2236H6.65576ZM7.90479 19.7236C7.90479 19.9307 8.07268 20.0986 8.27979 20.0986C8.48689 20.0986 8.65479 19.9307 8.65479 19.7236H7.90479ZM8.65479 16.2236C8.65479 16.0165 8.48689 15.8486 8.27979 15.8486C8.07268 15.8486 7.90479 16.0165 7.90479 16.2236H8.65479ZM9.90674 19.7236C9.90674 19.9307 10.0746 20.0986 10.2817 20.0986C10.4888 20.0986 10.6567 19.9307 10.6567 19.7236H9.90674ZM10.6567 16.2236C10.6567 16.0165 10.4888 15.8486 10.2817 15.8486C10.0746 15.8486 9.90674 16.0165 9.90674 16.2236H10.6567ZM0.779785 21.3496C0.572678 21.3496 0.404785 21.5175 0.404785 21.7246C0.404785 21.9317 0.572678 22.0996 0.779785 22.0996V21.3496ZM11.7798 22.0996C11.9869 22.0996 12.1548 21.9317 12.1548 21.7246C12.1548 21.5175 11.9869 21.3496 11.7798 21.3496V22.0996ZM6.46674 11.7995L6.32746 12.1477L6.32747 12.1477L6.46674 11.7995ZM10.9667 13.5995L11.106 13.2513L11.106 13.2513L10.9667 13.5995ZM6.09674 11.7995L6.23601 12.1477L6.23601 12.1477L6.09674 11.7995ZM1.59674 13.5995L1.45747 13.2513L1.45747 13.2513L1.59674 13.5995ZM11.2817 21.3491H1.28174V22.0991H11.2817V21.3491ZM1.65674 21.7241V20.2241H0.906738V21.7241H1.65674ZM1.65674 20.2241C1.65674 20.1562 1.71385 20.0991 1.78174 20.0991V19.3491C1.29963 19.3491 0.906738 19.742 0.906738 20.2241H1.65674ZM1.78174 20.0991H10.7817V19.3491H1.78174V20.0991ZM10.7817 20.0991C10.8496 20.0991 10.9067 20.1562 10.9067 20.2241H11.6567C11.6567 19.742 11.2638 19.3491 10.7817 19.3491V20.0991ZM10.9067 20.2241V21.7241H11.6567V20.2241H10.9067ZM2.65479 19.7236V16.2236H1.90479V19.7236H2.65479ZM4.65674 19.7236V16.2236H3.90674V19.7236H4.65674ZM6.65576 19.7236V16.2236H5.90576V19.7236H6.65576ZM8.65479 19.7236V16.2236H7.90479V19.7236H8.65479ZM10.6567 19.7236V16.2236H9.90674V19.7236H10.6567ZM0.779785 22.0996H11.7798V21.3496H0.779785V22.0996ZM6.32747 12.1477L10.8275 13.9477L11.106 13.2513L6.60601 11.4514L6.32747 12.1477ZM6.23601 12.1477C6.22881 12.1506 6.22985 12.1492 6.24135 12.1474C6.25186 12.1457 6.2659 12.1445 6.28174 12.1445C6.29758 12.1445 6.31162 12.1457 6.32212 12.1474C6.33363 12.1492 6.33467 12.1506 6.32746 12.1477L6.60601 11.4514C6.4974 11.4079 6.37862 11.3945 6.28174 11.3945C6.18486 11.3945 6.06608 11.4079 5.95747 11.4514L6.23601 12.1477ZM1.73601 13.9477L6.23601 12.1477L5.95747 11.4514L1.45747 13.2513L1.73601 13.9477ZM1.65674 14.0645C1.65674 14.0649 1.65683 14.0578 1.66151 14.044C1.6661 14.0305 1.67375 14.0145 1.68456 13.9985C1.69537 13.9825 1.70725 13.9694 1.71808 13.9601C1.72334 13.9556 1.72777 13.9525 1.73107 13.9504C1.73437 13.9484 1.73609 13.9477 1.73601 13.9477L1.45747 13.2513C1.28597 13.3199 1.15215 13.4465 1.06266 13.5793C0.973301 13.7119 0.906738 13.8823 0.906738 14.0645H1.65674ZM1.65674 15.7245V14.0645H0.906738V15.7245H1.65674ZM1.78174 15.8495C1.71385 15.8495 1.65674 15.7924 1.65674 15.7245H0.906738C0.906738 16.2066 1.29963 16.5995 1.78174 16.5995V15.8495ZM10.7817 15.8495H1.78174V16.5995H10.7817V15.8495ZM10.9067 15.7245C10.9067 15.7924 10.8496 15.8495 10.7817 15.8495V16.5995C11.2638 16.5995 11.6567 16.2066 11.6567 15.7245H10.9067ZM10.9067 14.0645V15.7245H11.6567V14.0645H10.9067ZM10.8275 13.9477C10.8274 13.9477 10.8291 13.9484 10.8324 13.9504C10.8357 13.9525 10.8401 13.9556 10.8454 13.9601C10.8562 13.9694 10.8681 13.9825 10.8789 13.9985C10.8897 14.0145 10.8974 14.0305 10.902 14.044C10.9066 14.0578 10.9067 14.0649 10.9067 14.0645H11.6567C11.6567 13.8823 11.5902 13.7119 11.5008 13.5793C11.4113 13.4465 11.2775 13.3199 11.106 13.2513L10.8275 13.9477ZM6.28174 15.3721C7.04113 15.3721 7.65674 14.7565 7.65674 13.9971H6.90674C6.90674 14.3422 6.62692 14.6221 6.28174 14.6221V15.3721ZM4.90674 13.9971C4.90674 14.7565 5.52235 15.3721 6.28174 15.3721V14.6221C5.93656 14.6221 5.65674 14.3422 5.65674 13.9971H4.90674ZM6.28174 12.6221C5.52235 12.6221 4.90674 13.2377 4.90674 13.9971H5.65674C5.65674 13.6519 5.93656 13.3721 6.28174 13.3721V12.6221ZM7.65674 13.9971C7.65674 13.2377 7.04113 12.6221 6.28174 12.6221V13.3721C6.62692 13.3721 6.90674 13.6519 6.90674 13.9971H7.65674Z" fill="currentColor"/>
+<path d="M12.881 6.06668L16.081 4.66668C16.2144 4.60001 16.3477 4.60001 16.5477 4.66668L19.7477 6.06668C20.0144 6.20001 20.281 5.86668 20.081 5.60001L16.7477 1.53334C16.5477 1.26668 16.1477 1.26668 15.9477 1.53334L12.6144 5.60001C12.3477 5.86668 12.6144 6.20001 12.881 6.06668Z" fill="currentColor"/>
+<path d="M12.881 9.93336L16.081 11.3334C16.2144 11.4 16.3477 11.4 16.5477 11.3334L19.7477 9.93336C20.0144 9.80003 20.281 10.1334 20.081 10.4L16.7477 14.4667C16.5477 14.7334 16.1477 14.7334 15.9477 14.4667L12.6144 10.4C12.3477 10.1334 12.6144 9.80003 12.881 9.93336Z" fill="currentColor"/>
+<path d="M16.2808 6.26661L12.8141 7.99995L16.2808 9.73328L19.7475 7.99995L16.2808 6.26661Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/book-filled.svg b/app/component-library/components/Icon/assets/book-filled.svg
new file mode 100644
index 00000000000..b2a536cb2e9
--- /dev/null
+++ b/app/component-library/components/Icon/assets/book-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.2812 4.85018V16.7402C22.2812 17.7102 21.4913 18.6002 20.5212 18.7202L20.2113 18.7602C18.5713 18.9802 16.2613 19.6602 14.4012 20.4402C13.7512 20.7102 13.0312 20.2202 13.0312 19.5102V5.60018C13.0312 5.23018 13.2412 4.89018 13.5712 4.71018C15.4012 3.72018 18.1713 2.84018 20.0513 2.68018H20.1112C21.3112 2.68018 22.2812 3.65018 22.2812 4.85018Z" fill="currentColor"/>
+<path d="M10.9915 4.71018C9.16148 3.72018 6.39148 2.84018 4.51148 2.68018H4.44148C3.24148 2.68018 2.27148 3.65018 2.27148 4.85018V16.7402C2.27148 17.7102 3.06148 18.6002 4.03148 18.7202L4.34148 18.7602C5.98148 18.9802 8.29148 19.6602 10.1515 20.4402C10.8015 20.7102 11.5215 20.2202 11.5215 19.5102V5.60018C11.5215 5.22018 11.3215 4.89018 10.9915 4.71018ZM5.28148 7.74018H7.53148C7.94148 7.74018 8.28148 8.08018 8.28148 8.49018C8.28148 8.91018 7.94148 9.24018 7.53148 9.24018H5.28148C4.87148 9.24018 4.53148 8.91018 4.53148 8.49018C4.53148 8.08018 4.87148 7.74018 5.28148 7.74018ZM8.28148 12.2402H5.28148C4.87148 12.2402 4.53148 11.9102 4.53148 11.4902C4.53148 11.0802 4.87148 10.7402 5.28148 10.7402H8.28148C8.69148 10.7402 9.03148 11.0802 9.03148 11.4902C9.03148 11.9102 8.69148 12.2402 8.28148 12.2402Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/bookmark-filled.svg b/app/component-library/components/Icon/assets/bookmark-filled.svg
new file mode 100644
index 00000000000..7df6250f229
--- /dev/null
+++ b/app/component-library/components/Icon/assets/bookmark-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.2812 7.80983V16.1898C22.2812 19.3998 19.6813 21.9998 16.4713 21.9998H8.09125C4.88125 21.9998 2.28125 19.3998 2.28125 16.1898V7.80983C2.28125 5.31983 3.30125 3.50983 5.11125 2.62983C5.77125 2.30983 6.53125 2.80983 6.53125 3.53983V12.4198C6.53125 13.6098 6.99125 14.5598 7.82125 15.0398C8.66125 15.5098 9.72125 15.4098 10.8013 14.7598L12.1012 13.9798C12.1812 13.9398 12.3812 13.9398 12.4412 13.9698L13.7612 14.7598C14.4812 15.1898 15.1012 15.3298 15.6012 15.3298C16.1213 15.3298 16.5212 15.1698 16.7612 15.0298C17.5712 14.5598 18.0312 13.6098 18.0312 12.4198V3.53983C18.0312 2.80983 18.8013 2.30983 19.4513 2.62983C21.2612 3.50983 22.2812 5.31983 22.2812 7.80983Z" fill="currentColor"/>
+<path d="M15.5312 2C16.0813 2 16.5312 2.45 16.5312 3V12.42C16.5312 13.06 16.3412 13.54 16.0112 13.73C15.6712 13.93 15.1312 13.83 14.5312 13.47L13.2113 12.68C12.7013 12.37 11.8612 12.37 11.3512 12.68L10.0312 13.47C9.43125 13.83 8.89125 13.92 8.55125 13.73C8.22125 13.54 8.03125 13.06 8.03125 12.42V3C8.03125 2.45 8.48125 2 9.03125 2H15.5312Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/calculator-filled.svg b/app/component-library/components/Icon/assets/calculator-filled.svg
new file mode 100644
index 00000000000..f9209881978
--- /dev/null
+++ b/app/component-library/components/Icon/assets/calculator-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.2812 2H8.28125C5.52125 2 3.28125 4.24 3.28125 7V17C3.28125 19.76 5.52125 22 8.28125 22H16.2812C19.0412 22 21.2812 19.76 21.2812 17V7C21.2812 4.24 19.0412 2 16.2812 2ZM9.14125 18.63C8.95125 18.82 8.70125 18.92 8.44125 18.92C8.17125 18.92 7.92125 18.82 7.73125 18.63C7.54125 18.44 7.43125 18.19 7.43125 17.92C7.43125 17.66 7.54125 17.4 7.73125 17.21C7.82125 17.12 7.93125 17.05 8.05125 17C8.30125 16.9 8.57125 16.9 8.82125 17C8.88125 17.02 8.94125 17.05 8.99125 17.09C9.05125 17.12 9.10125 17.17 9.14125 17.21C9.33125 17.4 9.44125 17.66 9.44125 17.92C9.44125 18.19 9.33125 18.44 9.14125 18.63ZM7.43125 13.92C7.43125 13.79 7.46125 13.66 7.51125 13.54C7.56125 13.41 7.63125 13.31 7.73125 13.21C7.96125 12.98 8.31125 12.87 8.63125 12.94C8.69125 12.95 8.76125 12.97 8.82125 13C8.88125 13.02 8.94125 13.05 8.99125 13.09C9.05125 13.12 9.10125 13.17 9.14125 13.21C9.23125 13.31 9.31125 13.41 9.36125 13.54C9.41125 13.66 9.43125 13.79 9.43125 13.92C9.43125 14.19 9.33125 14.44 9.14125 14.63C8.95125 14.82 8.70125 14.92 8.44125 14.92C8.30125 14.92 8.17125 14.89 8.05125 14.84C7.93125 14.79 7.82125 14.72 7.73125 14.63C7.54125 14.44 7.43125 14.19 7.43125 13.92ZM13.1412 18.63C13.0512 18.72 12.9412 18.79 12.8212 18.84C12.7012 18.89 12.5712 18.92 12.4312 18.92C12.1712 18.92 11.9212 18.82 11.7312 18.63C11.5412 18.44 11.4312 18.19 11.4312 17.92C11.4312 17.85 11.4413 17.79 11.4513 17.72C11.4713 17.66 11.4912 17.6 11.5112 17.54C11.5412 17.48 11.5712 17.42 11.6012 17.36C11.6412 17.31 11.6812 17.26 11.7312 17.21C11.8212 17.12 11.9313 17.05 12.0513 17C12.4213 16.85 12.8612 16.93 13.1412 17.21C13.3312 17.4 13.4312 17.66 13.4312 17.92C13.4312 18.19 13.3312 18.44 13.1412 18.63ZM13.1412 14.63C12.9512 14.82 12.7012 14.92 12.4312 14.92C12.1712 14.92 11.9212 14.82 11.7312 14.63C11.5412 14.44 11.4312 14.19 11.4312 13.92C11.4312 13.66 11.5412 13.4 11.7312 13.21C12.1012 12.84 12.7712 12.84 13.1412 13.21C13.2312 13.31 13.3112 13.41 13.3612 13.54C13.4112 13.66 13.4312 13.79 13.4312 13.92C13.4312 14.19 13.3312 14.44 13.1412 14.63ZM9.28125 10.46C8.25125 10.46 7.40125 9.62 7.40125 8.58V7.58C7.40125 6.55 8.24125 5.7 9.28125 5.7H15.2812C16.3112 5.7 17.1612 6.54 17.1612 7.58V8.58C17.1612 9.61 16.3212 10.46 15.2812 10.46H9.28125ZM17.1413 18.63C16.9513 18.82 16.7012 18.92 16.4312 18.92C16.3012 18.92 16.1713 18.89 16.0513 18.84C15.9313 18.79 15.8212 18.72 15.7312 18.63C15.5412 18.44 15.4412 18.19 15.4412 17.92C15.4412 17.66 15.5412 17.4 15.7312 17.21C16.0012 16.93 16.4513 16.85 16.8213 17C16.9413 17.05 17.0513 17.12 17.1413 17.21C17.3313 17.4 17.4312 17.66 17.4312 17.92C17.4312 18.19 17.3313 18.44 17.1413 18.63ZM17.3612 14.3C17.3112 14.42 17.2413 14.53 17.1413 14.63C16.9513 14.82 16.7012 14.92 16.4312 14.92C16.1712 14.92 15.9212 14.82 15.7312 14.63C15.5412 14.44 15.4312 14.19 15.4312 13.92C15.4312 13.66 15.5412 13.4 15.7312 13.21C16.1012 12.84 16.7713 12.84 17.1413 13.21C17.3313 13.4 17.4412 13.66 17.4412 13.92C17.4412 14.05 17.4112 14.18 17.3612 14.3Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/card-filled.svg b/app/component-library/components/Icon/assets/card-filled.svg
new file mode 100644
index 00000000000..f82ce479956
--- /dev/null
+++ b/app/component-library/components/Icon/assets/card-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.2808 7.5499C22.2808 8.2099 21.7408 8.7499 21.0808 8.7499H3.48076C2.82076 8.7499 2.28076 8.2099 2.28076 7.5499V7.5399C2.28076 5.2499 4.13076 3.3999 6.42076 3.3999H18.1308C20.4208 3.3999 22.2808 5.2599 22.2808 7.5499Z" fill="currentColor"/>
+<path d="M2.28076 11.4499V16.4599C2.28076 18.7499 4.13076 20.5999 6.42076 20.5999H18.1308C20.4208 20.5999 22.2808 18.7399 22.2808 16.4499V11.4499C22.2808 10.7899 21.7408 10.2499 21.0808 10.2499H3.48076C2.82076 10.2499 2.28076 10.7899 2.28076 11.4499ZM8.28076 17.2499H6.28076C5.87076 17.2499 5.53076 16.9099 5.53076 16.4999C5.53076 16.0899 5.87076 15.7499 6.28076 15.7499H8.28076C8.69076 15.7499 9.03076 16.0899 9.03076 16.4999C9.03076 16.9099 8.69076 17.2499 8.28076 17.2499ZM14.7808 17.2499H10.7808C10.3708 17.2499 10.0308 16.9099 10.0308 16.4999C10.0308 16.0899 10.3708 15.7499 10.7808 15.7499H14.7808C15.1908 15.7499 15.5308 16.0899 15.5308 16.4999C15.5308 16.9099 15.1908 17.2499 14.7808 17.2499Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/card-pos-filled.svg b/app/component-library/components/Icon/assets/card-pos-filled.svg
new file mode 100644
index 00000000000..0c2bcb9678c
--- /dev/null
+++ b/app/component-library/components/Icon/assets/card-pos-filled.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.2808 21.25C22.2808 21.66 21.9408 22 21.5308 22H3.03076C2.62076 22 2.28076 21.66 2.28076 21.25C2.28076 20.84 2.62076 20.5 3.03076 20.5H21.5308C21.9408 20.5 22.2808 20.84 22.2808 21.25Z" fill="currentColor"/>
+<path d="M15.6712 4.51977L4.93119 15.2598C4.52119 15.6698 3.86119 15.6698 3.46119 15.2598H3.45119C2.06119 13.8598 2.06119 11.5998 3.45119 10.2098L10.6012 3.05977C12.0012 1.65977 14.2612 1.65977 15.6612 3.05977C16.0712 3.44977 16.0712 4.11977 15.6712 4.51977Z" fill="currentColor"/>
+<path d="M21.1012 8.48982L18.0512 5.43982C17.6412 5.02982 16.9812 5.02982 16.5812 5.43982L5.84119 16.1798C5.43119 16.5798 5.43119 17.2398 5.84119 17.6498L8.89119 20.7098C10.2912 22.0998 12.5512 22.0998 13.9512 20.7098L21.0912 13.5598C22.5112 12.1598 22.5112 9.88982 21.1012 8.48982ZM13.0412 17.5198L11.8312 18.7398C11.5812 18.9898 11.1712 18.9898 10.9112 18.7398C10.6612 18.4898 10.6612 18.0798 10.9112 17.8198L12.1312 16.5998C12.3712 16.3598 12.7912 16.3598 13.0412 16.5998C13.2912 16.8498 13.2912 17.2798 13.0412 17.5198ZM17.0112 13.5498L14.5712 15.9998C14.3212 16.2398 13.9112 16.2398 13.6512 15.9998C13.4012 15.7498 13.4012 15.3398 13.6512 15.0798L16.1012 12.6298C16.3412 12.3898 16.7612 12.3898 17.0112 12.6298C17.2612 12.8898 17.2612 13.2998 17.0112 13.5498Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/card-token-filled.svg b/app/component-library/components/Icon/assets/card-token-filled.svg
new file mode 100644
index 00000000000..d35f5c7518d
--- /dev/null
+++ b/app/component-library/components/Icon/assets/card-token-filled.svg
@@ -0,0 +1,9 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2808 15.7V15.81C12.2808 16.09 12.0608 16.31 11.7808 16.31H2.78076C2.50076 16.31 2.28076 16.09 2.28076 15.81V15.7C2.28076 13.94 2.72076 13.5 4.50076 13.5H10.0608C11.8408 13.5 12.2808 13.94 12.2808 15.7Z" fill="currentColor"/>
+<path d="M2.78076 17.3101C2.50076 17.3101 2.28076 17.5301 2.28076 17.8101V18.8101V19.8001C2.28076 21.5601 2.72076 22.0001 4.50076 22.0001H10.0608C11.8408 22.0001 12.2808 21.5601 12.2808 19.8001V18.8101V17.8101C12.2808 17.5301 12.0608 17.3101 11.7808 17.3101H2.78076V17.3101Z" fill="currentColor"/>
+<path d="M22.2808 15C22.2808 18.87 19.1508 22 15.2808 22L16.3308 20.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.28076 9C2.28076 5.13 5.41076 2 9.28076 2L8.23076 3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.8808 6.06675L16.0608 4.65341C16.2008 4.59341 16.3608 4.59341 16.4942 4.65341L19.6742 6.06675C19.9542 6.19341 20.2141 5.85341 20.0208 5.61341L16.6875 1.54008C16.4608 1.26008 16.0875 1.26008 15.8608 1.54008L12.5275 5.61341C12.3408 5.85341 12.6008 6.19341 12.8808 6.06675Z" fill="currentColor"/>
+<path d="M12.8808 9.93333L16.0674 11.3467C16.2074 11.4067 16.3674 11.4067 16.5008 11.3467L19.6874 9.93333C19.9674 9.80667 20.2274 10.1467 20.0341 10.3867L16.7008 14.46C16.4741 14.74 16.1008 14.74 15.8741 14.46L12.5408 10.3867C12.3408 10.1467 12.5941 9.80667 12.8808 9.93333Z" fill="currentColor"/>
+<path d="M16.1341 6.32667L13.3808 7.7C13.1341 7.82 13.1341 8.17333 13.3808 8.29333L16.1341 9.66667C16.2274 9.71333 16.3407 9.71333 16.4341 9.66667L19.1874 8.29333C19.4341 8.17333 19.4341 7.82 19.1874 7.7L16.4341 6.32667C16.3341 6.28 16.2274 6.28 16.1341 6.32667Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/category-filled.svg b/app/component-library/components/Icon/assets/category-filled.svg
new file mode 100644
index 00000000000..ad7ecce6585
--- /dev/null
+++ b/app/component-library/components/Icon/assets/category-filled.svg
@@ -0,0 +1,6 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.52125 2H5.62125C3.43125 2 2.28125 3.15 2.28125 5.33V7.23C2.28125 9.41 3.43125 10.56 5.61125 10.56H7.51125C9.69125 10.56 10.8413 9.41 10.8413 7.23V5.33C10.8513 3.15 9.70125 2 7.52125 2Z" fill="currentColor"/>
+<path d="M18.9513 2H17.0513C14.8713 2 13.7212 3.15 13.7212 5.33V7.23C13.7212 9.41 14.8713 10.56 17.0513 10.56H18.9513C21.1313 10.56 22.2812 9.41 22.2812 7.23V5.33C22.2812 3.15 21.1313 2 18.9513 2Z" fill="currentColor"/>
+<path d="M18.9512 13.4302H17.0512C14.8712 13.4302 13.7212 14.5802 13.7212 16.7602V18.6602C13.7212 20.8402 14.8712 21.9902 17.0512 21.9902H18.9512C21.1312 21.9902 22.2812 20.8402 22.2812 18.6602V16.7602C22.2812 14.5802 21.1312 13.4302 18.9512 13.4302Z" fill="currentColor"/>
+<path d="M7.52125 13.4302H5.62125C3.43125 13.4302 2.28125 14.5802 2.28125 16.7602V18.6602C2.28125 20.8502 3.43125 22.0002 5.61125 22.0002H7.51125C9.69125 22.0002 10.8413 20.8502 10.8413 18.6702V16.7702C10.8513 14.5802 9.70125 13.4302 7.52125 13.4302Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/chart-filled-1.svg b/app/component-library/components/Icon/assets/chart-filled-1.svg
new file mode 100644
index 00000000000..36bee58eade
--- /dev/null
+++ b/app/component-library/components/Icon/assets/chart-filled-1.svg
@@ -0,0 +1,6 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.2812 22H2.28125C1.87125 22 1.53125 21.66 1.53125 21.25C1.53125 20.84 1.87125 20.5 2.28125 20.5H22.2812C22.6912 20.5 23.0312 20.84 23.0312 21.25C23.0312 21.66 22.6912 22 22.2812 22Z" fill="currentColor"/>
+<path d="M10.0312 4V22H14.5312V4C14.5312 2.9 14.0812 2 12.7312 2H11.8313C10.4813 2 10.0312 2.9 10.0312 4Z" fill="currentColor"/>
+<path d="M3.28125 10V22H7.28125V10C7.28125 8.9 6.88125 8 5.68125 8H4.88125C3.68125 8 3.28125 8.9 3.28125 10Z" fill="currentColor"/>
+<path d="M17.2812 15V22H21.2812V15C21.2812 13.9 20.8812 13 19.6812 13H18.8813C17.6813 13 17.2812 13.9 17.2812 15Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/chart-filled.svg b/app/component-library/components/Icon/assets/chart-filled.svg
new file mode 100644
index 00000000000..d4d339cbc7a
--- /dev/null
+++ b/app/component-library/components/Icon/assets/chart-filled.svg
@@ -0,0 +1,6 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.2812 22.75H3.28125C2.87125 22.75 2.53125 22.41 2.53125 22C2.53125 21.59 2.87125 21.25 3.28125 21.25H21.2812C21.6912 21.25 22.0312 21.59 22.0312 22C22.0312 22.41 21.6912 22.75 21.2812 22.75Z" fill="currentColor"/>
+<path d="M5.88125 8.37988H4.28125C3.73125 8.37988 3.28125 8.82988 3.28125 9.37988V17.9999C3.28125 18.5499 3.73125 18.9999 4.28125 18.9999H5.88125C6.43125 18.9999 6.88125 18.5499 6.88125 17.9999V9.37988C6.88125 8.81988 6.43125 8.37988 5.88125 8.37988Z" fill="currentColor"/>
+<path d="M13.0814 5.18994H11.4814C10.9314 5.18994 10.4814 5.63994 10.4814 6.18994V17.9999C10.4814 18.5499 10.9314 18.9999 11.4814 18.9999H13.0814C13.6314 18.9999 14.0814 18.5499 14.0814 17.9999V6.18994C14.0814 5.63994 13.6314 5.18994 13.0814 5.18994Z" fill="currentColor"/>
+<path d="M20.2812 2H18.6812C18.1312 2 17.6812 2.45 17.6812 3V18C17.6812 18.55 18.1312 19 18.6812 19H20.2812C20.8312 19 21.2812 18.55 21.2812 18V3C21.2812 2.45 20.8312 2 20.2812 2Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/check-outline.svg b/app/component-library/components/Icon/assets/check-outline.svg
new file mode 100644
index 00000000000..de73186894e
--- /dev/null
+++ b/app/component-library/components/Icon/assets/check-outline.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.2808 4L15.6141 11L8.94743 18L2.28076 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/clock-filled.svg b/app/component-library/components/Icon/assets/clock-filled.svg
new file mode 100644
index 00000000000..db434399f72
--- /dev/null
+++ b/app/component-library/components/Icon/assets/clock-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2812 2C6.77125 2 2.28125 6.49 2.28125 12C2.28125 17.51 6.77125 22 12.2812 22C17.7913 22 22.2812 17.51 22.2812 12C22.2812 6.49 17.7913 2 12.2812 2ZM16.6313 15.57C16.4913 15.81 16.2412 15.94 15.9812 15.94C15.8512 15.94 15.7212 15.91 15.6012 15.83L12.5013 13.98C11.7313 13.52 11.1613 12.51 11.1613 11.62V7.52C11.1613 7.11 11.5013 6.77 11.9113 6.77C12.3213 6.77 12.6613 7.11 12.6613 7.52V11.62C12.6613 11.98 12.9612 12.51 13.2712 12.69L16.3713 14.54C16.7313 14.75 16.8513 15.21 16.6313 15.57Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/close-outline.svg b/app/component-library/components/Icon/assets/close-outline.svg
new file mode 100644
index 00000000000..f7b15b4efa4
--- /dev/null
+++ b/app/component-library/components/Icon/assets/close-outline.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.41859 4.13783C4.60237 3.95406 4.90033 3.95406 5.08411 4.13783L20.1429 19.1967C20.3267 19.3804 20.3267 19.6784 20.1429 19.8622C19.9592 20.0459 19.6612 20.0459 19.4774 19.8622L4.41859 4.80334C4.23482 4.61957 4.23482 4.32161 4.41859 4.13783Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.1429 4.13783C20.3267 4.32161 20.3267 4.61957 20.1429 4.80334L5.08411 19.8622C4.90033 20.0459 4.60237 20.0459 4.41859 19.8622C4.23482 19.6784 4.23482 19.3804 4.41859 19.1967L19.4774 4.13783C19.6612 3.95406 19.9592 3.95406 20.1429 4.13783Z" fill="currentColor"/>
+<path d="M5.08411 4.13783L4.90733 4.31461L4.90733 4.31461L5.08411 4.13783ZM4.41859 4.13783L4.59537 4.31461L4.59537 4.31461L4.41859 4.13783ZM20.1429 19.1967L19.9662 19.3734L20.1429 19.1967ZM19.4774 19.8622L19.6542 19.6854L19.4774 19.8622ZM4.41859 4.80334L4.59537 4.62657L4.59537 4.62657L4.41859 4.80334ZM20.1429 4.80334L20.3197 4.98012L20.1429 4.80334ZM20.1429 4.13783L19.9662 4.31461L19.9662 4.31461L20.1429 4.13783ZM5.08411 19.8622L4.90733 19.6854L4.90733 19.6854L5.08411 19.8622ZM4.41859 19.1967L4.24182 19.0199L4.24182 19.0199L4.41859 19.1967ZM19.4774 4.13783L19.6542 4.31461L19.6542 4.31461L19.4774 4.13783ZM5.26088 3.96106C4.97948 3.67965 4.52322 3.67965 4.24182 3.96106L4.59537 4.31461C4.68152 4.22846 4.82118 4.22846 4.90733 4.31461L5.26088 3.96106ZM20.3197 19.0199L5.26088 3.96106L4.90733 4.31461L19.9662 19.3734L20.3197 19.0199ZM20.3197 20.0389C20.6011 19.7575 20.6011 19.3013 20.3197 19.0199L19.9662 19.3734C20.0523 19.4596 20.0523 19.5992 19.9662 19.6854L20.3197 20.0389ZM19.3006 20.0389C19.582 20.3204 20.0383 20.3204 20.3197 20.0389L19.9662 19.6854C19.88 19.7715 19.7403 19.7715 19.6542 19.6854L19.3006 20.0389ZM4.24182 4.98012L19.3006 20.0389L19.6542 19.6854L4.59537 4.62657L4.24182 4.98012ZM4.24182 3.96106C3.96041 4.24246 3.96041 4.69871 4.24182 4.98012L4.59537 4.62657C4.50923 4.54042 4.50923 4.40075 4.59537 4.31461L4.24182 3.96106ZM20.3197 4.98012C20.6011 4.69871 20.6011 4.24246 20.3197 3.96106L19.9662 4.31461C20.0523 4.40075 20.0523 4.54042 19.9662 4.62657L20.3197 4.98012ZM5.26088 20.0389L20.3197 4.98012L19.9662 4.62657L4.90733 19.6854L5.26088 20.0389ZM4.24182 20.0389C4.52322 20.3203 4.97948 20.3203 5.26088 20.0389L4.90733 19.6854C4.82118 19.7715 4.68151 19.7715 4.59537 19.6854L4.24182 20.0389ZM4.24182 19.0199C3.96041 19.3013 3.96041 19.7575 4.24182 20.0389L4.59537 19.6854C4.50923 19.5992 4.50923 19.4596 4.59537 19.3734L4.24182 19.0199ZM19.3006 3.96106L4.24182 19.0199L4.59537 19.3734L19.6542 4.31461L19.3006 3.96106ZM20.3197 3.96106C20.0383 3.67965 19.582 3.67965 19.3006 3.96106L19.6542 4.31461C19.7403 4.22846 19.88 4.22846 19.9662 4.31461L20.3197 3.96106Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/code-circle-filled.svg b/app/component-library/components/Icon/assets/code-circle-filled.svg
new file mode 100644
index 00000000000..f8fed326f45
--- /dev/null
+++ b/app/component-library/components/Icon/assets/code-circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2812 2C6.76125 2 2.28125 6.48 2.28125 12C2.28125 17.52 6.76125 22 12.2812 22C17.8012 22 22.2812 17.52 22.2812 12C22.2812 6.48 17.8012 2 12.2812 2ZM8.81125 13.47C9.10125 13.76 9.10125 14.24 8.81125 14.53C8.66125 14.68 8.47125 14.75 8.28125 14.75C8.09125 14.75 7.90125 14.68 7.75125 14.53L5.75125 12.53C5.46125 12.24 5.46125 11.76 5.75125 11.47L7.75125 9.47C8.04125 9.18 8.52125 9.18 8.81125 9.47C9.10125 9.76 9.10125 10.24 8.81125 10.53L7.34125 12L8.81125 13.47ZM13.9712 9.96L11.9712 14.63C11.8512 14.91 11.5712 15.08 11.2812 15.08C11.1812 15.08 11.0813 15.06 10.9913 15.02C10.6113 14.86 10.4312 14.42 10.6012 14.03L12.6012 9.36C12.7612 8.98 13.2013 8.8 13.5813 8.97C13.9613 9.14 14.1312 9.58 13.9712 9.96ZM18.8113 12.53L16.8113 14.53C16.6613 14.68 16.4712 14.75 16.2812 14.75C16.0913 14.75 15.9013 14.68 15.7513 14.53C15.4613 14.24 15.4613 13.76 15.7513 13.47L17.2213 12L15.7513 10.53C15.4613 10.24 15.4613 9.76 15.7513 9.47C16.0413 9.18 16.5213 9.18 16.8113 9.47L18.8113 11.47C19.1013 11.76 19.1013 12.24 18.8113 12.53Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/coin-filled.svg b/app/component-library/components/Icon/assets/coin-filled.svg
new file mode 100644
index 00000000000..edff220baa2
--- /dev/null
+++ b/app/component-library/components/Icon/assets/coin-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.2006 16.7501C21.8706 19.4101 19.6906 21.5901 17.0306 21.9201C15.4206 22.1201 13.9206 21.6801 12.7506 20.8201C12.0806 20.3301 12.2406 19.2901 13.0406 19.0501C16.0506 18.1401 18.4206 15.7601 19.3406 12.7501C19.5806 11.9601 20.6206 11.8001 21.1106 12.4601C21.9606 13.6401 22.4006 15.1401 22.2006 16.7501Z" fill="currentColor"/>
+<path d="M10.2708 2C5.86076 2 2.28076 5.58 2.28076 9.99C2.28076 14.4 5.86076 17.98 10.2708 17.98C14.6808 17.98 18.2608 14.4 18.2608 9.99C18.2508 5.58 14.6808 2 10.2708 2ZM9.33076 8.87L11.7408 9.71C12.6108 10.02 13.0308 10.63 13.0308 11.57C13.0308 12.65 12.1708 13.54 11.1208 13.54H11.0308V13.59C11.0308 14 10.6908 14.34 10.2808 14.34C9.87076 14.34 9.53076 14 9.53076 13.59V13.53C8.42076 13.48 7.53076 12.55 7.53076 11.39C7.53076 10.98 7.87076 10.64 8.28076 10.64C8.69076 10.64 9.03076 10.98 9.03076 11.39C9.03076 11.75 9.29076 12.04 9.61076 12.04H11.1108C11.3408 12.04 11.5208 11.83 11.5208 11.57C11.5208 11.22 11.4608 11.2 11.2308 11.12L8.82076 10.28C7.96076 9.98 7.53076 9.37 7.53076 8.42C7.53076 7.34 8.39076 6.45 9.44076 6.45H9.53076V6.41C9.53076 6 9.87076 5.66 10.2808 5.66C10.6908 5.66 11.0308 6 11.0308 6.41V6.47C12.1408 6.52 13.0308 7.45 13.0308 8.61C13.0308 9.02 12.6908 9.36 12.2808 9.36C11.8708 9.36 11.5308 9.02 11.5308 8.61C11.5308 8.25 11.2708 7.96 10.9508 7.96H9.45076C9.22076 7.96 9.04076 8.17 9.04076 8.43C9.03076 8.77 9.09076 8.79 9.33076 8.87Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/connect-filled.svg b/app/component-library/components/Icon/assets/connect-filled.svg
new file mode 100644
index 00000000000..fac598281ab
--- /dev/null
+++ b/app/component-library/components/Icon/assets/connect-filled.svg
@@ -0,0 +1,7 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2814 14.3801C13.5958 14.3801 14.6614 13.3146 14.6614 12.0001C14.6614 10.6857 13.5958 9.62012 12.2814 9.62012C10.9669 9.62012 9.90137 10.6857 9.90137 12.0001C9.90137 13.3146 10.9669 14.3801 12.2814 14.3801Z" fill="currentColor"/>
+<path d="M20.281 18.7498C20.121 18.7498 19.971 18.6998 19.831 18.5998C19.501 18.3498 19.431 17.8798 19.681 17.5498C20.891 15.9398 21.531 14.0198 21.531 11.9998C21.531 9.97978 20.891 8.05978 19.681 6.44978C19.431 6.11978 19.501 5.64978 19.831 5.39978C20.161 5.14978 20.631 5.21978 20.881 5.54978C22.291 7.41978 23.031 9.64978 23.031 11.9998C23.031 14.3498 22.291 16.5798 20.881 18.4498C20.731 18.6498 20.511 18.7498 20.281 18.7498Z" fill="currentColor"/>
+<path d="M4.28125 18.7498C4.05125 18.7498 3.83125 18.6498 3.68125 18.4498C2.27125 16.5798 1.53125 14.3498 1.53125 11.9998C1.53125 9.64978 2.27125 7.41978 3.68125 5.54978C3.93125 5.21978 4.40125 5.14978 4.73125 5.39978C5.06125 5.64978 5.13125 6.11978 4.88125 6.44978C3.67125 8.05978 3.03125 9.97978 3.03125 11.9998C3.03125 14.0198 3.67125 15.9398 4.88125 17.5498C5.13125 17.8798 5.06125 18.3498 4.73125 18.5998C4.60125 18.6998 4.44125 18.7498 4.28125 18.7498Z" fill="currentColor"/>
+<path d="M17.0813 16.3502C16.9213 16.3502 16.7713 16.3002 16.6313 16.2002C16.3013 15.9502 16.2313 15.4802 16.4813 15.1502C17.1713 14.2402 17.5313 13.1502 17.5313 12.0002C17.5313 10.8502 17.1713 9.76018 16.4813 8.85018C16.2313 8.52018 16.3013 8.05018 16.6313 7.80018C16.9613 7.55018 17.4313 7.62018 17.6813 7.95018C18.5613 9.13017 19.0313 10.5302 19.0313 12.0002C19.0313 13.4702 18.5613 14.8802 17.6813 16.0502C17.5313 16.2502 17.3113 16.3502 17.0813 16.3502Z" fill="currentColor"/>
+<path d="M7.48125 16.3502C7.25125 16.3502 7.03125 16.2502 6.88125 16.0502C6.00125 14.8802 5.53125 13.4702 5.53125 12.0002C5.53125 10.5302 6.00125 9.12018 6.88125 7.95018C7.13125 7.62018 7.60125 7.55018 7.93125 7.80018C8.26125 8.05018 8.33125 8.52018 8.08125 8.85018C7.39125 9.76018 7.03125 10.8502 7.03125 12.0002C7.03125 13.1502 7.39125 14.2402 8.08125 15.1502C8.33125 15.4802 8.26125 15.9502 7.93125 16.2002C7.80125 16.3002 7.64125 16.3502 7.48125 16.3502Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/copy-filled.svg b/app/component-library/components/Icon/assets/copy-filled.svg
new file mode 100644
index 00000000000..d802720230f
--- /dev/null
+++ b/app/component-library/components/Icon/assets/copy-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.2808 12.9V17.1C16.2808 20.6 14.8808 22 11.3808 22H7.18076C3.68076 22 2.28076 20.6 2.28076 17.1V12.9C2.28076 9.4 3.68076 8 7.18076 8H11.3808C14.8808 8 16.2808 9.4 16.2808 12.9Z" fill="currentColor"/>
+<path d="M17.3808 2H13.1808C10.0977 2 8.65174 3.09409 8.3505 5.73901C8.28748 6.29235 8.74575 6.75 9.30267 6.75H11.3808C15.5808 6.75 17.5308 8.7 17.5308 12.9V14.9781C17.5308 15.535 17.9884 15.9933 18.5417 15.9303C21.1867 15.629 22.2808 14.1831 22.2808 11.1V6.9C22.2808 3.4 20.8808 2 17.3808 2Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/copy-success-filled.svg b/app/component-library/components/Icon/assets/copy-success-filled.svg
new file mode 100644
index 00000000000..5278cf3c6bb
--- /dev/null
+++ b/app/component-library/components/Icon/assets/copy-success-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.3808 2H13.1808C10.0977 2 8.65174 3.09409 8.3505 5.73901C8.28748 6.29235 8.74575 6.75 9.30267 6.75H11.3808C15.5808 6.75 17.5308 8.7 17.5308 12.9V14.9781C17.5308 15.535 17.9884 15.9933 18.5417 15.9303C21.1867 15.629 22.2808 14.1831 22.2808 11.1V6.9C22.2808 3.4 20.8808 2 17.3808 2Z" fill="currentColor"/>
+<path d="M11.3808 8H7.18076C3.68076 8 2.28076 9.4 2.28076 12.9V17.1C2.28076 20.6 3.68076 22 7.18076 22H11.3808C14.8808 22 16.2808 20.6 16.2808 17.1V12.9C16.2808 9.4 14.8808 8 11.3808 8ZM12.5708 13.65L8.86076 17.36C8.72076 17.5 8.54076 17.57 8.35076 17.57C8.16076 17.57 7.98076 17.5 7.84076 17.36L5.98076 15.5C5.70076 15.22 5.70076 14.77 5.98076 14.49C6.26076 14.21 6.71076 14.21 6.99076 14.49L8.34076 15.84L11.5508 12.63C11.8308 12.35 12.2808 12.35 12.5608 12.63C12.8408 12.91 12.8508 13.37 12.5708 13.65Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/danger-filled.svg b/app/component-library/components/Icon/assets/danger-filled.svg
new file mode 100644
index 00000000000..237d06d0244
--- /dev/null
+++ b/app/component-library/components/Icon/assets/danger-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.6295 16.1824L15.4992 4.44524C14.6754 2.86602 13.5356 2 12.2808 2C11.026 2 9.88611 2.86602 9.06235 4.44524L2.93203 16.1824C2.15616 17.6801 2.06995 19.1167 2.69256 20.2476C3.31517 21.3785 4.54124 22 6.15045 22H18.4111C20.0203 22 21.2463 21.3785 21.869 20.2476C22.4916 19.1167 22.4054 17.6699 21.6295 16.1824ZM11.5624 9.13194C11.5624 8.71421 11.888 8.3678 12.2808 8.3678C12.6735 8.3678 12.9992 8.71421 12.9992 9.13194V14.2262C12.9992 14.6439 12.6735 14.9903 12.2808 14.9903C11.888 14.9903 11.5624 14.6439 11.5624 14.2262V9.13194ZM12.9608 18.0061C12.9129 18.0469 12.8651 18.0876 12.8172 18.1284C12.7597 18.1691 12.7022 18.1997 12.6447 18.2201C12.5873 18.2506 12.5298 18.271 12.4628 18.2812C12.4053 18.2914 12.3382 18.3016 12.2808 18.3016C12.2233 18.3016 12.1562 18.2914 12.0892 18.2812C12.0317 18.271 11.9742 18.2506 11.9168 18.2201C11.8593 18.1997 11.8018 18.1691 11.7444 18.1284C11.6965 18.0876 11.6486 18.0469 11.6007 18.0061C11.4283 17.8125 11.3229 17.5476 11.3229 17.2827C11.3229 17.0178 11.4283 16.7529 11.6007 16.5593C11.6486 16.5186 11.6965 16.4778 11.7444 16.4371C11.8018 16.3963 11.8593 16.3658 11.9168 16.3454C11.9742 16.3148 12.0317 16.2944 12.0892 16.2843C12.2137 16.2537 12.3478 16.2537 12.4628 16.2843C12.5298 16.2944 12.5873 16.3148 12.6447 16.3454C12.7022 16.3658 12.7597 16.3963 12.8172 16.4371C12.8651 16.4778 12.9129 16.5186 12.9608 16.5593C13.1333 16.7529 13.2386 17.0178 13.2386 17.2827C13.2386 17.5476 13.1333 17.8125 12.9608 18.0061Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/dark-filled.svg b/app/component-library/components/Icon/assets/dark-filled.svg
new file mode 100644
index 00000000000..a7fa6d0d4bb
--- /dev/null
+++ b/app/component-library/components/Icon/assets/dark-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.811 15.9299C21.651 15.6599 21.201 15.2399 20.081 15.4399C19.461 15.5499 18.831 15.5999 18.201 15.5699C15.871 15.4699 13.761 14.3999 12.291 12.7499C10.991 11.2999 10.191 9.40987 10.181 7.36987C10.181 6.22987 10.401 5.12987 10.851 4.08987C11.291 3.07987 10.981 2.54987 10.761 2.32987C10.531 2.09987 9.99096 1.77987 8.93096 2.21987C4.84096 3.93987 2.31096 8.03987 2.61096 12.4299C2.91096 16.5599 5.81096 20.0899 9.65096 21.4199C10.571 21.7399 11.541 21.9299 12.541 21.9699C12.701 21.9799 12.861 21.9899 13.021 21.9899C16.371 21.9899 19.511 20.4099 21.491 17.7199C22.161 16.7899 21.981 16.1999 21.811 15.9299Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/data-filled.svg b/app/component-library/components/Icon/assets/data-filled.svg
new file mode 100644
index 00000000000..8b632c2ba54
--- /dev/null
+++ b/app/component-library/components/Icon/assets/data-filled.svg
@@ -0,0 +1,7 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.2812 14.25C21.5239 14.25 22.5312 13.2426 22.5312 12C22.5312 10.7574 21.5239 9.75 20.2812 9.75C19.0386 9.75 18.0312 10.7574 18.0312 12C18.0312 13.2426 19.0386 14.25 20.2812 14.25Z" fill="currentColor"/>
+<path d="M20.2812 6.25C21.5239 6.25 22.5312 5.24264 22.5312 4C22.5312 2.75736 21.5239 1.75 20.2812 1.75C19.0386 1.75 18.0312 2.75736 18.0312 4C18.0312 5.24264 19.0386 6.25 20.2812 6.25Z" fill="currentColor"/>
+<path d="M20.2812 22.25C21.5239 22.25 22.5312 21.2426 22.5312 20C22.5312 18.7574 21.5239 17.75 20.2812 17.75C19.0386 17.75 18.0312 18.7574 18.0312 20C18.0312 21.2426 19.0386 22.25 20.2812 22.25Z" fill="currentColor"/>
+<path d="M4.28125 14.25C5.52389 14.25 6.53125 13.2426 6.53125 12C6.53125 10.7574 5.52389 9.75 4.28125 9.75C3.03861 9.75 2.03125 10.7574 2.03125 12C2.03125 13.2426 3.03861 14.25 4.28125 14.25Z" fill="currentColor"/>
+<path d="M19.2812 12.75C19.6912 12.75 20.0312 12.41 20.0312 12C20.0312 11.59 19.6912 11.25 19.2812 11.25H12.0312V7C12.0312 5.42 12.7013 4.75 14.2812 4.75H19.2812C19.6912 4.75 20.0312 4.41 20.0312 4C20.0312 3.59 19.6912 3.25 19.2812 3.25H14.2812C11.8612 3.25 10.5312 4.58 10.5312 7V11.25H5.28125C4.87125 11.25 4.53125 11.59 4.53125 12C4.53125 12.41 4.87125 12.75 5.28125 12.75H10.5312V17C10.5312 19.42 11.8612 20.75 14.2812 20.75H19.2812C19.6912 20.75 20.0312 20.41 20.0312 20C20.0312 19.59 19.6912 19.25 19.2812 19.25H14.2812C12.7013 19.25 12.0312 18.58 12.0312 17V12.75H19.2812Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/diagram-outline.svg b/app/component-library/components/Icon/assets/diagram-outline.svg
new file mode 100644
index 00000000000..bb63bda95fc
--- /dev/null
+++ b/app/component-library/components/Icon/assets/diagram-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.28125 2V19C2.28125 20.66 3.62125 22 5.28125 22H22.2812M5.28125 17L9.87125 11.64C10.6313 10.76 11.9813 10.7 12.8013 11.53L13.7513 12.48C14.5713 13.3 15.9212 13.25 16.6812 12.37L21.2812 7" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/document-code-filled.svg b/app/component-library/components/Icon/assets/document-code-filled.svg
new file mode 100644
index 00000000000..4520b70d509
--- /dev/null
+++ b/app/component-library/components/Icon/assets/document-code-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.2812 2H8.28125C4.78125 2 3.28125 4 3.28125 7V17C3.28125 20 4.78125 22 8.28125 22H16.2812C19.7812 22 21.2812 20 21.2812 17V7C21.2812 4 19.7812 2 16.2812 2ZM10.8112 16.47C11.1012 16.76 11.1012 17.24 10.8112 17.53C10.6612 17.68 10.4712 17.75 10.2812 17.75C10.0913 17.75 9.90125 17.68 9.75125 17.53L7.75125 15.53C7.46125 15.24 7.46125 14.76 7.75125 14.47L9.75125 12.47C10.0413 12.18 10.5212 12.18 10.8112 12.47C11.1012 12.76 11.1012 13.24 10.8112 13.53L9.34125 15L10.8112 16.47ZM16.8113 15.53L14.8112 17.53C14.6612 17.68 14.4712 17.75 14.2812 17.75C14.0913 17.75 13.9013 17.68 13.7513 17.53C13.4613 17.24 13.4613 16.76 13.7513 16.47L15.2212 15L13.7513 13.53C13.4613 13.24 13.4613 12.76 13.7513 12.47C14.0413 12.18 14.5212 12.18 14.8112 12.47L16.8113 14.47C17.1013 14.76 17.1013 15.24 16.8113 15.53ZM18.7812 9.25H16.7812C15.2613 9.25 14.0312 8.02 14.0312 6.5V4.5C14.0312 4.09 14.3713 3.75 14.7812 3.75C15.1912 3.75 15.5312 4.09 15.5312 4.5V6.5C15.5312 7.19 16.0913 7.75 16.7812 7.75H18.7812C19.1912 7.75 19.5312 8.09 19.5312 8.5C19.5312 8.91 19.1912 9.25 18.7812 9.25Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/edit-filled.svg b/app/component-library/components/Icon/assets/edit-filled.svg
new file mode 100644
index 00000000000..716ef614f91
--- /dev/null
+++ b/app/component-library/components/Icon/assets/edit-filled.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.2808 22H3.28076C2.87076 22 2.53076 21.66 2.53076 21.25C2.53076 20.84 2.87076 20.5 3.28076 20.5H21.2808C21.6908 20.5 22.0308 20.84 22.0308 21.25C22.0308 21.66 21.6908 22 21.2808 22Z" fill="currentColor"/>
+<path d="M19.3008 3.48016C17.3608 1.54016 15.4608 1.49016 13.4708 3.48016L12.2608 4.69016C12.1608 4.79016 12.1208 4.95016 12.1608 5.09016C12.9208 7.74016 15.0408 9.86016 17.6908 10.6202C17.7308 10.6302 17.7708 10.6402 17.8108 10.6402C17.9208 10.6402 18.0208 10.6002 18.1008 10.5202L19.3008 9.31016C20.2908 8.33016 20.7708 7.38016 20.7708 6.42016C20.7808 5.43016 20.3008 4.47016 19.3008 3.48016Z" fill="currentColor"/>
+<path d="M15.8911 11.5298C15.6011 11.3898 15.3211 11.2498 15.0511 11.0898C14.8311 10.9598 14.6211 10.8198 14.4111 10.6698C14.2411 10.5598 14.0411 10.3998 13.8511 10.2398C13.8311 10.2298 13.7611 10.1698 13.6811 10.0898C13.3511 9.8098 12.9811 9.4498 12.6511 9.0498C12.6211 9.0298 12.5711 8.9598 12.5011 8.8698C12.4011 8.7498 12.2311 8.5498 12.0811 8.3198C11.9611 8.1698 11.8211 7.9498 11.6911 7.7298C11.5311 7.4598 11.3911 7.1898 11.2511 6.9098C11.2299 6.86441 11.2094 6.81924 11.1895 6.77434C11.0419 6.44102 10.6073 6.34358 10.3496 6.60133L4.62108 12.3298C4.49108 12.4598 4.37108 12.7098 4.34108 12.8798L3.80108 16.7098C3.70108 17.3898 3.89108 18.0298 4.31108 18.4598C4.67108 18.8098 5.17108 18.9998 5.71108 18.9998C5.83108 18.9998 5.95108 18.9898 6.07108 18.9698L9.91108 18.4298C10.0911 18.3998 10.3411 18.2798 10.4611 18.1498L16.1824 12.4285C16.4419 12.1689 16.344 11.7235 16.0064 11.5794C15.9684 11.5632 15.93 11.5467 15.8911 11.5298Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/eraser-filled.svg b/app/component-library/components/Icon/assets/eraser-filled.svg
new file mode 100644
index 00000000000..4c8956c597f
--- /dev/null
+++ b/app/component-library/components/Icon/assets/eraser-filled.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.3108 22H14.2708C13.8508 22 13.5208 21.66 13.5208 21.25C13.5208 20.84 13.8608 20.5 14.2708 20.5H21.3108C21.7308 20.5 22.0608 20.84 22.0608 21.25C22.0608 21.66 21.7308 22 21.3108 22Z" fill="currentColor"/>
+<path d="M13.9208 16.6899C14.3108 17.0799 14.3108 17.7099 13.9208 18.1099L10.9408 21.0899C9.83076 22.1999 8.05076 22.2599 6.87076 21.2699C6.80076 21.2099 6.74076 21.1499 6.68076 21.0899L3.16076 17.5699C3.09076 17.4999 3.03076 17.4299 2.97076 17.3599C1.99076 16.1799 2.06076 14.4199 3.16076 13.3199L6.14076 10.3399C6.53076 9.94986 7.16076 9.94986 7.55076 10.3399L13.9208 16.6899Z" fill="currentColor"/>
+<path d="M21.4009 10.6399L16.4009 15.6399C16.0109 16.0299 15.3809 16.0299 14.9909 15.6399L8.62087 9.28994C8.23087 8.89994 8.23087 8.26994 8.62087 7.86994L13.6209 2.87994C14.7909 1.70994 16.7109 1.70994 17.8809 2.87994L21.4009 6.38994C22.5709 7.55994 22.5709 9.46994 21.4009 10.6399Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/expand-outline.svg b/app/component-library/components/Icon/assets/expand-outline.svg
new file mode 100644
index 00000000000..37fa57c24f3
--- /dev/null
+++ b/app/component-library/components/Icon/assets/expand-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.2808 9V3M21.2808 3H15.2808M21.2808 3L13.7808 10.5M3.28076 15V21M3.28076 21H9.28076M3.28076 21L10.7808 13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/explore-filled.svg b/app/component-library/components/Icon/assets/explore-filled.svg
new file mode 100644
index 00000000000..ad645e8f21e
--- /dev/null
+++ b/app/component-library/components/Icon/assets/explore-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2808 22C17.8036 22 22.2808 17.5228 22.2808 12C22.2808 6.47717 17.8036 2 12.2808 2C6.75792 2 2.28076 6.47717 2.28076 12C2.28076 17.5228 6.75792 22 12.2808 22ZM16.265 5.07483C17.0982 4.86487 17.9595 5.10291 18.5687 5.71191C19.1779 6.31409 19.416 7.17517 19.2059 8.0083L17.4904 14.8763C17.2033 16.0315 16.307 16.9207 15.1586 17.2078L8.28954 18.923C8.09348 18.979 7.89041 19 7.69435 19C7.06416 19 6.45497 18.7479 5.99283 18.2928C5.38364 17.6838 5.14557 16.8226 5.35564 15.9895L7.07117 9.12146C7.35825 7.97327 8.24753 7.07715 9.40288 6.79016L16.265 5.07483ZM9.56393 11.9989C9.56393 13.4972 10.7823 14.7153 12.2808 14.7153C13.7792 14.7153 14.9976 13.4972 14.9976 11.9989C14.9976 10.5007 13.7792 9.28247 12.2808 9.28247C10.7823 9.28247 9.56393 10.5007 9.56393 11.9989Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/export-outline.svg b/app/component-library/components/Icon/assets/export-outline.svg
new file mode 100644
index 00000000000..4eebb99e27d
--- /dev/null
+++ b/app/component-library/components/Icon/assets/export-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.2808 10.9998L21.4808 2.7998M22.281 6.8V2H17.481M11.2808 2H9.28076C4.28076 2 2.28076 4 2.28076 9V15C2.28076 20 4.28076 22 9.28076 22H15.2808C20.2808 22 22.2808 20 22.2808 15V13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/eye-filled.svg b/app/component-library/components/Icon/assets/eye-filled.svg
new file mode 100644
index 00000000000..b9036cb2121
--- /dev/null
+++ b/app/component-library/components/Icon/assets/eye-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.5308 9.15018C19.2208 5.52017 15.8408 3.43018 12.2808 3.43018C10.5008 3.43018 8.77076 3.95018 7.19076 4.92018C5.61076 5.90018 4.19076 7.33017 3.03076 9.15018C2.03076 10.7202 2.03076 13.2702 3.03076 14.8402C5.34076 18.4802 8.72076 20.5602 12.2808 20.5602C14.0608 20.5602 15.7908 20.0402 17.3708 19.0702C18.9508 18.0902 20.3708 16.6602 21.5308 14.8402C22.5308 13.2802 22.5308 10.7202 21.5308 9.15018ZM12.2808 16.0402C10.0408 16.0402 8.24076 14.2302 8.24076 12.0002C8.24076 9.77018 10.0408 7.96018 12.2808 7.96018C14.5208 7.96018 16.3208 9.77018 16.3208 12.0002C16.3208 14.2302 14.5208 16.0402 12.2808 16.0402Z" fill="currentColor"/>
+<path d="M12.2807 9.14014C10.7107 9.14014 9.43066 10.4201 9.43066 12.0001C9.43066 13.5701 10.7107 14.8501 12.2807 14.8501C13.8507 14.8501 15.1407 13.5701 15.1407 12.0001C15.1407 10.4301 13.8507 9.14014 12.2807 9.14014Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/eye-slash-filled.svg b/app/component-library/components/Icon/assets/eye-slash-filled.svg
new file mode 100644
index 00000000000..05d7c35bde3
--- /dev/null
+++ b/app/component-library/components/Icon/assets/eye-slash-filled.svg
@@ -0,0 +1,7 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.5507 9.17981C21.2607 8.71981 20.9507 8.28981 20.6307 7.88981C20.2607 7.41981 19.5607 7.37981 19.1407 7.79981L16.1407 10.7998C16.3607 11.4598 16.4007 12.2198 16.2007 13.0098C15.8507 14.4198 14.7107 15.5598 13.3007 15.9098C12.5107 16.1098 11.7507 16.0698 11.0907 15.8498C11.0907 15.8498 9.66071 17.2798 8.63071 18.3098C8.13071 18.8098 8.29071 19.6898 8.96071 19.9498C10.0307 20.3598 11.1407 20.5698 12.2807 20.5698C14.0607 20.5698 15.7907 20.0498 17.3707 19.0798C18.9807 18.0798 20.4307 16.6098 21.6007 14.7398C22.5507 13.2298 22.5007 10.6898 21.5507 9.17981Z" fill="currentColor"/>
+<path d="M14.3009 9.98014L10.2609 14.0201C9.7509 13.5001 9.4209 12.7801 9.4209 12.0001C9.4209 10.4301 10.7009 9.14014 12.2809 9.14014C13.0609 9.14014 13.7809 9.47014 14.3009 9.98014Z" fill="currentColor"/>
+<path d="M18.5308 5.75018L15.1408 9.14018C14.4108 8.40018 13.4008 7.96018 12.2808 7.96018C10.0408 7.96018 8.24076 9.77018 8.24076 12.0002C8.24076 13.1202 8.69076 14.1302 9.42076 14.8602L6.04076 18.2502H6.03076C4.92076 17.3502 3.90076 16.2002 3.03076 14.8402C2.03076 13.2702 2.03076 10.7202 3.03076 9.15018C4.19076 7.33017 5.61076 5.90018 7.19076 4.92018C8.77076 3.96018 10.5008 3.43018 12.2808 3.43018C14.5108 3.43018 16.6708 4.25018 18.5308 5.75018Z" fill="currentColor"/>
+<path d="M15.1408 12C15.1408 13.57 13.8608 14.86 12.2808 14.86C12.2208 14.86 12.1708 14.86 12.1108 14.84L15.1208 11.83C15.1408 11.89 15.1408 11.94 15.1408 12Z" fill="currentColor"/>
+<path d="M22.0506 2.22988C21.7506 1.92988 21.2606 1.92988 20.9606 2.22988L2.51064 20.6899C2.21064 20.9899 2.21064 21.4799 2.51064 21.7799C2.66064 21.9199 2.85064 21.9999 3.05064 21.9999C3.25064 21.9999 3.44064 21.9199 3.59064 21.7699L22.0506 3.30988C22.3606 3.00988 22.3606 2.52988 22.0506 2.22988Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/filter-outline.svg b/app/component-library/components/Icon/assets/filter-outline.svg
new file mode 100644
index 00000000000..fa9e5da635d
--- /dev/null
+++ b/app/component-library/components/Icon/assets/filter-outline.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.2812 7.75H3.28125C2.87125 7.75 2.53125 7.41 2.53125 7C2.53125 6.59 2.87125 6.25 3.28125 6.25H21.2812C21.6912 6.25 22.0312 6.59 22.0312 7C22.0312 7.41 21.6912 7.75 21.2812 7.75Z" fill="currentColor"/>
+<path d="M18.2812 12.75H6.28125C5.87125 12.75 5.53125 12.41 5.53125 12C5.53125 11.59 5.87125 11.25 6.28125 11.25H18.2812C18.6912 11.25 19.0312 11.59 19.0312 12C19.0312 12.41 18.6912 12.75 18.2812 12.75Z" fill="currentColor"/>
+<path d="M14.2812 17.75H10.2812C9.87125 17.75 9.53125 17.41 9.53125 17C9.53125 16.59 9.87125 16.25 10.2812 16.25H14.2812C14.6912 16.25 15.0312 16.59 15.0312 17C15.0312 17.41 14.6912 17.75 14.2812 17.75Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/flag-filled.svg b/app/component-library/components/Icon/assets/flag-filled.svg
new file mode 100644
index 00000000000..63d1d11bed0
--- /dev/null
+++ b/app/component-library/components/Icon/assets/flag-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.4814 7.16L7.48145 3.7V2.75C7.48145 2.34 7.14145 2 6.73145 2C6.32145 2 5.98145 2.34 5.98145 2.75V21.25C5.98145 21.66 6.32145 22 6.73145 22C7.14145 22 7.48145 21.66 7.48145 21.25V17.29L15.7014 13.23C15.7014 13.23 15.7014 13.23 15.7114 13.23C17.3714 12.37 18.2614 11.26 18.2114 10.09C18.1614 8.92 17.1914 7.88 15.4814 7.16Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/flash-filled.svg b/app/component-library/components/Icon/assets/flash-filled.svg
new file mode 100644
index 00000000000..89a76027789
--- /dev/null
+++ b/app/component-library/components/Icon/assets/flash-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.1917 10.7199H15.1017V3.5199C15.1017 1.8399 14.1917 1.4999 13.0817 2.7599L12.2817 3.6699L5.51175 11.3699C4.58175 12.4199 4.97175 13.2799 6.37175 13.2799H9.46175V20.4799C9.46175 22.1599 10.3717 22.4999 11.4817 21.2399L12.2817 20.3299L19.0518 12.6299C19.9818 11.5799 19.5917 10.7199 18.1917 10.7199Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/flash-slash-filled.svg b/app/component-library/components/Icon/assets/flash-slash-filled.svg
new file mode 100644
index 00000000000..14bbc4fde67
--- /dev/null
+++ b/app/component-library/components/Icon/assets/flash-slash-filled.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.0511 2.23002C21.7511 1.93002 21.2611 1.93002 20.9611 2.23002L2.51113 20.69C2.21113 20.99 2.21113 21.48 2.51113 21.78C2.66113 21.92 2.85113 22 3.05113 22C3.25113 22 3.44113 21.92 3.59113 21.77L22.0511 3.31002C22.3611 3.01002 22.3611 2.53002 22.0511 2.23002Z" fill="currentColor"/>
+<path d="M15.1011 3.52002V9.18002L9.46113 14.82V13.28H6.37113C4.97113 13.28 4.58113 12.42 5.51113 11.37L13.0811 2.76002C14.1911 1.50002 15.1011 1.84002 15.1011 3.52002Z" fill="currentColor"/>
+<path d="M19.0511 12.63L11.4811 21.24C10.3711 22.5 9.46113 22.16 9.46113 20.48V17.82L16.5611 10.72H18.1911C19.5911 10.72 19.9811 11.58 19.0511 12.63Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/full-circle-filled.svg b/app/component-library/components/Icon/assets/full-circle-filled.svg
new file mode 100644
index 00000000000..b3b60c30e03
--- /dev/null
+++ b/app/component-library/components/Icon/assets/full-circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/gas-filled.svg b/app/component-library/components/Icon/assets/gas-filled.svg
new file mode 100644
index 00000000000..9149dac3022
--- /dev/null
+++ b/app/component-library/components/Icon/assets/gas-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.6208 9.33L20.6208 8.33C20.2508 8.15 19.7908 8.29 19.6108 8.66C19.4208 9.04 19.5708 9.49 19.9408 9.67L21.5308 10.46V15.25L17.7808 15.26V5C17.7808 3 16.4408 2 14.7808 2H6.78076C5.12076 2 3.78076 3 3.78076 5V21.25H2.28076C1.87076 21.25 1.53076 21.59 1.53076 22C1.53076 22.41 1.87076 22.75 2.28076 22.75H19.2808C19.6908 22.75 20.0308 22.41 20.0308 22C20.0308 21.59 19.6908 21.25 19.2808 21.25H17.7808V16.76L22.2808 16.75C22.7008 16.75 23.0308 16.41 23.0308 16V10C23.0308 9.72 22.8708 9.46 22.6208 9.33ZM6.28076 6.89C6.28076 5.5 7.13076 5 8.17076 5H13.4008C14.4308 5 15.2808 5.5 15.2808 6.89V8.12C15.2808 9.5 14.4308 10 13.3908 10H8.17076C7.13076 10 6.28076 9.5 6.28076 8.11V6.89ZM6.78076 12.25H9.78076C10.1908 12.25 10.5308 12.59 10.5308 13C10.5308 13.41 10.1908 13.75 9.78076 13.75H6.78076C6.37076 13.75 6.03076 13.41 6.03076 13C6.03076 12.59 6.37076 12.25 6.78076 12.25Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/global-filled.svg b/app/component-library/components/Icon/assets/global-filled.svg
new file mode 100644
index 00000000000..63804fd1ee0
--- /dev/null
+++ b/app/component-library/components/Icon/assets/global-filled.svg
@@ -0,0 +1,11 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.93082 20.9098C7.90082 20.9098 7.86082 20.9298 7.83082 20.9298C5.89082 19.9698 4.31082 18.3798 3.34082 16.4398C3.34082 16.4098 3.36082 16.3698 3.36082 16.3398C4.58082 16.6998 5.84082 16.9698 7.09082 17.1798C7.31082 18.4398 7.57082 19.6898 7.93082 20.9098Z" fill="currentColor"/>
+<path d="M21.2208 16.4498C20.2308 18.4398 18.5808 20.0498 16.5708 21.0198C16.9508 19.7498 17.2708 18.4698 17.4808 17.1798C18.7408 16.9698 19.9808 16.6998 21.2008 16.3398C21.1908 16.3798 21.2208 16.4198 21.2208 16.4498Z" fill="currentColor"/>
+<path d="M21.3008 7.71C20.0408 7.33 18.7708 7.02 17.4808 6.8C17.2708 5.51 16.9608 4.23 16.5708 2.98C18.6408 3.97 20.3108 5.64 21.3008 7.71Z" fill="currentColor"/>
+<path d="M7.93076 3.09C7.57076 4.31 7.31076 5.55 7.10076 6.81C5.81076 7.01 4.53076 7.33 3.26076 7.71C4.23076 5.7 5.84076 4.05 7.83076 3.06C7.86076 3.06 7.90076 3.09 7.93076 3.09Z" fill="currentColor"/>
+<path d="M15.7708 6.59C13.4508 6.33 11.1108 6.33 8.79076 6.59C9.04076 5.22 9.36076 3.85 9.81076 2.53C9.83076 2.45 9.82076 2.39 9.83076 2.31C10.6208 2.12 11.4308 2 12.2808 2C13.1208 2 13.9408 2.12 14.7208 2.31C14.7308 2.39 14.7308 2.45 14.7508 2.53C15.2008 3.86 15.5208 5.22 15.7708 6.59Z" fill="currentColor"/>
+<path d="M6.87076 15.4898C5.49076 15.2398 4.13076 14.9198 2.81076 14.4698C2.73076 14.4498 2.67076 14.4598 2.59076 14.4498C2.40076 13.6598 2.28076 12.8498 2.28076 11.9998C2.28076 11.1598 2.40076 10.3398 2.59076 9.55977C2.67076 9.54977 2.73076 9.54977 2.81076 9.52977C4.14076 9.08977 5.49076 8.75977 6.87076 8.50977C6.62076 10.8298 6.62076 13.1698 6.87076 15.4898Z" fill="currentColor"/>
+<path d="M22.2809 11.9998C22.2809 12.8498 22.1609 13.6598 21.9709 14.4498C21.8909 14.4598 21.8309 14.4498 21.7509 14.4698C20.4209 14.9098 19.0609 15.2398 17.6909 15.4898C17.9509 13.1698 17.9509 10.8298 17.6909 8.50977C19.0609 8.75977 20.4309 9.07977 21.7509 9.52977C21.8309 9.54977 21.8909 9.55977 21.9709 9.55977C22.1609 10.3498 22.2809 11.1598 22.2809 11.9998Z" fill="currentColor"/>
+<path d="M15.7705 17.4102C15.5205 18.7902 15.2005 20.1502 14.7505 21.4702C14.7305 21.5502 14.7305 21.6102 14.7205 21.6902C13.9405 21.8802 13.1205 22.0002 12.2805 22.0002C11.4305 22.0002 10.6205 21.8802 9.83053 21.6902C9.82053 21.6102 9.83053 21.5502 9.81053 21.4702C9.37053 20.1402 9.04053 18.7902 8.79053 17.4102C9.95053 17.5402 11.1105 17.6302 12.2805 17.6302C13.4505 17.6302 14.6205 17.5402 15.7705 17.4102Z" fill="currentColor"/>
+<path d="M16.0441 15.7633C13.543 16.0789 11.0185 16.0789 8.51743 15.7633C8.20187 13.2622 8.20187 10.7378 8.51743 8.23667C11.0185 7.92111 13.543 7.92111 16.0441 8.23667C16.3597 10.7378 16.3597 13.2622 16.0441 15.7633Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/global-search-filled.svg b/app/component-library/components/Icon/assets/global-search-filled.svg
new file mode 100644
index 00000000000..3de2d5a9555
--- /dev/null
+++ b/app/component-library/components/Icon/assets/global-search-filled.svg
@@ -0,0 +1,11 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.0819 20.8202L21.3962 20.1344C21.7486 19.601 21.9581 18.9534 21.9581 18.2676C21.9581 16.3818 20.4342 14.8579 18.5484 14.8579C16.6626 14.8579 15.1387 16.3818 15.1387 18.2676C15.1387 20.1534 16.6626 21.6773 18.5484 21.6773C19.2437 21.6773 19.8818 21.4678 20.4152 21.1154L21.1009 21.8012C21.2343 21.9345 21.4152 22.0012 21.5867 22.0012C21.7676 22.0012 21.9391 21.9345 22.0724 21.8012C22.3486 21.525 22.3486 21.0868 22.0819 20.8202Z" fill="currentColor"/>
+<path d="M3.26155 14.9816C3.26155 15.0102 3.2425 15.0483 3.2425 15.0768C4.11874 16.8293 5.5474 18.2675 7.29988 19.1342C7.32845 19.1342 7.36655 19.1152 7.39512 19.1152C7.0713 18.0104 6.82366 16.877 6.6427 15.7436C5.49977 15.5531 4.36638 15.3054 3.26155 14.9816Z" fill="currentColor"/>
+<path d="M19.4913 7.17173C18.596 5.29543 17.0816 3.78106 15.2149 2.89529C15.5577 4.02869 15.8435 5.19066 16.0339 6.35264C17.1959 6.54312 18.3579 6.81933 19.4913 7.17173Z" fill="currentColor"/>
+<path d="M3.16653 7.17173C4.30945 6.82885 5.47143 6.54312 6.6334 6.35264C6.82389 5.21924 7.06199 4.09536 7.38582 2.99053C7.35725 2.99053 7.31915 2.97149 7.29058 2.97149C5.5 3.85725 4.04277 5.35258 3.16653 7.17173Z" fill="currentColor"/>
+<path d="M14.491 6.15262C14.2624 4.91446 13.9767 3.67629 13.5671 2.47622C13.5481 2.40955 13.5481 2.3524 13.5386 2.27621C12.8338 2.10477 12.0909 2 11.3289 2C10.5574 2 9.82406 2.10477 9.10973 2.28573C9.10021 2.3524 9.10973 2.40955 9.09068 2.48574C8.69066 3.68581 8.39541 4.91446 8.16682 6.15262C10.2717 5.92404 12.3861 5.92404 14.491 6.15262Z" fill="currentColor"/>
+<path d="M6.43339 7.88623C5.18569 8.11481 3.96657 8.41007 2.75698 8.81009C2.69031 8.82914 2.63316 8.82914 2.56649 8.83866C2.38553 9.54347 2.28076 10.2864 2.28076 11.0483C2.28076 11.8198 2.38553 12.5532 2.56649 13.2675C2.63316 13.277 2.69031 13.2675 2.7665 13.2865C3.96657 13.6866 5.19522 13.9818 6.44291 14.2104C6.2048 12.1055 6.2048 9.99111 6.43339 7.88623Z" fill="currentColor"/>
+<path d="M20.0912 8.83866C20.0245 8.83866 19.9674 8.82914 19.8912 8.81009C18.6911 8.41007 17.453 8.11481 16.2148 7.88623C16.4529 9.99111 16.4529 12.1055 16.2148 14.2009C17.453 13.9723 18.6911 13.6866 19.8912 13.277C19.9579 13.258 20.015 13.2675 20.0912 13.258C20.2627 12.5436 20.3769 11.8103 20.3769 11.0388C20.3769 10.2864 20.2722 9.55299 20.0912 8.83866Z" fill="currentColor"/>
+<path d="M8.16652 15.9436C8.39511 17.1913 8.68084 18.4199 9.09039 19.62C9.10944 19.6866 9.09991 19.7438 9.10944 19.82C9.82376 19.9914 10.5571 20.0962 11.3286 20.0962C12.0906 20.0962 12.8335 19.9914 13.5383 19.8105C13.5478 19.7438 13.5478 19.6866 13.5668 19.6104C13.9669 18.4104 14.2621 17.1817 14.4907 15.934C13.443 16.0483 12.3858 16.1341 11.3286 16.1341C10.2714 16.1341 9.2142 16.0579 8.16652 15.9436Z" fill="currentColor"/>
+<path d="M7.94776 7.667C7.66203 9.91475 7.66203 12.1815 7.94776 14.4388C10.1955 14.7246 12.4623 14.7246 14.7196 14.4388C15.0053 12.1911 15.0053 9.92427 14.7196 7.667C12.4623 7.38127 10.1955 7.38127 7.94776 7.667Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/graph-filled.svg b/app/component-library/components/Icon/assets/graph-filled.svg
new file mode 100644
index 00000000000..7c7ab0d4c1f
--- /dev/null
+++ b/app/component-library/components/Icon/assets/graph-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.9509 6.9499C21.3109 4.7799 19.5009 2.9699 17.3309 2.3299C15.6809 1.8499 14.5409 1.8899 13.7509 2.4799C12.8009 3.1899 12.6909 4.4699 12.6909 5.3799V7.8699C12.6909 10.3299 13.8109 11.5799 16.0109 11.5799H18.8809C19.7809 11.5799 21.0709 11.4699 21.7809 10.5199C22.3909 9.7399 22.4409 8.5999 21.9509 6.9499Z" fill="currentColor"/>
+<path d="M19.1907 13.3601C18.9307 13.0601 18.5507 12.8902 18.1607 12.8902H14.5807C12.8207 12.8902 11.3907 11.4601 11.3907 9.70015V6.12015C11.3907 5.73015 11.2207 5.35015 10.9207 5.09015C10.6307 4.83015 10.2307 4.71015 9.85066 4.76015C7.50066 5.06015 5.34066 6.35015 3.93066 8.29015C2.51066 10.2402 1.99066 12.6201 2.44066 15.0001C3.09066 18.4401 5.84066 21.1902 9.29066 21.8402C9.84066 21.9502 10.3907 22.0002 10.9407 22.0002C12.7507 22.0002 14.5007 21.4402 15.9907 20.3502C17.9307 18.9402 19.2207 16.7801 19.5207 14.4302C19.5707 14.0401 19.4507 13.6501 19.1907 13.3601Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/heart-filled.svg b/app/component-library/components/Icon/assets/heart-filled.svg
new file mode 100644
index 00000000000..399e9d7f70f
--- /dev/null
+++ b/app/component-library/components/Icon/assets/heart-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.7208 3.10001C14.9108 3.10001 13.2908 3.98001 12.2808 5.33001C11.2708 3.98001 9.65076 3.10001 7.84076 3.10001C4.77076 3.10001 2.28076 5.60001 2.28076 8.69001C2.28076 9.88001 2.47076 10.98 2.80076 12C4.38076 17 9.25076 19.99 11.6608 20.81C12.0008 20.93 12.5608 20.93 12.9008 20.81C15.3108 19.99 20.1808 17 21.7608 12C22.0908 10.98 22.2808 9.88001 22.2808 8.69001C22.2808 5.60001 19.7908 3.10001 16.7208 3.10001Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/hierarchy-filled.svg b/app/component-library/components/Icon/assets/hierarchy-filled.svg
new file mode 100644
index 00000000000..8ce59f6f786
--- /dev/null
+++ b/app/component-library/components/Icon/assets/hierarchy-filled.svg
@@ -0,0 +1,6 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.28125 8C6.9381 8 8.28125 6.65685 8.28125 5C8.28125 3.34315 6.9381 2 5.28125 2C3.6244 2 2.28125 3.34315 2.28125 5C2.28125 6.65685 3.6244 8 5.28125 8Z" fill="currentColor"/>
+<path d="M19.2812 15C20.9381 15 22.2812 13.6569 22.2812 12C22.2812 10.3431 20.9381 9 19.2812 9C17.6244 9 16.2812 10.3431 16.2812 12C16.2812 13.6569 17.6244 15 19.2812 15Z" fill="currentColor"/>
+<path d="M5.28125 22C6.9381 22 8.28125 20.6569 8.28125 19C8.28125 17.3431 6.9381 16 5.28125 16C3.6244 16 2.28125 17.3431 2.28125 19C2.28125 20.6569 3.6244 22 5.28125 22Z" fill="currentColor"/>
+<path d="M5.28125 16.75C4.87125 16.75 4.53125 16.41 4.53125 16V8C4.53125 7.59 4.87125 7.25 5.28125 7.25C5.69125 7.25 6.03125 7.59 6.03125 8C6.03125 10.19 7.09125 11.25 9.28125 11.25H16.2812C16.6912 11.25 17.0312 11.59 17.0312 12C17.0312 12.41 16.6912 12.75 16.2812 12.75H9.28125C7.92125 12.75 6.83125 12.4 6.03125 11.74V16C6.03125 16.41 5.69125 16.75 5.28125 16.75Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/home-filled.svg b/app/component-library/components/Icon/assets/home-filled.svg
new file mode 100644
index 00000000000..115dab40698
--- /dev/null
+++ b/app/component-library/components/Icon/assets/home-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.3127 6.81969L14.5585 2.78969C12.9901 1.68969 10.5825 1.74969 9.07397 2.91969L4.06897 6.82969C3.06997 7.60969 2.28076 9.20969 2.28076 10.4697V17.3697C2.28076 19.9197 4.34869 21.9997 6.89615 21.9997H17.6654C20.2128 21.9997 22.2808 19.9297 22.2808 17.3797V10.5997C22.2808 9.24969 21.4116 7.58969 20.3127 6.81969ZM13.03 17.9997C13.03 18.4097 12.6904 18.7497 12.2808 18.7497C11.8712 18.7497 11.5315 18.4097 11.5315 17.9997V14.9997C11.5315 14.5897 11.8712 14.2497 12.2808 14.2497C12.6904 14.2497 13.03 14.5897 13.03 14.9997V17.9997Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/import-outline.svg b/app/component-library/components/Icon/assets/import-outline.svg
new file mode 100644
index 00000000000..7648ea9a9b3
--- /dev/null
+++ b/app/component-library/components/Icon/assets/import-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.2806 2L14.0806 10.2M13.2808 6.17V11H18.1108M11.2808 2H9.28076C4.28076 2 2.28076 4 2.28076 9V15C2.28076 20 4.28076 22 9.28076 22H15.2808C20.2808 22 22.2808 20 22.2808 15V13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/info-filled.svg b/app/component-library/components/Icon/assets/info-filled.svg
new file mode 100644
index 00000000000..2def03ae9ce
--- /dev/null
+++ b/app/component-library/components/Icon/assets/info-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2808 2C10.303 2 8.36955 2.58649 6.72506 3.6853C5.08057 4.78412 3.79885 6.3459 3.04197 8.17316C2.28509 10.0004 2.08706 12.0111 2.47291 13.9509C2.85877 15.8907 3.81117 17.6725 5.2097 19.0711C6.60822 20.4696 8.39005 21.422 10.3299 21.8078C12.2697 22.1937 14.2803 21.9957 16.1076 21.2388C17.9349 20.4819 19.4966 19.2002 20.5955 17.5557C21.6943 15.9112 22.2808 13.9778 22.2808 12C22.2757 9.3494 21.2205 6.80881 19.3462 4.93455C17.472 3.06028 14.9314 2.00508 12.2808 2ZM12.0885 6.61538C12.3167 6.61538 12.5397 6.68306 12.7295 6.80984C12.9192 6.93663 13.0671 7.11683 13.1545 7.32767C13.2418 7.53851 13.2647 7.77051 13.2201 7.99433C13.1756 8.21816 13.0657 8.42375 12.9043 8.58512C12.743 8.74649 12.5374 8.85638 12.3136 8.9009C12.0897 8.94543 11.8577 8.92258 11.6469 8.83524C11.4361 8.74791 11.2559 8.60002 11.1291 8.41027C11.0023 8.22052 10.9346 7.99744 10.9346 7.76923C10.9346 7.46321 11.0562 7.16973 11.2726 6.95334C11.489 6.73695 11.7824 6.61538 12.0885 6.61538ZM13.05 17.3846H12.2808C12.0768 17.3846 11.8811 17.3036 11.7368 17.1593C11.5926 17.0151 11.5115 16.8194 11.5115 16.6154V12C11.3075 12 11.1119 11.919 10.9676 11.7747C10.8233 11.6304 10.7423 11.4348 10.7423 11.2308C10.7423 11.0268 10.8233 10.8311 10.9676 10.6868C11.1119 10.5426 11.3075 10.4615 11.5115 10.4615H12.2808C12.4848 10.4615 12.6804 10.5426 12.8247 10.6868C12.969 10.8311 13.05 11.0268 13.05 11.2308V15.8462C13.254 15.8462 13.4497 15.9272 13.5939 16.0715C13.7382 16.2157 13.8192 16.4114 13.8192 16.6154C13.8192 16.8194 13.7382 17.0151 13.5939 17.1593C13.4497 17.3036 13.254 17.3846 13.05 17.3846Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/key-filled.svg b/app/component-library/components/Icon/assets/key-filled.svg
new file mode 100644
index 00000000000..882ad8ccf83
--- /dev/null
+++ b/app/component-library/components/Icon/assets/key-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.0709 4.21982C17.1109 1.26982 12.3109 1.26982 9.37091 4.21982C7.30091 6.26982 6.68091 9.21982 7.48091 11.8198L2.78091 16.5198C2.45091 16.8598 2.22091 17.5298 2.29091 18.0098L2.59091 20.1898C2.70091 20.9098 3.37091 21.5898 4.09091 21.6898L6.27091 21.9898C6.75091 22.0598 7.42091 21.8398 7.76091 21.4898L8.58091 20.6698C8.78091 20.4798 8.78091 20.1598 8.58091 19.9598L6.64091 18.0198C6.35091 17.7298 6.35091 17.2498 6.64091 16.9598C6.93091 16.6698 7.41091 16.6698 7.70091 16.9598L9.65091 18.9098C9.84091 19.0998 10.1609 19.0998 10.3509 18.9098L12.4709 16.7998C15.0609 17.6098 18.0109 16.9798 20.0709 14.9298C23.0209 11.9798 23.0209 7.16982 20.0709 4.21982ZM14.7809 11.9998C13.4009 11.9998 12.2809 10.8798 12.2809 9.49982C12.2809 8.11982 13.4009 6.99982 14.7809 6.99982C16.1609 6.99982 17.2809 8.11982 17.2809 9.49982C17.2809 10.8798 16.1609 11.9998 14.7809 11.9998Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/light-filled.svg b/app/component-library/components/Icon/assets/light-filled.svg
new file mode 100644
index 00000000000..c9c84cc99b0
--- /dev/null
+++ b/app/component-library/components/Icon/assets/light-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2808 19C16.1468 19 19.2808 15.866 19.2808 12C19.2808 8.13401 16.1468 5 12.2808 5C8.41477 5 5.28076 8.13401 5.28076 12C5.28076 15.866 8.41477 19 12.2808 19Z" fill="currentColor"/>
+<path d="M12.2808 22.96C11.7308 22.96 11.2808 22.55 11.2808 22V21.92C11.2808 21.37 11.7308 20.92 12.2808 20.92C12.8308 20.92 13.2808 21.37 13.2808 21.92C13.2808 22.47 12.8308 22.96 12.2808 22.96ZM19.4208 20.14C19.1608 20.14 18.9108 20.04 18.7108 19.85L18.5808 19.72C18.1908 19.33 18.1908 18.7 18.5808 18.31C18.9708 17.92 19.6008 17.92 19.9908 18.31L20.1208 18.44C20.5108 18.83 20.5108 19.46 20.1208 19.85C19.9308 20.04 19.6808 20.14 19.4208 20.14ZM5.14076 20.14C4.88076 20.14 4.63076 20.04 4.43076 19.85C4.04076 19.46 4.04076 18.83 4.43076 18.44L4.56076 18.31C4.95076 17.92 5.58076 17.92 5.97076 18.31C6.36076 18.7 6.36076 19.33 5.97076 19.72L5.84076 19.85C5.65076 20.04 5.39076 20.14 5.14076 20.14ZM22.2808 13H22.2008C21.6508 13 21.2008 12.55 21.2008 12C21.2008 11.45 21.6508 11 22.2008 11C22.7508 11 23.2408 11.45 23.2408 12C23.2408 12.55 22.8308 13 22.2808 13ZM2.36076 13H2.28076C1.73076 13 1.28076 12.55 1.28076 12C1.28076 11.45 1.73076 11 2.28076 11C2.83076 11 3.32076 11.45 3.32076 12C3.32076 12.55 2.91076 13 2.36076 13ZM19.2908 5.99C19.0308 5.99 18.7808 5.89 18.5808 5.7C18.1908 5.31 18.1908 4.68 18.5808 4.29L18.7108 4.16C19.1008 3.77 19.7308 3.77 20.1208 4.16C20.5108 4.55 20.5108 5.18 20.1208 5.57L19.9908 5.7C19.8008 5.89 19.5508 5.99 19.2908 5.99ZM5.27076 5.99C5.01076 5.99 4.76076 5.89 4.56076 5.7L4.43076 5.56C4.04076 5.17 4.04076 4.54 4.43076 4.15C4.82076 3.76 5.45076 3.76 5.84076 4.15L5.97076 4.28C6.36076 4.67 6.36076 5.3 5.97076 5.69C5.78076 5.89 5.52076 5.99 5.27076 5.99ZM12.2808 3.04C11.7308 3.04 11.2808 2.63 11.2808 2.08V2C11.2808 1.45 11.7308 1 12.2808 1C12.8308 1 13.2808 1.45 13.2808 2C13.2808 2.55 12.8308 3.04 12.2808 3.04Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/link-2-outline.svg b/app/component-library/components/Icon/assets/link-2-outline.svg
new file mode 100644
index 00000000000..6b81ed881db
--- /dev/null
+++ b/app/component-library/components/Icon/assets/link-2-outline.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.27045 21.5001C7.61045 21.5001 5.94045 20.8701 4.67045 19.6001C2.14045 17.0601 2.14045 12.9401 4.67045 10.4101C4.96045 10.1201 5.44045 10.1201 5.73045 10.4101C6.02045 10.7001 6.02045 11.1801 5.73045 11.4701C3.78045 13.4201 3.78045 16.5901 5.73045 18.5401C7.68045 20.4901 10.8504 20.4901 12.8004 18.5401C13.7404 17.6001 14.2604 16.3401 14.2604 15.0001C14.2604 13.6701 13.7404 12.4101 12.8004 11.4601C12.5104 11.1701 12.5104 10.6901 12.8004 10.4001C13.0904 10.1101 13.5704 10.1101 13.8604 10.4001C15.0904 11.6301 15.7604 13.2601 15.7604 15.0001C15.7604 16.7401 15.0804 18.3701 13.8604 19.6001C12.6004 20.8701 10.9404 21.5001 9.27045 21.5001Z" fill="currentColor"/>
+<path d="M19.3508 14.1602C19.1608 14.1602 18.9708 14.0902 18.8208 13.9402C18.5308 13.6502 18.5308 13.1702 18.8208 12.8802C20.8708 10.8302 20.8708 7.50023 18.8208 5.46023C16.7708 3.41023 13.4408 3.41023 11.4008 5.46023C10.4108 6.45023 9.86084 7.77023 9.86084 9.17023C9.86084 10.5702 10.4108 11.8902 11.4008 12.8802C11.6908 13.1702 11.6908 13.6502 11.4008 13.9402C11.1108 14.2302 10.6308 14.2302 10.3408 13.9402C9.07084 12.6702 8.36084 10.9702 8.36084 9.17023C8.36084 7.37023 9.06084 5.67023 10.3408 4.40023C12.9708 1.77023 17.2508 1.77023 19.8908 4.40023C22.5208 7.03023 22.5208 11.3202 19.8908 13.9502C19.7408 14.0902 19.5408 14.1602 19.3508 14.1602Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/link-outline.svg b/app/component-library/components/Icon/assets/link-outline.svg
new file mode 100644
index 00000000000..e8b07f98f41
--- /dev/null
+++ b/app/component-library/components/Icon/assets/link-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.7808 12C13.7808 15.18 11.2108 17.75 8.03076 17.75C4.85076 17.75 2.28076 15.18 2.28076 12C2.28076 8.82 4.85076 6.25 8.03076 6.25M10.2808 12C10.2808 8.69 12.9708 6 16.2808 6C19.5908 6 22.2808 8.69 22.2808 12C22.2808 15.31 19.5908 18 16.2808 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/loading-filled.svg b/app/component-library/components/Icon/assets/loading-filled.svg
new file mode 100644
index 00000000000..f5f9beae44e
--- /dev/null
+++ b/app/component-library/components/Icon/assets/loading-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.5618 20.3806C15.7632 20.8949 16.3462 21.153 16.8378 20.9013C18.0748 20.268 19.1696 19.3821 20.0492 18.2969C21.1393 16.952 21.8616 15.3471 22.1454 13.6393C22.4292 11.9315 22.2648 10.1793 21.6682 8.55406C21.0717 6.92887 20.0634 5.48639 18.7421 4.36778C17.4208 3.24917 15.8317 2.49276 14.1303 2.17254C12.429 1.85233 10.6736 1.9793 9.03606 2.54102C7.3985 3.10274 5.93482 4.07998 4.78824 5.37709C3.86306 6.42374 3.16993 7.64974 2.74946 8.97423C2.58235 9.50062 2.93312 10.0331 3.47357 10.1468C4.01402 10.2605 4.53838 9.91158 4.7186 9.38953C5.05929 8.40262 5.591 7.48876 6.28673 6.70167C7.204 5.66398 8.37494 4.8822 9.68499 4.43282C10.995 3.98344 12.3993 3.88187 13.7604 4.13804C15.1215 4.3942 16.3928 4.99934 17.4498 5.89423C18.5069 6.78911 19.3135 7.94309 19.7907 9.24325C20.268 10.5434 20.3995 11.9452 20.1725 13.3114C19.9454 14.6777 19.3676 15.9616 18.4955 17.0375C17.834 17.8536 17.0204 18.5288 16.1033 19.0277C15.6181 19.2916 15.3605 19.8663 15.5618 20.3806Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/lock-circle-filled.svg b/app/component-library/components/Icon/assets/lock-circle-filled.svg
new file mode 100644
index 00000000000..f605553814f
--- /dev/null
+++ b/app/component-library/components/Icon/assets/lock-circle-filled.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2808 7.75C10.3908 7.75 10.0308 8.54 10.0308 10V10.62H14.5308V10C14.5308 8.54 14.1708 7.75 12.2808 7.75Z" fill="currentColor"/>
+<path d="M12.2808 15.1C12.8883 15.1 13.3808 14.6075 13.3808 14C13.3808 13.3925 12.8883 12.9 12.2808 12.9C11.6732 12.9 11.1808 13.3925 11.1808 14C11.1808 14.6075 11.6732 15.1 12.2808 15.1Z" fill="currentColor"/>
+<path d="M12.2808 2C6.76076 2 2.28076 6.48 2.28076 12C2.28076 17.52 6.76076 22 12.2808 22C17.8008 22 22.2808 17.52 22.2808 12C22.2808 6.48 17.8008 2 12.2808 2ZM17.6608 14.5C17.6608 16.7 16.9808 17.38 14.7808 17.38H9.78076C7.58076 17.38 6.90076 16.7 6.90076 14.5V13.5C6.90076 11.79 7.31076 11 8.53076 10.73V10C8.53076 9.07 8.53076 6.25 12.2808 6.25C16.0308 6.25 16.0308 9.07 16.0308 10V10.73C17.2508 11 17.6608 11.79 17.6608 13.5V14.5Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/lock-filled.svg b/app/component-library/components/Icon/assets/lock-filled.svg
new file mode 100644
index 00000000000..f0d5ce779c8
--- /dev/null
+++ b/app/component-library/components/Icon/assets/lock-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2809 17.3498C13.1811 17.3498 13.9109 16.6201 13.9109 15.7198C13.9109 14.8196 13.1811 14.0898 12.2809 14.0898C11.3807 14.0898 10.6509 14.8196 10.6509 15.7198C10.6509 16.6201 11.3807 17.3498 12.2809 17.3498Z" fill="currentColor"/>
+<path d="M18.5608 9.53V8.28C18.5608 5.58 17.9108 2 12.2808 2C6.65076 2 6.00076 5.58 6.00076 8.28V9.53C3.20076 9.88 2.28076 11.3 2.28076 14.79V16.65C2.28076 20.75 3.53076 22 7.63076 22H16.9308C21.0308 22 22.2808 20.75 22.2808 16.65V14.79C22.2808 11.3 21.3608 9.88 18.5608 9.53ZM12.2808 18.74C10.6108 18.74 9.26076 17.38 9.26076 15.72C9.26076 14.05 10.6208 12.7 12.2808 12.7C13.9408 12.7 15.3008 14.06 15.3008 15.72C15.3008 17.39 13.9508 18.74 12.2808 18.74ZM7.63076 9.44C7.55076 9.44 7.48076 9.44 7.40076 9.44V8.28C7.40076 5.35 8.23076 3.4 12.2808 3.4C16.3308 3.4 17.1608 5.35 17.1608 8.28V9.45C17.0808 9.45 17.0108 9.45 16.9308 9.45H7.63076V9.44Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/lock-slash-filled.svg b/app/component-library/components/Icon/assets/lock-slash-filled.svg
new file mode 100644
index 00000000000..6c85d648315
--- /dev/null
+++ b/app/component-library/components/Icon/assets/lock-slash-filled.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.9106 15.72C13.9106 16.62 13.1806 17.35 12.2806 17.35C11.6406 17.35 11.0906 16.98 10.8306 16.45L13.0106 14.27C13.5406 14.53 13.9106 15.08 13.9106 15.72Z" fill="currentColor"/>
+<path d="M22.0509 2.23C21.7509 1.93 21.2609 1.93 20.9609 2.23L18.1509 5.04C17.3809 3.02 15.4109 2 12.2809 2C6.65088 2 6.00088 5.58 6.00088 8.28V9.53C6.01088 9.53 6.02088 9.53 6.03088 9.53C3.20088 9.87 2.28088 11.28 2.28088 14.79V16.65C2.28088 18.25 2.47088 19.41 2.95088 20.24L2.50088 20.69C2.20088 20.99 2.20088 21.48 2.50088 21.78C2.66088 21.92 2.85088 22 3.05088 22C3.25088 22 3.44088 21.92 3.59088 21.77L22.0509 3.31C22.3609 3.01 22.3609 2.53 22.0509 2.23ZM7.63088 9.44C7.55088 9.44 7.48088 9.44 7.40088 9.44V8.28C7.40088 5.35 8.23088 3.4 12.2809 3.4C15.6809 3.4 16.7509 4.7 17.0509 6.15L13.7609 9.44H7.63088Z" fill="currentColor"/>
+<path d="M22.2808 14.79V16.65C22.2808 20.75 21.0308 22 16.9308 22H7.69076C6.80076 22 6.36076 20.92 6.99076 20.29L9.81076 17.47C9.88076 17.57 9.96076 17.66 10.0408 17.75C10.7408 18.51 11.7808 18.91 12.9308 18.67C13.0208 18.65 13.1108 18.63 13.2008 18.59C13.2908 18.57 13.3708 18.54 13.4508 18.5C13.6508 18.43 13.8408 18.32 14.0208 18.19C14.0908 18.15 14.1508 18.1 14.2008 18.05C14.3508 17.93 14.4908 17.79 14.6108 17.64C14.6608 17.59 14.7108 17.53 14.7508 17.46C14.8808 17.28 14.9908 17.09 15.0608 16.89C15.1008 16.81 15.1308 16.73 15.1508 16.64C15.1908 16.55 15.2108 16.46 15.2308 16.37C15.4708 15.22 15.0708 14.18 14.3108 13.48C14.2308 13.4 14.1308 13.32 14.0308 13.25L17.1508 10.13C17.2008 10.08 17.2408 10.04 17.2908 10C17.6908 9.67 18.2008 9.51 18.7108 9.55C18.8008 9.56 18.9008 9.57 18.9908 9.59C19.1608 9.62 19.3308 9.66 19.4908 9.7C19.6508 9.74 19.8008 9.79 19.9508 9.84C20.2408 9.95 20.4908 10.08 20.7208 10.23C20.9508 10.38 21.1408 10.56 21.3208 10.77C21.4108 10.88 21.5008 11 21.5708 11.13C21.6408 11.24 21.7008 11.36 21.7608 11.49C21.8208 11.62 21.8708 11.76 21.9208 11.9C21.9808 12.07 22.0308 12.26 22.0708 12.46C22.1108 12.6 22.1308 12.75 22.1608 12.91C22.1808 13.06 22.2008 13.22 22.2208 13.39C22.2608 13.81 22.2808 14.28 22.2808 14.79Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/login-outline.svg b/app/component-library/components/Icon/assets/login-outline.svg
new file mode 100644
index 00000000000..108a288441c
--- /dev/null
+++ b/app/component-library/components/Icon/assets/login-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.18115 7.56023C9.49115 3.96023 11.3412 2.49023 15.3912 2.49023H15.5212C19.9912 2.49023 21.7812 4.28023 21.7812 8.75023V15.2702C21.7812 19.7402 19.9912 21.5302 15.5212 21.5302H15.3912C11.3712 21.5302 9.52115 20.0802 9.19115 16.5402M2.28076 12H15.1608M12.9312 8.6499L16.2812 11.9999L12.9312 15.3499" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/logout-outline.svg b/app/component-library/components/Icon/assets/logout-outline.svg
new file mode 100644
index 00000000000..f89bc6b6164
--- /dev/null
+++ b/app/component-library/components/Icon/assets/logout-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.18115 7.56023C9.49115 3.96023 11.3412 2.49023 15.3912 2.49023H15.5212C19.9912 2.49023 21.7812 4.28023 21.7812 8.75023V15.2702C21.7812 19.7402 19.9912 21.5302 15.5212 21.5302H15.3912C11.3712 21.5302 9.52115 20.0802 9.19115 16.5402M15.2809 12H3.90088M6.13076 8.65L2.78076 12L6.13076 15.35" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/menu-outline.svg b/app/component-library/components/Icon/assets/menu-outline.svg
new file mode 100644
index 00000000000..2219271d721
--- /dev/null
+++ b/app/component-library/components/Icon/assets/menu-outline.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.5115 7.56522H3.04999C2.62948 7.56522 2.28076 7.21043 2.28076 6.78261C2.28076 6.35478 2.62948 6 3.04999 6H21.5115C21.932 6 22.2808 6.35478 22.2808 6.78261C22.2808 7.21043 21.932 7.56522 21.5115 7.56522Z" fill="currentColor"/>
+<path d="M21.5115 12.7826H3.04999C2.62948 12.7826 2.28076 12.4278 2.28076 12C2.28076 11.5722 2.62948 11.2174 3.04999 11.2174H21.5115C21.932 11.2174 22.2808 11.5722 22.2808 12C22.2808 12.4278 21.932 12.7826 21.5115 12.7826Z" fill="currentColor"/>
+<path d="M21.5115 18H3.04999C2.62948 18 2.28076 17.6452 2.28076 17.2174C2.28076 16.7896 2.62948 16.4348 3.04999 16.4348H21.5115C21.932 16.4348 22.2808 16.7896 22.2808 17.2174C22.2808 17.6452 21.932 18 21.5115 18Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/message-question-filled.svg b/app/component-library/components/Icon/assets/message-question-filled.svg
new file mode 100644
index 00000000000..a2c54128211
--- /dev/null
+++ b/app/component-library/components/Icon/assets/message-question-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.2808 2.43018H7.28076C4.28076 2.43018 2.28076 4.43018 2.28076 7.43018V13.4302C2.28076 16.4302 4.28076 18.4302 7.28076 18.4302V20.5602C7.28076 21.3602 8.17076 21.8402 8.83076 21.3902L13.2808 18.4302H17.2808C20.2808 18.4302 22.2808 16.4302 22.2808 13.4302V7.43018C22.2808 4.43018 20.2808 2.43018 17.2808 2.43018ZM12.2808 14.6002C11.8608 14.6002 11.5308 14.2602 11.5308 13.8502C11.5308 13.4402 11.8608 13.1002 12.2808 13.1002C12.7008 13.1002 13.0308 13.4402 13.0308 13.8502C13.0308 14.2602 12.7008 14.6002 12.2808 14.6002ZM13.5408 10.4502C13.1508 10.7102 13.0308 10.8802 13.0308 11.1602V11.3702C13.0308 11.7802 12.6908 12.1202 12.2808 12.1202C11.8708 12.1202 11.5308 11.7802 11.5308 11.3702V11.1602C11.5308 10.0002 12.3808 9.43018 12.7008 9.21018C13.0708 8.96018 13.1908 8.79018 13.1908 8.53018C13.1908 8.03018 12.7808 7.62018 12.2808 7.62018C11.7808 7.62018 11.3708 8.03018 11.3708 8.53018C11.3708 8.94018 11.0308 9.28018 10.6208 9.28018C10.2108 9.28018 9.87076 8.94018 9.87076 8.53018C9.87076 7.20018 10.9508 6.12018 12.2808 6.12018C13.6108 6.12018 14.6908 7.20018 14.6908 8.53018C14.6908 9.67018 13.8508 10.2402 13.5408 10.4502Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/messages-filled.svg b/app/component-library/components/Icon/assets/messages-filled.svg
new file mode 100644
index 00000000000..21b4795c2bb
--- /dev/null
+++ b/app/component-library/components/Icon/assets/messages-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.8708 12.4V16.47C15.8708 16.83 15.8308 17.17 15.7408 17.48C15.3708 18.95 14.1508 19.87 12.4708 19.87H9.75076L6.73076 21.88C6.28076 22.19 5.68076 21.86 5.68076 21.32V19.87C4.66076 19.87 3.81076 19.53 3.22076 18.94C2.62076 18.34 2.28076 17.49 2.28076 16.47V12.4C2.28076 10.5 3.46076 9.19 5.28076 9.02C5.41076 9.01 5.54076 9 5.68076 9H12.4708C14.5108 9 15.8708 10.36 15.8708 12.4Z" fill="currentColor"/>
+<path d="M18.0308 15.6C19.3008 15.6 20.3708 15.18 21.1108 14.43C21.8608 13.69 22.2808 12.62 22.2808 11.35V6.25C22.2808 3.9 20.3808 2 18.0308 2H9.53076C7.18076 2 5.28076 3.9 5.28076 6.25V7C5.28076 7.28 5.50076 7.5 5.78076 7.5H12.4708C15.1808 7.5 17.3708 9.69 17.3708 12.4V15.1C17.3708 15.38 17.5908 15.6 17.8708 15.6H18.0308Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/minus-outine.svg b/app/component-library/components/Icon/assets/minus-outine.svg
new file mode 100644
index 00000000000..a65ebb3bbaf
--- /dev/null
+++ b/app/component-library/components/Icon/assets/minus-outine.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.28076 12H18.2808" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/minus-square-filled.svg b/app/component-library/components/Icon/assets/minus-square-filled.svg
new file mode 100644
index 00000000000..bec18291347
--- /dev/null
+++ b/app/component-library/components/Icon/assets/minus-square-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.4778 2H8.09366C4.45184 2 2.28076 4.17 2.28076 7.81V16.18C2.28076 19.83 4.45184 22 8.09366 22H16.4678C20.1096 22 22.2807 19.83 22.2807 16.19V7.81C22.2907 4.17 20.1197 2 16.4778 2ZM16.2877 12.75H8.28375C7.87355 12.75 7.53338 12.41 7.53338 12C7.53338 11.59 7.87355 11.25 8.28375 11.25H16.2877C16.6979 11.25 17.0381 11.59 17.0381 12C17.0381 12.41 16.6979 12.75 16.2877 12.75Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/mobile-filled.svg b/app/component-library/components/Icon/assets/mobile-filled.svg
new file mode 100644
index 00000000000..ec2a18f33f2
--- /dev/null
+++ b/app/component-library/components/Icon/assets/mobile-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.5212 2H8.04125C5.28125 2 4.28125 3 4.28125 5.81V18.19C4.28125 21 5.28125 22 8.04125 22H16.5112C19.2812 22 20.2812 21 20.2812 18.19V5.81C20.2812 3 19.2812 2 16.5212 2ZM12.2812 19.3C11.3213 19.3 10.5312 18.51 10.5312 17.55C10.5312 16.59 11.3213 15.8 12.2812 15.8C13.2412 15.8 14.0312 16.59 14.0312 17.55C14.0312 18.51 13.2412 19.3 12.2812 19.3ZM14.2812 6.25H10.2812C9.87125 6.25 9.53125 5.91 9.53125 5.5C9.53125 5.09 9.87125 4.75 10.2812 4.75H14.2812C14.6912 4.75 15.0312 5.09 15.0312 5.5C15.0312 5.91 14.6912 6.25 14.2812 6.25Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/money-filled.svg b/app/component-library/components/Icon/assets/money-filled.svg
new file mode 100644
index 00000000000..e70aa7e102a
--- /dev/null
+++ b/app/component-library/components/Icon/assets/money-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.4507 6.63999C19.0207 4.46999 17.4107 3.51999 15.1707 3.51999H6.39072C3.75072 3.51999 1.99072 4.83999 1.99072 7.91999V13.07C1.99072 15.29 2.90072 16.59 4.40072 17.15C4.62072 17.23 4.86072 17.3 5.11072 17.34C5.51072 17.43 5.94072 17.47 6.39072 17.47H15.1807C17.8207 17.47 19.5807 16.15 19.5807 13.07V7.91999C19.5807 7.44999 19.5407 7.02999 19.4507 6.63999ZM5.81072 12C5.81072 12.41 5.47072 12.75 5.06072 12.75C4.65072 12.75 4.31072 12.41 4.31072 12V8.99999C4.31072 8.58999 4.65072 8.24999 5.06072 8.24999C5.47072 8.24999 5.81072 8.58999 5.81072 8.99999V12ZM10.7807 13.14C9.32072 13.14 8.14072 11.96 8.14072 10.5C8.14072 9.03999 9.32072 7.85999 10.7807 7.85999C12.2407 7.85999 13.4207 9.03999 13.4207 10.5C13.4207 11.96 12.2407 13.14 10.7807 13.14ZM17.2407 12C17.2407 12.41 16.9007 12.75 16.4907 12.75C16.0807 12.75 15.7407 12.41 15.7407 12V8.99999C15.7407 8.58999 16.0807 8.24999 16.4907 8.24999C16.9007 8.24999 17.2407 8.58999 17.2407 8.99999V12Z" fill="currentColor"/>
+<path d="M22.5805 10.9198V16.0698C22.5805 19.1498 20.8205 20.4798 18.1705 20.4798H9.39049C8.64049 20.4798 7.97049 20.3698 7.39049 20.1498C6.92049 19.9798 6.51049 19.7298 6.18049 19.4098C6.00049 19.2398 6.14049 18.9698 6.39049 18.9698H15.1705C18.8705 18.9698 21.0705 16.7698 21.0705 13.0798V7.91978C21.0705 7.67978 21.3405 7.52978 21.5105 7.70978C22.1905 8.42978 22.5805 9.47978 22.5805 10.9198Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/monitor-filled.svg b/app/component-library/components/Icon/assets/monitor-filled.svg
new file mode 100644
index 00000000000..333adb79487
--- /dev/null
+++ b/app/component-library/components/Icon/assets/monitor-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.8568 2H6.69566C4.26323 2 2.28125 3.98 2.28125 6.41V12.91V13.11C2.28125 15.55 4.26323 17.52 6.69566 17.52H10.5395C11.0901 17.52 11.5405 17.97 11.5405 18.52V19.49C11.5405 20.04 11.0901 20.49 10.5395 20.49H8.11709C7.70668 20.49 7.36634 20.83 7.36634 21.24C7.36634 21.65 7.69667 22 8.11709 22H16.4754C16.8859 22 17.2262 21.66 17.2262 21.25C17.2262 20.84 16.8859 20.5 16.4754 20.5H14.053C13.5025 20.5 13.052 20.05 13.052 19.5V18.53C13.052 17.98 13.5025 17.53 14.053 17.53H17.8668C20.3093 17.53 22.2812 15.55 22.2812 13.12V12.92V6.42C22.2712 3.98 20.2893 2 17.8568 2Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/more-horizontal-outline.svg b/app/component-library/components/Icon/assets/more-horizontal-outline.svg
new file mode 100644
index 00000000000..319ab101910
--- /dev/null
+++ b/app/component-library/components/Icon/assets/more-horizontal-outline.svg
@@ -0,0 +1,8 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.28076 10C4.18076 10 3.28076 10.9 3.28076 12C3.28076 13.1 4.18076 14 5.28076 14C6.38076 14 7.28076 13.1 7.28076 12C7.28076 10.9 6.38076 10 5.28076 10Z" fill="currentColor"/>
+<path d="M19.2808 10C18.1808 10 17.2808 10.9 17.2808 12C17.2808 13.1 18.1808 14 19.2808 14C20.3808 14 21.2808 13.1 21.2808 12C21.2808 10.9 20.3808 10 19.2808 10Z" fill="currentColor"/>
+<path d="M12.2808 10C11.1808 10 10.2808 10.9 10.2808 12C10.2808 13.1 11.1808 14 12.2808 14C13.3808 14 14.2808 13.1 14.2808 12C14.2808 10.9 13.3808 10 12.2808 10Z" fill="currentColor"/>
+<path d="M5.28076 10C4.18076 10 3.28076 10.9 3.28076 12C3.28076 13.1 4.18076 14 5.28076 14C6.38076 14 7.28076 13.1 7.28076 12C7.28076 10.9 6.38076 10 5.28076 10Z" stroke="currentColor" stroke-width="1.5"/>
+<path d="M19.2808 10C18.1808 10 17.2808 10.9 17.2808 12C17.2808 13.1 18.1808 14 19.2808 14C20.3808 14 21.2808 13.1 21.2808 12C21.2808 10.9 20.3808 10 19.2808 10Z" stroke="currentColor" stroke-width="1.5"/>
+<path d="M12.2808 10C11.1808 10 10.2808 10.9 10.2808 12C10.2808 13.1 11.1808 14 12.2808 14C13.3808 14 14.2808 13.1 14.2808 12C14.2808 10.9 13.3808 10 12.2808 10Z" stroke="currentColor" stroke-width="1.5"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/more-vertical-outline.svg b/app/component-library/components/Icon/assets/more-vertical-outline.svg
new file mode 100644
index 00000000000..e628769c59f
--- /dev/null
+++ b/app/component-library/components/Icon/assets/more-vertical-outline.svg
@@ -0,0 +1,8 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.2812 19.0002C10.2812 20.1002 11.1812 21.0002 12.2812 21.0002C13.3812 21.0002 14.2812 20.1002 14.2812 19.0002C14.2812 17.9002 13.3812 17.0002 12.2812 17.0002C11.1812 17.0002 10.2812 17.9002 10.2812 19.0002Z" fill="currentColor"/>
+<path d="M10.2812 5.00024C10.2812 6.10024 11.1812 7.00024 12.2812 7.00024C13.3812 7.00024 14.2812 6.10024 14.2812 5.00024C14.2812 3.90024 13.3812 3.00024 12.2812 3.00024C11.1812 3.00024 10.2812 3.90024 10.2812 5.00024Z" fill="currentColor"/>
+<path d="M10.2812 12.0002C10.2812 13.1002 11.1812 14.0002 12.2812 14.0002C13.3812 14.0002 14.2812 13.1002 14.2812 12.0002C14.2812 10.9002 13.3812 10.0002 12.2812 10.0002C11.1812 10.0002 10.2812 10.9002 10.2812 12.0002Z" fill="currentColor"/>
+<path d="M10.2812 19.0002C10.2812 20.1002 11.1812 21.0002 12.2812 21.0002C13.3812 21.0002 14.2812 20.1002 14.2812 19.0002C14.2812 17.9002 13.3812 17.0002 12.2812 17.0002C11.1812 17.0002 10.2812 17.9002 10.2812 19.0002Z" stroke="currentColor" stroke-width="1.5"/>
+<path d="M10.2812 5.00024C10.2812 6.10024 11.1812 7.00024 12.2812 7.00024C13.3812 7.00024 14.2812 6.10024 14.2812 5.00024C14.2812 3.90024 13.3812 3.00024 12.2812 3.00024C11.1812 3.00024 10.2812 3.90024 10.2812 5.00024Z" stroke="currentColor" stroke-width="1.5"/>
+<path d="M10.2812 12.0002C10.2812 13.1002 11.1812 14.0002 12.2812 14.0002C13.3812 14.0002 14.2812 13.1002 14.2812 12.0002C14.2812 10.9002 13.3812 10.0002 12.2812 10.0002C11.1812 10.0002 10.2812 10.9002 10.2812 12.0002Z" stroke="currentColor" stroke-width="1.5"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/notification-circle-filled.svg b/app/component-library/components/Icon/assets/notification-circle-filled.svg
new file mode 100644
index 00000000000..4a513b1a526
--- /dev/null
+++ b/app/component-library/components/Icon/assets/notification-circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2808 15C13.9376 15 15.2808 13.6569 15.2808 12C15.2808 10.3431 13.9376 9 12.2808 9C10.6239 9 9.28076 10.3431 9.28076 12C9.28076 13.6569 10.6239 15 12.2808 15Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/notification-filled.svg b/app/component-library/components/Icon/assets/notification-filled.svg
new file mode 100644
index 00000000000..004d4d16ff0
--- /dev/null
+++ b/app/component-library/components/Icon/assets/notification-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6207 14.49L18.6207 12.83C18.4107 12.46 18.2207 11.76 18.2207 11.35V8.82C18.2207 6.47 16.8407 4.44 14.8507 3.49C14.3307 2.57 13.3707 2 12.2707 2C11.1807 2 10.2007 2.59 9.6807 3.52C7.7307 4.49 6.3807 6.5 6.3807 8.82V11.35C6.3807 11.76 6.1907 12.46 5.9807 12.82L4.9707 14.49C4.5707 15.16 4.4807 15.9 4.7307 16.58C4.9707 17.25 5.5407 17.77 6.2807 18.02C8.2207 18.68 10.2607 19 12.3007 19C14.3407 19 16.3807 18.68 18.3207 18.03C19.0207 17.8 19.5607 17.27 19.8207 16.58C20.0807 15.89 20.0107 15.13 19.6207 14.49Z" fill="currentColor"/>
+<path d="M15.1104 20.01C14.6904 21.17 13.5804 22 12.2804 22C11.4904 22 10.7104 21.68 10.1604 21.11C9.84039 20.81 9.60039 20.41 9.46039 20C9.59039 20.02 9.72039 20.03 9.86039 20.05C10.0904 20.08 10.3304 20.11 10.5704 20.13C11.1404 20.18 11.7204 20.21 12.3004 20.21C12.8704 20.21 13.4404 20.18 14.0004 20.13C14.2104 20.11 14.4204 20.1 14.6204 20.07C14.7804 20.05 14.9404 20.03 15.1104 20.01Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/password-check-filled.svg b/app/component-library/components/Icon/assets/password-check-filled.svg
new file mode 100644
index 00000000000..cd8796e25c7
--- /dev/null
+++ b/app/component-library/components/Icon/assets/password-check-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.2808 4H16.0308V2.75C16.0308 2.34 15.6908 2 15.2808 2C14.8708 2 14.5308 2.34 14.5308 2.75V21.25C14.5308 21.66 14.8708 22 15.2808 22C15.6908 22 16.0308 21.66 16.0308 21.25V20H18.2808C20.4908 20 22.2808 18.21 22.2808 16V8C22.2808 5.79 20.4908 4 18.2808 4Z" fill="currentColor"/>
+<path d="M6.78076 4C4.57076 4 2.78076 5.79 2.78076 8V16C2.78076 18.21 4.57076 20 6.78076 20H11.7808C12.3308 20 12.7808 19.55 12.7808 19V5C12.7808 4.45 12.3308 4 11.7808 4H6.78076ZM6.95076 12.38C6.90076 12.5 6.83076 12.61 6.74076 12.71C6.64076 12.8 6.53076 12.87 6.41076 12.92C6.29076 12.97 6.16076 13 6.03076 13C5.90076 13 5.77076 12.97 5.65076 12.92C5.53076 12.87 5.42076 12.8 5.32076 12.71C5.23076 12.61 5.16076 12.5 5.10076 12.38C5.05076 12.26 5.03076 12.13 5.03076 12C5.03076 11.74 5.14076 11.48 5.32076 11.29C5.37076 11.25 5.42076 11.21 5.47076 11.17C5.53076 11.13 5.59076 11.1 5.65076 11.08C5.71076 11.05 5.77076 11.03 5.83076 11.02C6.17076 10.95 6.51076 11.06 6.74076 11.29C6.92076 11.48 7.03076 11.74 7.03076 12C7.03076 12.13 7.00076 12.26 6.95076 12.38ZM10.4508 12.38C10.4008 12.5 10.3308 12.61 10.2408 12.71C10.1408 12.8 10.0308 12.87 9.91076 12.92C9.79076 12.97 9.66076 13 9.53076 13C9.40076 13 9.27076 12.97 9.15076 12.92C9.03076 12.87 8.92076 12.8 8.82076 12.71C8.63076 12.52 8.53076 12.27 8.53076 12C8.53076 11.87 8.56076 11.74 8.61076 11.62C8.66076 11.49 8.73076 11.39 8.82076 11.29C9.19076 10.92 9.86076 10.92 10.2408 11.29C10.4208 11.48 10.5308 11.74 10.5308 12C10.5308 12.13 10.5008 12.26 10.4508 12.38Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/people-filled.svg b/app/component-library/components/Icon/assets/people-filled.svg
new file mode 100644
index 00000000000..7cf247b11ef
--- /dev/null
+++ b/app/component-library/components/Icon/assets/people-filled.svg
@@ -0,0 +1,8 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.8113 7.77C17.7413 7.76 17.6712 7.76 17.6012 7.77C16.0512 7.72 14.8212 6.45 14.8212 4.89C14.8212 3.3 16.1113 2 17.7113 2C19.3013 2 20.6012 3.29 20.6012 4.89C20.5912 6.45 19.3613 7.72 17.8113 7.77Z" fill="currentColor"/>
+<path d="M21.0709 14.6999C19.9509 15.4499 18.3809 15.7299 16.9309 15.5399C17.3109 14.7199 17.5109 13.8099 17.5209 12.8499C17.5209 11.8499 17.3009 10.8999 16.8809 10.0699C18.3609 9.86991 19.9309 10.1499 21.0609 10.8999C22.6409 11.9399 22.6409 13.6499 21.0709 14.6999Z" fill="currentColor"/>
+<path d="M6.72141 7.77C6.79141 7.76 6.86141 7.76 6.93141 7.77C8.48141 7.72 9.71141 6.45 9.71141 4.89C9.71141 3.29 8.42141 2 6.82141 2C5.23141 2 3.94141 3.29 3.94141 4.89C3.94141 6.45 5.17141 7.72 6.72141 7.77Z" fill="currentColor"/>
+<path d="M6.83137 12.8501C6.83137 13.8201 7.04137 14.7401 7.42137 15.5701C6.01137 15.7201 4.54137 15.4201 3.46137 14.7101C1.88137 13.6601 1.88137 11.9501 3.46137 10.9001C4.53137 10.1801 6.04137 9.8901 7.46137 10.0501C7.05137 10.8901 6.83137 11.8401 6.83137 12.8501Z" fill="currentColor"/>
+<path d="M12.4011 15.87C12.3211 15.86 12.2311 15.86 12.1411 15.87C10.3011 15.81 8.83105 14.3 8.83105 12.44C8.84105 10.54 10.3711 9 12.2811 9C14.1811 9 15.7211 10.54 15.7211 12.44C15.7111 14.3 14.2511 15.81 12.4011 15.87Z" fill="currentColor"/>
+<path d="M9.15105 17.9401C7.64105 18.9501 7.64105 20.6101 9.15105 21.6101C10.8711 22.7601 13.6911 22.7601 15.4111 21.6101C16.9211 20.6001 16.9211 18.9401 15.4111 17.9401C13.7011 16.7901 10.8811 16.7901 9.15105 17.9401Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/programming-arrows-filled.svg b/app/component-library/components/Icon/assets/programming-arrows-filled.svg
new file mode 100644
index 00000000000..aa66204d633
--- /dev/null
+++ b/app/component-library/components/Icon/assets/programming-arrows-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.0112 16.1002C20.0112 16.0702 20.0312 16.0402 20.0312 16.0002V6.50018C20.0312 4.98018 18.8013 3.75018 17.2812 3.75018H13.3512L14.7612 2.58018C15.0812 2.31018 15.1213 1.84018 14.8612 1.52018C14.5912 1.20018 14.1213 1.16018 13.8013 1.42018L10.8013 3.92018C10.6313 4.06018 10.5312 4.27018 10.5312 4.50018C10.5312 4.73018 10.6313 4.93018 10.8013 5.08018L13.8013 7.58018C13.9413 7.70018 14.1112 7.75018 14.2812 7.75018C14.4913 7.75018 14.7112 7.66018 14.8612 7.48018C15.1312 7.16018 15.0812 6.69018 14.7612 6.42018L13.3512 5.25018H17.2812C17.9713 5.25018 18.5312 5.81018 18.5312 6.50018V16.0002C18.5312 16.0402 18.5513 16.0702 18.5513 16.1002C17.2513 16.4302 16.2812 17.6002 16.2812 19.0002C16.2812 20.6602 17.6213 22.0002 19.2812 22.0002C20.9412 22.0002 22.2812 20.6602 22.2812 19.0002C22.2812 17.6002 21.3112 16.4302 20.0112 16.1002Z" fill="currentColor"/>
+<path d="M13.7612 18.92L10.7612 16.42C10.4412 16.15 9.97125 16.2 9.70125 16.52C9.43125 16.84 9.48125 17.31 9.80125 17.58L11.2113 18.75H7.28125C6.59125 18.75 6.03125 18.19 6.03125 17.5V8C6.03125 7.96 6.01125 7.93 6.01125 7.9C7.31125 7.57 8.28125 6.4 8.28125 5C8.28125 3.34 6.94125 2 5.28125 2C3.62125 2 2.28125 3.34 2.28125 5C2.28125 6.4 3.25125 7.57 4.55125 7.9C4.55125 7.93 4.53125 7.96 4.53125 8V17.5C4.53125 19.02 5.76125 20.25 7.28125 20.25H11.2113L9.80125 21.42C9.48125 21.69 9.44125 22.16 9.70125 22.48C9.85125 22.66 10.0613 22.75 10.2812 22.75C10.4513 22.75 10.6212 22.69 10.7612 22.58L13.7612 20.08C13.9312 19.94 14.0312 19.73 14.0312 19.5C14.0312 19.27 13.9312 19.07 13.7612 18.92Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/question-filled.svg b/app/component-library/components/Icon/assets/question-filled.svg
new file mode 100644
index 00000000000..8f2495cfc19
--- /dev/null
+++ b/app/component-library/components/Icon/assets/question-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.2808 12C22.2808 17.5228 17.8036 22 12.2808 22C6.75791 22 2.28076 17.5228 2.28076 12C2.28076 6.47715 6.75791 2 12.2808 2C17.8036 2 22.2808 6.47715 22.2808 12ZM12.2808 6.72222C10.675 6.72222 9.22521 7.90381 9.22521 9.55225C9.22521 10.0125 9.5983 10.3856 10.0585 10.3856C10.5188 10.3856 10.8919 10.0125 10.8919 9.55225C10.8919 8.98754 11.4233 8.38889 12.2808 8.38889C13.1382 8.38889 13.6697 8.98754 13.6697 9.55225C13.6697 9.86568 13.4961 10.0825 12.9695 10.4056L12.966 10.4078C12.3905 10.7648 11.4474 11.4146 11.4474 12.7156V12.9682C11.4474 13.4284 11.8205 13.8015 12.2808 13.8015C12.741 13.8015 13.1141 13.4284 13.1141 12.9682V12.7156C13.1141 12.3812 13.2953 12.165 13.843 11.825C14.4143 11.4743 15.3363 10.8251 15.3363 9.55225C15.3363 7.90381 13.8865 6.72222 12.2808 6.72222ZM12.2746 15.0097C11.8144 15.0097 11.4413 15.3828 11.4413 15.843C11.4413 16.3033 11.8144 16.6764 12.2746 16.6764H12.2867C12.7469 16.6764 13.12 16.3033 13.12 15.843C13.12 15.3828 12.7469 15.0097 12.2867 15.0097H12.2746Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/received-outline.svg b/app/component-library/components/Icon/assets/received-outline.svg
new file mode 100644
index 00000000000..78f48830100
--- /dev/null
+++ b/app/component-library/components/Icon/assets/received-outline.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.28022 18.2499C5.09022 18.2499 4.90021 18.1799 4.75021 18.0299C4.46021 17.7399 4.46021 17.2599 4.75021 16.9699L18.7502 2.96994C19.0402 2.67994 19.5202 2.67994 19.8102 2.96994C20.1002 3.25994 20.1002 3.73994 19.8102 4.02994L5.81022 18.0299C5.66022 18.1799 5.47022 18.2499 5.28022 18.2499Z" fill="currentColor"/>
+<path d="M15.5508 18.25L5.28022 18.2499C4.87022 18.2499 4.53076 17.91 4.53076 17.5V7.22998C4.53076 6.81998 4.87076 6.47998 5.28076 6.47998C5.69076 6.47998 6.03076 6.81998 6.03076 7.22998V16.75H15.5508C15.9608 16.75 16.3008 17.09 16.3008 17.5C16.3008 17.91 15.9608 18.25 15.5508 18.25Z" fill="currentColor"/>
+<path d="M20.7808 22.75H3.78076C3.37076 22.75 3.03076 22.41 3.03076 22C3.03076 21.59 3.37076 21.25 3.78076 21.25H20.7808C21.1908 21.25 21.5308 21.59 21.5308 22C21.5308 22.41 21.1908 22.75 20.7808 22.75Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/refresh-outline.svg b/app/component-library/components/Icon/assets/refresh-outline.svg
new file mode 100644
index 00000000000..74c0d2cec43
--- /dev/null
+++ b/app/component-library/components/Icon/assets/refresh-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.2812 12C22.2812 17.52 17.8012 22 12.2812 22C6.76125 22 3.39125 16.44 3.39125 16.44M3.39125 16.44H7.91125M3.39125 16.44V21.44M2.28125 12C2.28125 6.48 6.72125 2 12.2812 2C18.9513 2 22.2812 7.56 22.2812 7.56M22.2812 7.56V2.56M22.2812 7.56H17.8412" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/save-filled.svg b/app/component-library/components/Icon/assets/save-filled.svg
new file mode 100644
index 00000000000..77484028ddf
--- /dev/null
+++ b/app/component-library/components/Icon/assets/save-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.1016 2H7.46156C5.33156 2 3.60156 3.74 3.60156 5.86V19.95C3.60156 21.75 4.89156 22.51 6.47156 21.64L11.3516 18.93C11.8716 18.64 12.7116 18.64 13.2216 18.93L18.1016 21.64C19.6816 22.52 20.9716 21.76 20.9716 19.95V5.86C20.9616 3.74 19.2316 2 17.1016 2Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/scan-barcode-filled.svg b/app/component-library/components/Icon/assets/scan-barcode-filled.svg
new file mode 100644
index 00000000000..c292be214a3
--- /dev/null
+++ b/app/component-library/components/Icon/assets/scan-barcode-filled.svg
@@ -0,0 +1,10 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.28125 9.75C1.87125 9.75 1.53125 9.41 1.53125 9V6.5C1.53125 3.6 3.89125 1.25 6.78125 1.25H9.28125C9.69125 1.25 10.0312 1.59 10.0312 2C10.0312 2.41 9.69125 2.75 9.28125 2.75H6.78125C4.71125 2.75 3.03125 4.43 3.03125 6.5V9C3.03125 9.41 2.69125 9.75 2.28125 9.75Z" fill="currentColor"/>
+<path d="M22.2812 9.75C21.8713 9.75 21.5312 9.41 21.5312 9V6.5C21.5312 4.43 19.8512 2.75 17.7812 2.75H15.2812C14.8713 2.75 14.5312 2.41 14.5312 2C14.5312 1.59 14.8713 1.25 15.2812 1.25H17.7812C20.6713 1.25 23.0312 3.6 23.0312 6.5V9C23.0312 9.41 22.6912 9.75 22.2812 9.75Z" fill="currentColor"/>
+<path d="M17.7812 22.75H16.2812C15.8713 22.75 15.5312 22.41 15.5312 22C15.5312 21.59 15.8713 21.25 16.2812 21.25H17.7812C19.8512 21.25 21.5312 19.57 21.5312 17.5V16C21.5312 15.59 21.8713 15.25 22.2812 15.25C22.6912 15.25 23.0312 15.59 23.0312 16V17.5C23.0312 20.4 20.6713 22.75 17.7812 22.75Z" fill="currentColor"/>
+<path d="M9.28125 22.75H6.78125C3.89125 22.75 1.53125 20.4 1.53125 17.5V15C1.53125 14.59 1.87125 14.25 2.28125 14.25C2.69125 14.25 3.03125 14.59 3.03125 15V17.5C3.03125 19.57 4.71125 21.25 6.78125 21.25H9.28125C9.69125 21.25 10.0312 21.59 10.0312 22C10.0312 22.41 9.69125 22.75 9.28125 22.75Z" fill="currentColor"/>
+<path d="M9.28125 5.25H7.28125C6.14125 5.25 5.53125 5.85 5.53125 7V9C5.53125 10.15 6.14125 10.75 7.28125 10.75H9.28125C10.4212 10.75 11.0312 10.15 11.0312 9V7C11.0312 5.85 10.4212 5.25 9.28125 5.25Z" fill="currentColor"/>
+<path d="M17.2812 5.25H15.2812C14.1413 5.25 13.5312 5.85 13.5312 7V9C13.5312 10.15 14.1413 10.75 15.2812 10.75H17.2812C18.4212 10.75 19.0312 10.15 19.0312 9V7C19.0312 5.85 18.4212 5.25 17.2812 5.25Z" fill="currentColor"/>
+<path d="M9.28125 13.25H7.28125C6.14125 13.25 5.53125 13.85 5.53125 15V17C5.53125 18.15 6.14125 18.75 7.28125 18.75H9.28125C10.4212 18.75 11.0312 18.15 11.0312 17V15C11.0312 13.85 10.4212 13.25 9.28125 13.25Z" fill="currentColor"/>
+<path d="M17.2812 13.25H15.2812C14.1413 13.25 13.5312 13.85 13.5312 15V17C13.5312 18.15 14.1413 18.75 15.2812 18.75H17.2812C18.4212 18.75 19.0312 18.15 19.0312 17V15C19.0312 13.85 18.4212 13.25 17.2812 13.25Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/scan-filled.svg b/app/component-library/components/Icon/assets/scan-filled.svg
new file mode 100644
index 00000000000..3172d3e586e
--- /dev/null
+++ b/app/component-library/components/Icon/assets/scan-filled.svg
@@ -0,0 +1,9 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.05125 10C2.62125 10 2.28125 9.66 2.28125 9.23V6.92C2.28125 4.21 4.49125 2 7.20125 2H9.51125C9.94125 2 10.2812 2.34 10.2812 2.77C10.2812 3.2 9.94125 3.54 9.51125 3.54H7.20125C5.33125 3.54 3.82125 5.06 3.82125 6.92V9.23C3.82125 9.66 3.47125 10 3.05125 10Z" fill="currentColor"/>
+<path d="M21.5112 10C21.0912 10 20.7412 9.66 20.7412 9.23V6.92C20.7412 5.05 19.2213 3.54 17.3612 3.54H15.0513C14.6213 3.54 14.2812 3.19 14.2812 2.77C14.2812 2.35 14.6213 2 15.0513 2H17.3612C20.0712 2 22.2812 4.21 22.2812 6.92V9.23C22.2812 9.66 21.9412 10 21.5112 10Z" fill="currentColor"/>
+<path d="M17.3612 22.0002H15.9712C15.5512 22.0002 15.2012 21.6602 15.2012 21.2302C15.2012 20.8102 15.5412 20.4602 15.9712 20.4602H17.3612C19.2312 20.4602 20.7412 18.9402 20.7412 17.0802V15.7002C20.7412 15.2802 21.0812 14.9302 21.5112 14.9302C21.9312 14.9302 22.2812 15.2702 22.2812 15.7002V17.0802C22.2812 19.7902 20.0712 22.0002 17.3612 22.0002Z" fill="currentColor"/>
+<path d="M9.51125 22H7.20125C4.49125 22 2.28125 19.79 2.28125 17.08V14.77C2.28125 14.34 2.62125 14 3.05125 14C3.48125 14 3.82125 14.34 3.82125 14.77V17.08C3.82125 18.95 5.34125 20.46 7.20125 20.46H9.51125C9.93125 20.46 10.2812 20.8 10.2812 21.23C10.2812 21.66 9.94125 22 9.51125 22Z" fill="currentColor"/>
+<path d="M18.7412 11.23H5.82125C5.39125 11.23 5.05125 11.58 5.05125 12C5.05125 12.42 5.39125 12.77 5.82125 12.77H18.7412C19.1712 12.77 19.5112 12.42 19.5112 12C19.5112 11.58 19.1712 11.23 18.7412 11.23Z" fill="currentColor"/>
+<path d="M7.18125 13.94V14.27C7.18125 15.93 8.52125 17.27 10.1812 17.27H14.3813C16.0413 17.27 17.3813 15.93 17.3813 14.27V13.94C17.3813 13.82 17.2912 13.73 17.1712 13.73H7.39125C7.27125 13.73 7.18125 13.82 7.18125 13.94Z" fill="currentColor"/>
+<path d="M7.18125 10.06V9.73C7.18125 8.07 8.52125 6.73 10.1812 6.73H14.3813C16.0413 6.73 17.3813 8.07 17.3813 9.73V10.06C17.3813 10.18 17.2912 10.27 17.1712 10.27H7.39125C7.27125 10.27 7.18125 10.18 7.18125 10.06Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/scan-focus-outline.svg b/app/component-library/components/Icon/assets/scan-focus-outline.svg
new file mode 100644
index 00000000000..afbe64f7093
--- /dev/null
+++ b/app/component-library/components/Icon/assets/scan-focus-outline.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.28125 9V6.5C2.28125 4.01 4.29125 2 6.78125 2H9.28125M15.2812 2H17.7812C20.2713 2 22.2812 4.01 22.2812 6.5V9M22.2812 16V17.5C22.2812 19.99 20.2713 22 17.7812 22H16.2812M9.28125 22H6.78125C4.29125 22 2.28125 19.99 2.28125 17.5V15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/scroll-filled.svg b/app/component-library/components/Icon/assets/scroll-filled.svg
new file mode 100644
index 00000000000..1f5dee4dbad
--- /dev/null
+++ b/app/component-library/components/Icon/assets/scroll-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.4713 2H8.09125C4.45125 2 2.28125 4.17 2.28125 7.81V16.18C2.28125 19.83 4.45125 22 8.09125 22H16.4613C20.1013 22 22.2712 19.83 22.2712 16.19V7.81C22.2812 4.17 20.1113 2 16.4713 2ZM10.4113 14.5C10.7013 14.79 10.7013 15.27 10.4113 15.56C10.2613 15.71 10.0713 15.78 9.88125 15.78C9.69125 15.78 9.50125 15.71 9.35125 15.56L6.86125 13.07C6.27125 12.48 6.27125 11.53 6.86125 10.94L9.35125 8.45C9.64125 8.16 10.1213 8.16 10.4113 8.45C10.7013 8.74 10.7013 9.22 10.4113 9.51L7.92125 12L10.4113 14.5ZM17.7013 13.06L15.2113 15.55C15.0613 15.7 14.8712 15.77 14.6812 15.77C14.4912 15.77 14.3012 15.7 14.1512 15.55C13.8612 15.26 13.8612 14.78 14.1512 14.49L16.6413 12L14.1512 9.5C13.8612 9.21 13.8612 8.73 14.1512 8.44C14.4412 8.15 14.9213 8.15 15.2113 8.44L17.7013 10.93C18.2913 11.52 18.2913 12.48 17.7013 13.06Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/search-filled.svg b/app/component-library/components/Icon/assets/search-filled.svg
new file mode 100644
index 00000000000..7454606c06a
--- /dev/null
+++ b/app/component-library/components/Icon/assets/search-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.7812 21C17.028 21 21.2812 16.7467 21.2812 11.5C21.2812 6.25329 17.028 2 11.7812 2C6.53454 2 2.28125 6.25329 2.28125 11.5C2.28125 16.7467 6.53454 21 11.7812 21Z" fill="currentColor"/>
+<path d="M21.5808 22.0001C21.4008 22.0001 21.2208 21.9301 21.0908 21.8001L19.2308 19.9401C18.9608 19.6701 18.9608 19.2301 19.2308 18.9501C19.5008 18.6801 19.9408 18.6801 20.2208 18.9501L22.0808 20.8101C22.3508 21.0801 22.3508 21.5201 22.0808 21.8001C21.9408 21.9301 21.7608 22.0001 21.5808 22.0001Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/security-card-filled.svg b/app/component-library/components/Icon/assets/security-card-filled.svg
new file mode 100644
index 00000000000..3fb22e2434f
--- /dev/null
+++ b/app/component-library/components/Icon/assets/security-card-filled.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.7707 13.3799H11.2807C10.9807 13.3799 10.7407 13.6199 10.7407 13.9199C10.7407 14.2199 10.9807 14.4599 11.2807 14.4599H13.7707C14.0707 14.4599 14.3107 14.2199 14.3107 13.9199C14.3107 13.6199 14.0707 13.3799 13.7707 13.3799Z" fill="currentColor"/>
+<path d="M9.72115 13.3799H8.47115C8.17115 13.3799 7.93115 13.6199 7.93115 13.9199C7.93115 14.2199 8.17115 14.4599 8.47115 14.4599H9.72115C10.0212 14.4599 10.2612 14.2199 10.2612 13.9199C10.2612 13.6199 10.0212 13.3799 9.72115 13.3799Z" fill="currentColor"/>
+<path d="M18.8206 4.21994L13.3206 2.15994C12.7506 1.94994 11.8206 1.94994 11.2506 2.15994L5.75057 4.21994C4.69057 4.61994 3.83057 5.85994 3.83057 6.98994V15.0899C3.83057 15.8999 4.36057 16.9699 5.01057 17.4499L10.5106 21.5599C11.4806 22.2899 13.0706 22.2899 14.0406 21.5599L19.5406 17.4499C20.1906 16.9599 20.7206 15.8999 20.7206 15.0899V6.98994C20.7306 5.85994 19.8706 4.61994 18.8206 4.21994ZM18.4506 13.6499C18.4306 15.7199 17.8606 16.2399 15.7106 16.2399H8.86057C6.67057 16.2399 6.12057 15.6999 6.12057 13.5299V11.1999C6.12057 10.9199 6.34057 10.6999 6.62057 10.6999H17.9506C18.2306 10.6999 18.4506 10.9199 18.4506 11.1999V13.6499ZM18.4506 9.10994C18.4506 9.38994 18.2306 9.60994 17.9506 9.60994H6.62057C6.34057 9.60994 6.12057 9.38994 6.12057 9.10994V8.46994C6.12057 6.50994 6.58057 5.87994 8.29057 5.76994C8.47057 5.76994 8.66057 5.75994 8.86057 5.75994H15.7106C17.9006 5.75994 18.4506 6.29994 18.4506 8.46994V9.10994Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/security-cross-filled.svg b/app/component-library/components/Icon/assets/security-cross-filled.svg
new file mode 100644
index 00000000000..fcb3503fd45
--- /dev/null
+++ b/app/component-library/components/Icon/assets/security-cross-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.8206 4.11984L13.3206 2.05984C12.7506 1.84984 11.8206 1.84984 11.2506 2.05984L5.75057 4.11984C4.69057 4.51984 3.83057 5.75984 3.83057 6.88984V14.9898C3.83057 15.7998 4.36057 16.8698 5.01057 17.3498L10.5106 21.4598C11.4806 22.1898 13.0706 22.1898 14.0406 21.4598L19.5406 17.3498C20.1906 16.8598 20.7206 15.7998 20.7206 14.9898V6.88984C20.7306 5.75984 19.8706 4.51984 18.8206 4.11984ZM14.9606 13.9698C14.8106 14.1198 14.6206 14.1898 14.4306 14.1898C14.2406 14.1898 14.0506 14.1198 13.9006 13.9698L12.3106 12.3798L10.6706 14.0198C10.5206 14.1698 10.3306 14.2398 10.1406 14.2398C9.95057 14.2398 9.76057 14.1698 9.61057 14.0198C9.32057 13.7298 9.32057 13.2498 9.61057 12.9598L11.2506 11.3198L9.65057 9.71984C9.36057 9.42984 9.36057 8.94984 9.65057 8.65984C9.94057 8.36984 10.4206 8.36984 10.7106 8.65984L12.3006 10.2498L13.8506 8.69984C14.1406 8.40984 14.6206 8.40984 14.9106 8.69984C15.2006 8.98984 15.2006 9.46984 14.9106 9.75984L13.3606 11.3098L14.9506 12.8998C15.2506 13.1998 15.2506 13.6698 14.9606 13.9698Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/security-filled.svg b/app/component-library/components/Icon/assets/security-filled.svg
new file mode 100644
index 00000000000..fe83c30a65e
--- /dev/null
+++ b/app/component-library/components/Icon/assets/security-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.7709 2.23006L5.78092 4.11006C4.63092 4.54006 3.69092 5.90006 3.69092 7.12006V14.5501C3.69092 15.7301 4.47092 17.2801 5.42092 17.9901L9.72092 21.2001C11.1309 22.2601 13.4509 22.2601 14.8609 21.2001L19.1609 17.9901C20.1109 17.2801 20.8909 15.7301 20.8909 14.5501V7.12006C20.8909 5.89006 19.9509 4.53006 18.8009 4.10006L13.8109 2.23006C12.9609 1.92006 11.6009 1.92006 10.7709 2.23006Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/security-key-filled.svg b/app/component-library/components/Icon/assets/security-key-filled.svg
new file mode 100644
index 00000000000..b6e5c96896a
--- /dev/null
+++ b/app/component-library/components/Icon/assets/security-key-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.8206 4.17014L13.3206 2.11014C12.7506 1.90014 11.8206 1.90014 11.2506 2.11014L5.75057 4.17014C4.69057 4.57014 3.83057 5.81014 3.83057 6.94014V15.0401C3.83057 15.8501 4.36057 16.9201 5.01057 17.4001L10.5106 21.5101C11.4806 22.2401 13.0706 22.2401 14.0406 21.5101L19.5406 17.4001C20.1906 16.9101 20.7206 15.8501 20.7206 15.0401V6.94014C20.7306 5.81014 19.8706 4.57014 18.8206 4.17014ZM13.0306 12.8701V15.5001C13.0306 15.9101 12.6906 16.2501 12.2806 16.2501C11.8706 16.2501 11.5306 15.9101 11.5306 15.5001V12.8701C10.5206 12.5501 9.78057 11.6101 9.78057 10.5001C9.78057 9.12014 10.9006 8.00014 12.2806 8.00014C13.6606 8.00014 14.7806 9.12014 14.7806 10.5001C14.7806 11.6201 14.0406 12.5501 13.0306 12.8701Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/security-search-filled.svg b/app/component-library/components/Icon/assets/security-search-filled.svg
new file mode 100644
index 00000000000..cd1754c18ac
--- /dev/null
+++ b/app/component-library/components/Icon/assets/security-search-filled.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.7308 6.94014V9.45014C19.7308 10.1601 19.0108 10.6201 18.3408 10.3701C17.5008 10.0601 16.5708 9.94014 15.5908 10.0401C13.2108 10.3001 10.7708 12.5901 10.3708 14.9601C10.0408 16.9301 10.6708 18.7701 11.8808 20.0701C12.4308 20.6701 12.0608 21.6401 11.2508 21.7301C10.5608 21.8101 9.8808 21.7901 9.5008 21.5101L4.0008 17.4001C3.3508 16.9101 2.8208 15.8501 2.8208 15.0301V6.94014C2.8208 5.81014 3.6808 4.57014 4.7308 4.17014L10.2308 2.11014C10.8008 1.90014 11.7408 1.90014 12.3108 2.11014L17.8108 4.17014C18.8708 4.57014 19.7308 5.81014 19.7308 6.94014Z" fill="currentColor"/>
+<path d="M16.2808 11.5098C13.8008 11.5098 11.7808 13.5298 11.7808 16.0098C11.7808 18.4898 13.8008 20.5098 16.2808 20.5098C18.7608 20.5098 20.7808 18.4898 20.7808 16.0098C20.7808 13.5198 18.7608 11.5098 16.2808 11.5098Z" fill="currentColor"/>
+<path d="M21.2808 22C21.0108 22 20.7608 21.89 20.5708 21.71C20.5308 21.66 20.4808 21.61 20.4508 21.55C20.4108 21.5 20.3808 21.44 20.3608 21.38C20.3308 21.32 20.3108 21.26 20.3008 21.2C20.2908 21.13 20.2808 21.07 20.2808 21C20.2808 20.87 20.3108 20.74 20.3608 20.62C20.4108 20.49 20.4808 20.39 20.5708 20.29C20.8008 20.06 21.1508 19.95 21.4708 20.02C21.5408 20.03 21.6008 20.05 21.6608 20.08C21.7208 20.1 21.7808 20.13 21.8308 20.17C21.8908 20.2 21.9408 20.25 21.9908 20.29C22.0808 20.39 22.1508 20.49 22.2008 20.62C22.2508 20.74 22.2808 20.87 22.2808 21C22.2808 21.26 22.1708 21.52 21.9908 21.71C21.9408 21.75 21.8908 21.79 21.8308 21.83C21.7808 21.87 21.7208 21.9 21.6608 21.92C21.6008 21.95 21.5408 21.97 21.4708 21.98C21.4108 21.99 21.3408 22 21.2808 22Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/security-slash-filled.svg b/app/component-library/components/Icon/assets/security-slash-filled.svg
new file mode 100644
index 00000000000..c183d617b0c
--- /dev/null
+++ b/app/component-library/components/Icon/assets/security-slash-filled.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6406 4.63984L6.11057 18.1698L5.01057 17.3498C4.36057 16.8598 3.83057 15.7998 3.83057 14.9798V6.88984C3.83057 5.75984 4.69057 4.51984 5.74057 4.11984L11.2406 2.05984C11.8106 1.84984 12.7506 1.84984 13.3206 2.05984L18.8206 4.11984C19.1106 4.22984 19.3906 4.40984 19.6406 4.63984Z" fill="currentColor"/>
+<path d="M20.7308 14.9798C20.7308 15.7998 20.2008 16.8598 19.5508 17.3498L14.0508 21.4598C13.0708 22.1798 11.4907 22.1798 10.5107 21.4598L8.75075 20.1498C8.26075 19.7898 8.21075 19.0698 8.64075 18.6398L19.0208 8.25983C19.6508 7.62983 20.7308 8.07983 20.7308 8.96983V14.9798Z" fill="currentColor"/>
+<path d="M22.0506 2.22988C21.7506 1.92988 21.2606 1.92988 20.9606 2.22988L2.51064 20.6899C2.21064 20.9899 2.21064 21.4799 2.51064 21.7799C2.66064 21.9199 2.85064 21.9999 3.05064 21.9999C3.25064 21.9999 3.44064 21.9199 3.59064 21.7699L22.0506 3.30988C22.3606 3.00988 22.3606 2.52988 22.0506 2.22988Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/security-tick-filled.svg b/app/component-library/components/Icon/assets/security-tick-filled.svg
new file mode 100644
index 00000000000..3d15429c628
--- /dev/null
+++ b/app/component-library/components/Icon/assets/security-tick-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.8206 4.11984L13.3206 2.05984C12.7506 1.84984 11.8206 1.84984 11.2506 2.05984L5.75057 4.11984C4.69057 4.51984 3.83057 5.75984 3.83057 6.88984V14.9898C3.83057 15.7998 4.36057 16.8698 5.01057 17.3498L10.5106 21.4598C11.4806 22.1898 13.0706 22.1898 14.0406 21.4598L19.5406 17.3498C20.1906 16.8598 20.7206 15.7998 20.7206 14.9898V6.88984C20.7306 5.75984 19.8706 4.51984 18.8206 4.11984ZM15.7606 9.71984L11.4606 14.0198C11.3106 14.1698 11.1206 14.2398 10.9306 14.2398C10.7406 14.2398 10.5506 14.1698 10.4006 14.0198L8.80057 12.3998C8.51057 12.1098 8.51057 11.6298 8.80057 11.3398C9.09057 11.0498 9.57057 11.0498 9.86057 11.3398L10.9406 12.4198L14.7106 8.64984C15.0006 8.35984 15.4806 8.35984 15.7706 8.64984C16.0606 8.93984 16.0606 9.42984 15.7606 9.71984Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/security-time-filled.svg b/app/component-library/components/Icon/assets/security-time-filled.svg
new file mode 100644
index 00000000000..1ed79ff98f5
--- /dev/null
+++ b/app/component-library/components/Icon/assets/security-time-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2808 8.25C10.4908 8.25 9.03076 9.71 9.03076 11.5C9.03076 13.29 10.4908 14.75 12.2808 14.75C14.0708 14.75 15.5308 13.29 15.5308 11.5C15.5308 9.71 14.0708 8.25 12.2808 8.25ZM13.2808 11.18C13.2808 11.79 12.9508 12.37 12.4308 12.68L11.6608 13.14C11.5408 13.21 11.4108 13.25 11.2708 13.25C11.0208 13.25 10.7708 13.12 10.6308 12.89C10.4208 12.53 10.5308 12.07 10.8908 11.86L11.6508 11.4C11.7308 11.35 11.7708 11.27 11.7708 11.19V10.26C11.7708 9.85 12.1108 9.51 12.5208 9.51C12.9308 9.51 13.2808 9.84 13.2808 10.25V11.18Z" fill="currentColor"/>
+<path d="M18.8206 4.17014L13.3206 2.11014C12.7506 1.90014 11.8206 1.90014 11.2506 2.11014L5.75057 4.17014C4.69057 4.57014 3.83057 5.81014 3.83057 6.94014V15.0401C3.83057 15.8501 4.36057 16.9201 5.01057 17.4001L10.5106 21.5101C11.4806 22.2401 13.0706 22.2401 14.0406 21.5101L19.5406 17.4001C20.1906 16.9101 20.7206 15.8501 20.7206 15.0401V6.94014C20.7306 5.81014 19.8706 4.57014 18.8206 4.17014ZM12.2806 16.2501C9.66057 16.2501 7.53057 14.1201 7.53057 11.5001C7.53057 8.88014 9.66057 6.75014 12.2806 6.75014C14.9006 6.75014 17.0306 8.88014 17.0306 11.5001C17.0306 14.1201 14.9006 16.2501 12.2806 16.2501Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/security-user-filled.svg b/app/component-library/components/Icon/assets/security-user-filled.svg
new file mode 100644
index 00000000000..929144bfe89
--- /dev/null
+++ b/app/component-library/components/Icon/assets/security-user-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.7809 4.10982L13.7909 2.23982C12.9609 1.92982 11.6009 1.92982 10.7709 2.23982L5.78092 4.10982C4.63092 4.53982 3.69092 5.89982 3.69092 7.11982V14.5498C3.69092 15.7298 4.47092 17.2798 5.42092 17.9898L9.72092 21.1998C11.1309 22.2598 13.4509 22.2598 14.8609 21.1998L19.1609 17.9898C20.1109 17.2798 20.8909 15.7298 20.8909 14.5498V7.11982C20.8709 5.89982 19.9309 4.53982 18.7809 4.10982ZM12.2109 7.02982C13.3909 7.02982 14.3509 7.98982 14.3509 9.16982C14.3509 10.3298 13.4409 11.2598 12.2909 11.2998H12.2709H12.2509C12.2309 11.2998 12.2109 11.2998 12.1909 11.2998C10.9909 11.2598 10.0909 10.3298 10.0909 9.16982C10.0809 7.98982 11.0409 7.02982 12.2109 7.02982ZM14.4709 16.3598C13.8609 16.7598 13.0709 16.9698 12.2809 16.9698C11.4909 16.9698 10.6909 16.7698 10.0909 16.3598C9.52092 15.9798 9.21092 15.4598 9.20092 14.8898C9.20092 14.3298 9.52092 13.7898 10.0909 13.4098C11.3009 12.6098 13.2709 12.6098 14.4809 13.4098C15.0509 13.7898 15.3709 14.3098 15.3709 14.8798C15.3609 15.4398 15.0409 15.9798 14.4709 16.3598Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/send-1-filled.svg b/app/component-library/components/Icon/assets/send-1-filled.svg
new file mode 100644
index 00000000000..83f881b25fa
--- /dev/null
+++ b/app/component-library/components/Icon/assets/send-1-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.4209 2.96004L7.39088 5.96004C1.32088 7.99004 1.32088 11.3 7.39088 13.32L10.0709 14.21L10.9609 16.89C12.9809 22.96 16.3009 22.96 18.3209 16.89L21.3309 7.87004C22.6709 3.82004 20.4709 1.61004 16.4209 2.96004ZM16.7409 8.34004L12.9409 12.16C12.7909 12.31 12.6009 12.38 12.4109 12.38C12.2209 12.38 12.0309 12.31 11.8809 12.16C11.5909 11.87 11.5909 11.39 11.8809 11.1L15.6809 7.28004C15.9709 6.99004 16.4509 6.99004 16.7409 7.28004C17.0309 7.57004 17.0309 8.05004 16.7409 8.34004Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/send-2-outline.svg b/app/component-library/components/Icon/assets/send-2-outline.svg
new file mode 100644
index 00000000000..7952b06fd00
--- /dev/null
+++ b/app/component-library/components/Icon/assets/send-2-outline.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.7808 22.75H3.78076C3.37076 22.75 3.03076 22.41 3.03076 22C3.03076 21.59 3.37076 21.25 3.78076 21.25H20.7808C21.1908 21.25 21.5308 21.59 21.5308 22C21.5308 22.41 21.1908 22.75 20.7808 22.75Z" fill="currentColor"/>
+<path d="M19.2802 18.2499C19.0902 18.2499 18.9002 18.1799 18.7502 18.0299L4.75021 4.02994C4.46021 3.73994 4.46021 3.25994 4.75021 2.96994C5.04021 2.67994 5.52021 2.67994 5.81021 2.96994L19.8102 16.9699C20.1002 17.2599 20.1002 17.7399 19.8102 18.0299C19.6602 18.1799 19.4702 18.2499 19.2802 18.2499Z" fill="currentColor"/>
+<path d="M5.28076 14.52C4.87076 14.52 4.53076 14.18 4.53076 13.77V3.5C4.53076 3.09 4.87076 2.75 5.28076 2.75H15.5508C15.9608 2.75 16.3008 3.09 16.3008 3.5C16.3008 3.91 15.9608 4.25 15.5508 4.25H6.03076V13.77C6.03076 14.18 5.69076 14.52 5.28076 14.52Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/setting-filled.svg b/app/component-library/components/Icon/assets/setting-filled.svg
new file mode 100644
index 00000000000..10824a14c8a
--- /dev/null
+++ b/app/component-library/components/Icon/assets/setting-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.3813 9.22C18.5713 9.22 17.8313 7.94 18.7313 6.37C19.2513 5.46 18.9413 4.3 18.0312 3.78L16.3013 2.79C15.5113 2.32 14.4912 2.6 14.0212 3.39L13.9113 3.58C13.0113 5.15 11.5313 5.15 10.6213 3.58L10.5112 3.39C10.0612 2.6 9.04125 2.32 8.25125 2.79L6.52125 3.78C5.61125 4.3 5.30125 5.47 5.82125 6.38C6.73125 7.94 5.99125 9.22 4.18125 9.22C3.14125 9.22 2.28125 10.07 2.28125 11.12V12.88C2.28125 13.92 3.13125 14.78 4.18125 14.78C5.99125 14.78 6.73125 16.06 5.82125 17.63C5.30125 18.54 5.61125 19.7 6.52125 20.22L8.25125 21.21C9.04125 21.68 10.0613 21.4 10.5312 20.61L10.6412 20.42C11.5412 18.85 13.0212 18.85 13.9312 20.42L14.0413 20.61C14.5113 21.4 15.5313 21.68 16.3213 21.21L18.0513 20.22C18.9613 19.7 19.2712 18.53 18.7512 17.63C17.8412 16.06 18.5813 14.78 20.3913 14.78C21.4313 14.78 22.2913 13.93 22.2913 12.88V11.12C22.2813 10.08 21.4313 9.22 20.3813 9.22ZM12.2812 15.25C10.4913 15.25 9.03125 13.79 9.03125 12C9.03125 10.21 10.4913 8.75 12.2812 8.75C14.0712 8.75 15.5312 10.21 15.5312 12C15.5312 13.79 14.0712 15.25 12.2812 15.25Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/slash-filled.svg b/app/component-library/components/Icon/assets/slash-filled.svg
new file mode 100644
index 00000000000..95c0144eb5d
--- /dev/null
+++ b/app/component-library/components/Icon/assets/slash-filled.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.8108 5.53L5.81076 19.53C5.79076 19.55 5.78076 19.56 5.76076 19.57C5.38076 19.25 5.03076 18.9 4.71076 18.52C3.19076 16.77 2.28076 14.49 2.28076 12C2.28076 6.48 6.76076 2 12.2808 2C14.7708 2 17.0508 2.91 18.8008 4.43C19.1808 4.75 19.5308 5.1 19.8508 5.48C19.8408 5.5 19.8308 5.51 19.8108 5.53Z" fill="currentColor"/>
+<path d="M22.2806 11.9999C22.2806 17.4899 17.7706 21.9999 12.2806 21.9999C10.7806 21.9999 9.36062 21.6699 8.08062 21.0699C7.46062 20.7799 7.34062 19.9499 7.82062 19.4599L19.7406 7.53986C20.2206 7.05986 21.0606 7.17986 21.3506 7.79986C21.9506 9.06986 22.2806 10.4999 22.2806 11.9999Z" fill="currentColor"/>
+<path d="M22.0506 2.22988C21.7506 1.92988 21.2606 1.92988 20.9606 2.22988L2.51064 20.6899C2.21064 20.9899 2.21064 21.4799 2.51064 21.7799C2.66064 21.9199 2.85064 21.9999 3.05064 21.9999C3.25064 21.9999 3.44064 21.9199 3.59064 21.7699L22.0506 3.30988C22.3606 3.00988 22.3606 2.52988 22.0506 2.22988Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/snaps-filled.svg b/app/component-library/components/Icon/assets/snaps-filled.svg
new file mode 100644
index 00000000000..c28ff34ae57
--- /dev/null
+++ b/app/component-library/components/Icon/assets/snaps-filled.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.7558 5.64487L13.3622 2.26962C12.6891 1.91013 11.8734 1.91013 11.2003 2.26962L4.80668 5.64487C4.33761 5.89452 4.05208 6.37385 4.05208 6.92308C4.05208 7.46232 4.33761 7.95163 4.80668 8.20128L11.2003 11.5765C11.5369 11.7563 11.9141 11.8462 12.2812 11.8462C12.6484 11.8462 13.0256 11.7563 13.3622 11.5765L19.7558 8.20128C20.2249 7.95163 20.5104 7.4723 20.5104 6.92308C20.5104 6.37385 20.2249 5.89452 19.7558 5.64487Z" fill="currentColor"/>
+<path d="M10.3609 12.47L4.54997 9.38462C4.09031 9.1636 3.40484 9.33564 2.97583 9.59684C2.53661 9.86808 2.28125 10.3202 2.28125 10.8225V16.3578C2.28125 17.3122 2.82262 18.2347 3.69085 18.6667L9.64588 21.8462C9.85017 21.9466 10.0749 21.9968 10.2996 21.9968C10.5652 21.9968 10.8308 21.9265 11.0657 21.7859C11.5049 21.5247 11.7603 20.758 11.7603 20.2557V14.7203C11.7705 13.7559 11.2291 12.8919 10.3609 12.47Z" fill="currentColor"/>
+<path d="M21.5867 9.60083C21.1474 9.33972 20.4579 9.15363 20.0084 9.38462L14.2117 12.4731C13.3435 12.9049 12.8021 13.7585 12.8021 14.7226V20.2562C12.8021 20.7583 13.0574 21.528 13.4967 21.7891C13.7316 21.9297 13.9972 22 14.2628 22C14.4875 22 14.7122 21.9498 14.9165 21.8494L20.8716 18.6667C21.7399 18.2348 22.2812 17.3237 22.2812 16.3596V10.826C22.2812 10.3239 22.0259 9.87199 21.5867 9.60083Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/snaps-mobile-filled.svg b/app/component-library/components/Icon/assets/snaps-mobile-filled.svg
new file mode 100644
index 00000000000..e1b0e1c8b65
--- /dev/null
+++ b/app/component-library/components/Icon/assets/snaps-mobile-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.4783 2H8.09415C4.45233 2 2.28125 4.18 2.28125 7.82V16.19C2.28125 19.83 4.45233 22 8.09415 22H16.4683C20.1101 22 22.2812 19.83 22.2812 16.19V7.82C22.2912 4.18 20.1201 2 16.4783 2ZM11.856 16.79C11.856 17.09 11.7059 17.36 11.4458 17.52C11.3057 17.61 11.1557 17.65 10.9956 17.65C10.8655 17.65 10.7355 17.62 10.6054 17.56L7.10365 15.81C6.6034 15.55 6.28324 15.04 6.28324 14.47V11.16C6.28324 10.86 6.43332 10.59 6.69345 10.43C6.95358 10.27 7.26373 10.26 7.53387 10.39L11.0356 12.14C11.5459 12.4 11.866 12.91 11.866 13.48V16.79H11.856ZM11.6459 11.44L7.88404 9.41C7.61391 9.26 7.44382 8.97 7.44382 8.64C7.44382 8.32 7.61391 8.02 7.88404 7.87L11.6459 5.84C12.0461 5.63 12.5164 5.63 12.9165 5.84L16.6784 7.87C16.9486 8.02 17.1186 8.31 17.1186 8.64C17.1186 8.97 16.9486 9.26 16.6784 9.41L12.9165 11.44C12.7164 11.55 12.4963 11.6 12.2762 11.6C12.0561 11.6 11.846 11.55 11.6459 11.44ZM18.2892 14.47C18.2892 15.04 17.9691 15.56 17.4588 15.81L13.9571 17.56C13.837 17.62 13.7069 17.65 13.5669 17.65C13.4068 17.65 13.2567 17.61 13.1166 17.52C12.8565 17.36 12.7064 17.09 12.7064 16.79V13.48C12.7064 12.91 13.0266 12.39 13.5369 12.14L17.0386 10.39C17.3087 10.26 17.6189 10.27 17.879 10.43C18.1392 10.59 18.2892 10.86 18.2892 11.16V14.47Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/snaps-plus-filled.svg b/app/component-library/components/Icon/assets/snaps-plus-filled.svg
new file mode 100644
index 00000000000..1aa2b51c3e3
--- /dev/null
+++ b/app/component-library/components/Icon/assets/snaps-plus-filled.svg
@@ -0,0 +1,6 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.1384 5.12828L11.7574 2.2289C11.186 1.9237 10.5098 1.9237 9.93839 2.2289L4.56696 5.12828C4.17649 5.34764 3.92887 5.76729 3.92887 6.22508C3.92887 6.69242 4.16696 7.11207 4.56696 7.32189L9.94792 10.2213C10.2336 10.3739 10.5479 10.4502 10.8527 10.4502C11.1574 10.4502 11.4812 10.3739 11.7574 10.2213L17.1384 7.32189C17.5289 7.11207 17.7765 6.69242 17.7765 6.22508C17.7765 5.76729 17.5289 5.34764 17.1384 5.12828Z" fill="currentColor"/>
+<path d="M9.0622 11.2322L4.0622 8.73343C3.67173 8.53314 3.23363 8.56175 2.8622 8.78112C2.5003 9.01001 2.28125 9.40105 2.28125 9.83023V14.5608C2.28125 15.381 2.73839 16.1154 3.47173 16.4874L8.47173 18.9862C8.64315 19.072 8.83363 19.1197 9.02411 19.1197C9.24315 19.1197 9.47173 19.0529 9.67173 18.9385C10.0336 18.7096 10.2527 18.3186 10.2527 17.8894V13.1588C10.2432 12.3386 9.78601 11.6042 9.0622 11.2322Z" fill="currentColor"/>
+<path d="M19.4241 9.83023V12.1764C18.967 12.0429 18.4813 11.9857 17.9955 11.9857C16.7003 11.9857 15.4336 12.434 14.4336 13.2351C13.0622 14.3128 12.2813 15.9437 12.2813 17.7082C12.2813 18.1755 12.3384 18.6428 12.4622 19.0911C12.3193 19.072 12.1765 19.0148 12.0432 18.9289C11.6813 18.7096 11.4622 18.3186 11.4622 17.8894V13.1588C11.4622 12.3386 11.9193 11.6042 12.6432 11.2322L17.6432 8.73343C18.0336 8.53314 18.4717 8.56176 18.8432 8.78112C19.2051 9.01001 19.4241 9.40105 19.4241 9.83023Z" fill="currentColor"/>
+<path d="M21.3289 15.0377C21.3289 15.0281 21.3193 15.0186 21.3098 15.0091C21.2717 14.9518 21.2241 14.8946 21.1765 14.8469C21.167 14.8374 21.1574 14.8183 21.1479 14.8088C20.3765 13.9504 19.2432 13.4163 17.9955 13.4163C16.7955 13.4163 15.7003 13.9123 14.9193 14.7134C14.167 15.4859 13.7098 16.5446 13.7098 17.7082C13.7098 18.5093 13.9384 19.2723 14.3289 19.9208C14.5384 20.2737 14.8051 20.598 15.1098 20.865C15.1289 20.8746 15.1384 20.8841 15.1479 20.8937C15.1955 20.9413 15.2432 20.9795 15.3003 21.0272C15.3003 21.0272 15.3003 21.0272 15.3098 21.0272C15.3193 21.0367 15.3289 21.0463 15.3384 21.0463C16.0527 21.6471 16.9765 22 17.9955 22C19.5574 22 20.9193 21.1607 21.6622 19.9208C21.8812 19.5489 22.0527 19.1388 22.1574 18.7096C22.2432 18.3853 22.2813 18.0515 22.2813 17.7082C22.2813 16.6972 21.9289 15.7625 21.3289 15.0377ZM19.5955 18.4044H18.7098V19.3295C18.7098 19.7206 18.386 20.0448 17.9955 20.0448C17.6051 20.0448 17.2813 19.7206 17.2813 19.3295V18.4044H16.3955C16.0051 18.4044 15.6812 18.0801 15.6812 17.6891C15.6812 17.298 16.0051 16.9738 16.3955 16.9738H17.2813V16.1249C17.2813 15.7339 17.6051 15.4096 17.9955 15.4096C18.386 15.4096 18.7098 15.7339 18.7098 16.1249V16.9738H19.5955C19.986 16.9738 20.3098 17.298 20.3098 17.6891C20.3098 18.0801 19.9955 18.4044 19.5955 18.4044Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/speedometer-filled.svg b/app/component-library/components/Icon/assets/speedometer-filled.svg
new file mode 100644
index 00000000000..7024c6b4703
--- /dev/null
+++ b/app/component-library/components/Icon/assets/speedometer-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.78076 15.5463V17.7353C2.78076 17.9381 2.85775 18.1326 2.9948 18.276C3.13184 18.4194 3.31772 18.5 3.51153 18.5H21.05C21.2438 18.5 21.4297 18.4194 21.5667 18.276C21.7038 18.1326 21.7808 17.9381 21.7808 17.7353V15.4412C21.7808 14.1325 21.5338 12.8367 21.0541 11.628C20.5744 10.4194 19.8714 9.32183 18.9854 8.39821C18.0993 7.47459 17.0478 6.74313 15.8909 6.24579C14.7341 5.74846 13.4949 5.49504 12.2442 5.50007C7.00095 5.51919 2.78076 10.05 2.78076 15.5463ZM18.2808 14.5C18.833 14.5 19.2808 14.0523 19.2808 13.5C19.2808 12.9477 18.833 12.5 18.2808 12.5C17.7285 12.5 17.2808 12.9477 17.2808 13.5C17.2808 14.0523 17.7285 14.5 18.2808 14.5ZM6.78076 13.5C6.78076 14.0523 6.33305 14.5 5.78076 14.5C5.22848 14.5 4.78076 14.0523 4.78076 13.5C4.78076 12.9477 5.22848 12.5 5.78076 12.5C6.33305 12.5 6.78076 12.9477 6.78076 13.5ZM11.6313 9.5C12.1836 9.5 12.6313 9.05228 12.6313 8.5C12.6313 7.94772 12.1836 7.5 11.6313 7.5C11.0791 7.5 10.6313 7.94772 10.6313 8.5C10.6313 9.05228 11.0791 9.5 11.6313 9.5ZM17.3111 9.96967C17.604 10.2626 17.604 10.7374 17.3111 11.0303L13.6078 14.7337C13.6233 14.8201 13.6313 14.9091 13.6313 15C13.6313 15.8284 12.9598 16.5 12.1313 16.5C11.3029 16.5 10.6313 15.8284 10.6313 15C10.6313 14.1716 11.3029 13.5 12.1313 13.5C12.3076 13.5 12.4768 13.5304 12.6339 13.5862L16.2504 9.96967C16.5433 9.67678 17.0182 9.67678 17.3111 9.96967Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/star-filled.svg b/app/component-library/components/Icon/assets/star-filled.svg
new file mode 100644
index 00000000000..7795c4cce76
--- /dev/null
+++ b/app/component-library/components/Icon/assets/star-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0107 3.51014L15.7707 7.03014C16.0107 7.52014 16.6507 7.99014 17.1907 8.08014L20.3807 8.61014C22.4207 8.95014 22.9007 10.4301 21.4307 11.8901L18.9507 14.3701C18.5307 14.7901 18.3007 15.6001 18.4307 16.1801L19.1407 19.2501C19.7007 21.6801 18.4107 22.6201 16.2607 21.3501L13.2707 19.5801C12.7307 19.2601 11.8407 19.2601 11.2907 19.5801L8.30067 21.3501C6.16067 22.6201 4.86067 21.6701 5.42067 19.2501L6.13067 16.1801C6.26067 15.6001 6.03067 14.7901 5.61067 14.3701L3.13067 11.8901C1.67067 10.4301 2.14067 8.95014 4.18067 8.61014L7.37067 8.08014C7.90067 7.99014 8.54067 7.52014 8.78067 7.03014L10.5407 3.51014C11.5007 1.60014 13.0607 1.60014 14.0107 3.51014Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/student-filled.svg b/app/component-library/components/Icon/assets/student-filled.svg
new file mode 100644
index 00000000000..7422eccba3e
--- /dev/null
+++ b/app/component-library/components/Icon/assets/student-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.1109 15.6402C17.7809 15.2002 18.6609 15.6802 18.6609 16.4802V17.7702C18.6609 19.0402 17.6709 20.4002 16.4809 20.8002L13.2909 21.8602C12.7309 22.0502 11.8209 22.0502 11.2709 21.8602L8.0809 20.8002C6.8809 20.4002 5.9009 19.0402 5.9009 17.7702V16.4702C5.9009 15.6802 6.7809 15.2002 7.4409 15.6302L9.5009 16.9702C10.2909 17.5002 11.2909 17.7602 12.2909 17.7602C13.2909 17.7602 14.2909 17.5002 15.0809 16.9702L17.1109 15.6402Z" fill="currentColor"/>
+<path d="M20.2608 6.46L14.2708 2.53C13.1908 1.82 11.4108 1.82 10.3308 2.53L4.31078 6.46C2.38078 7.71 2.38078 10.54 4.31078 11.8L5.91078 12.84L10.3308 15.72C11.4108 16.43 13.1908 16.43 14.2708 15.72L20.0308 11.94V15C20.0308 15.41 20.3708 15.75 20.7808 15.75C21.1908 15.75 21.5308 15.41 21.5308 15V10.08C21.9308 8.79 21.5208 7.29 20.2608 6.46Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/swap-horizontal-outline.svg b/app/component-library/components/Icon/assets/swap-horizontal-outline.svg
new file mode 100644
index 00000000000..9aef5991c60
--- /dev/null
+++ b/app/component-library/components/Icon/assets/swap-horizontal-outline.svg
@@ -0,0 +1,6 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5605 11.1997C17.3705 11.1997 17.1805 11.1297 17.0305 10.9797C16.7405 10.6897 16.7405 10.2097 17.0305 9.91971L20.2205 6.72971L17.0305 3.5397C16.7405 3.2497 16.7405 2.76971 17.0305 2.47971C17.3205 2.18971 17.8005 2.18971 18.0905 2.47971L21.8105 6.19974C21.9505 6.33974 22.0305 6.52971 22.0305 6.72971C22.0305 6.92971 21.9505 7.11974 21.8105 7.25974L18.0905 10.9797C17.9405 11.1197 17.7505 11.1997 17.5605 11.1997Z" fill="currentColor"/>
+<path d="M21.2808 7.47998H3.28076C2.87076 7.47998 2.53076 7.13998 2.53076 6.72998C2.53076 6.31998 2.87076 5.97998 3.28076 5.97998H21.2808C21.6908 5.97998 22.0305 6.31971 22.0305 6.72971C22.0305 7.13971 21.6908 7.47998 21.2808 7.47998Z" fill="currentColor"/>
+<path d="M7.00073 21.75C6.81073 21.75 6.62076 21.68 6.47076 21.53L2.75073 17.81C2.61073 17.67 2.53076 17.48 2.53076 17.28C2.53076 17.08 2.61073 16.89 2.75073 16.75L6.47076 13.03C6.76076 12.74 7.24076 12.74 7.53076 13.03C7.82076 13.32 7.82076 13.8 7.53076 14.09L4.34076 17.28L7.53076 20.4699C7.82076 20.7599 7.82076 21.24 7.53076 21.53C7.39076 21.68 7.20073 21.75 7.00073 21.75Z" fill="currentColor"/>
+<path d="M21.2808 18.02H3.28076C2.87076 18.02 2.53076 17.68 2.53076 17.27C2.53076 16.86 2.87076 16.52 3.28076 16.52H21.2808C21.6908 16.52 22.0308 16.86 22.0308 17.27C22.0308 17.68 21.6908 18.02 21.2808 18.02Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/swap-vertival-filled.svg b/app/component-library/components/Icon/assets/swap-vertival-filled.svg
new file mode 100644
index 00000000000..e36186486d6
--- /dev/null
+++ b/app/component-library/components/Icon/assets/swap-vertival-filled.svg
@@ -0,0 +1,6 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.731 7.46997C10.541 7.46997 10.351 7.4 10.201 7.25L7.01096 4.06L3.82095 7.25C3.53095 7.54 3.05096 7.54 2.76096 7.25C2.47096 6.96 2.47096 6.48 2.76096 6.19L6.48099 2.46997C6.62099 2.32997 6.81096 2.25 7.01096 2.25C7.21096 2.25 7.40099 2.32997 7.54099 2.46997L11.261 6.19C11.551 6.48 11.551 6.96 11.261 7.25C11.111 7.4 10.921 7.46997 10.731 7.46997Z" fill="currentColor"/>
+<path d="M7.01123 21.75C6.60123 21.75 6.26123 21.41 6.26123 21V3C6.26123 2.59 6.60096 2.25 7.01096 2.25C7.42096 2.25 7.76123 2.59 7.76123 3V21C7.76123 21.41 7.42123 21.75 7.01123 21.75Z" fill="currentColor"/>
+<path d="M17.5608 21.7502C17.3608 21.7502 17.1707 21.6702 17.0307 21.5302L13.3108 17.8102C13.0208 17.5202 13.0208 17.0402 13.3108 16.7502C13.6008 16.4602 14.0808 16.4602 14.3708 16.7502L17.5608 19.9402L20.7507 16.7502C21.0407 16.4602 21.5208 16.4602 21.8108 16.7502C22.1008 17.0402 22.1008 17.5202 21.8108 17.8102L18.0907 21.5302C17.9507 21.6702 17.7508 21.7502 17.5608 21.7502Z" fill="currentColor"/>
+<path d="M17.5503 21.75C17.1403 21.75 16.8003 21.41 16.8003 21V3C16.8003 2.59 17.1403 2.25 17.5503 2.25C17.9603 2.25 18.3003 2.59 18.3003 3V21C18.3003 21.41 17.9703 21.75 17.5503 21.75Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/tag-filled.svg b/app/component-library/components/Icon/assets/tag-filled.svg
new file mode 100644
index 00000000000..e0aff3dfca4
--- /dev/null
+++ b/app/component-library/components/Icon/assets/tag-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.1112 8.6998L15.5812 4.1698C14.6312 3.2198 13.3212 2.7098 11.9812 2.7798L6.98123 3.0198C4.98123 3.1098 3.39123 4.6998 3.29123 6.6898L3.05123 11.6898C2.99123 13.0298 3.49123 14.3398 4.44123 15.2898L8.97122 19.8198C10.8312 21.6798 13.8512 21.6798 15.7212 19.8198L20.1112 15.4298C21.9812 13.5798 21.9812 10.5598 20.1112 8.6998ZM9.78123 12.3798C8.19123 12.3798 6.90123 11.0898 6.90123 9.4998C6.90123 7.9098 8.19123 6.6198 9.78123 6.6198C11.3712 6.6198 12.6612 7.9098 12.6612 9.4998C12.6612 11.0898 11.3712 12.3798 9.78123 12.3798Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/timer-timer.svg b/app/component-library/components/Icon/assets/timer-timer.svg
new file mode 100644
index 00000000000..61e4583265d
--- /dev/null
+++ b/app/component-library/components/Icon/assets/timer-timer.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.6717 15.67L13.6317 12H10.9217L6.88172 15.67C5.75172 16.69 5.38172 18.26 5.93172 19.68C6.48172 21.09 7.82172 22 9.33172 22H15.2217C16.7417 22 18.0717 21.09 18.6217 19.68C19.1717 18.26 18.8017 16.69 17.6717 15.67ZM14.1017 18.14H10.4617C10.0817 18.14 9.78172 17.83 9.78172 17.46C9.78172 17.09 10.0917 16.78 10.4617 16.78H14.1017C14.4817 16.78 14.7817 17.09 14.7817 17.46C14.7817 17.83 14.4717 18.14 14.1017 18.14Z" fill="currentColor"/>
+<path d="M18.6319 4.32C18.0819 2.91 16.7419 2 15.2319 2H9.33188C7.82188 2 6.48188 2.91 5.93188 4.32C5.39188 5.74 5.76188 7.31 6.89188 8.33L10.9319 12H13.6419L17.6819 8.33C18.8019 7.31 19.1719 5.74 18.6319 4.32ZM14.1019 7.23H10.4619C10.0819 7.23 9.78188 6.92 9.78188 6.55C9.78188 6.18 10.0919 5.87 10.4619 5.87H14.1019C14.4819 5.87 14.7819 6.18 14.7819 6.55C14.7819 6.92 14.4719 7.23 14.1019 7.23Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/trash-filled.svg b/app/component-library/components/Icon/assets/trash-filled.svg
new file mode 100644
index 00000000000..5be5dca766b
--- /dev/null
+++ b/app/component-library/components/Icon/assets/trash-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.3509 5.23C19.7409 5.07 18.1309 4.95 16.5109 4.86V4.85L16.2909 3.55C16.1409 2.63 15.9209 1.25 13.5809 1.25H10.9609C8.63092 1.25 8.41092 2.57 8.25092 3.54L8.04092 4.82C7.11092 4.88 6.18092 4.94 5.25092 5.03L3.21092 5.23C2.79092 5.27 2.49092 5.64 2.53092 6.05C2.57092 6.46 2.93092 6.76 3.35092 6.72L5.39092 6.52C10.6309 6 15.9109 6.2 21.2109 6.73C21.2409 6.73 21.2609 6.73 21.2909 6.73C21.6709 6.73 22.0009 6.44 22.0409 6.05C22.0709 5.64 21.7709 5.27 21.3509 5.23Z" fill="currentColor"/>
+<path d="M19.5109 8.14C19.2709 7.89 18.9409 7.75 18.6009 7.75H5.96092C5.62092 7.75 5.28092 7.89 5.05092 8.14C4.82092 8.39 4.69092 8.73 4.71092 9.08L5.33092 19.34C5.44092 20.86 5.58092 22.76 9.07092 22.76H15.4909C18.9809 22.76 19.1209 20.87 19.2309 19.34L19.8509 9.09C19.8709 8.73 19.7409 8.39 19.5109 8.14ZM13.9409 17.75H10.6109C10.2009 17.75 9.86092 17.41 9.86092 17C9.86092 16.59 10.2009 16.25 10.6109 16.25H13.9409C14.3509 16.25 14.6909 16.59 14.6909 17C14.6909 17.41 14.3509 17.75 13.9409 17.75ZM14.7809 13.75H9.78092C9.37092 13.75 9.03092 13.41 9.03092 13C9.03092 12.59 9.37092 12.25 9.78092 12.25H14.7809C15.1909 12.25 15.5309 12.59 15.5309 13C15.5309 13.41 15.1909 13.75 14.7809 13.75Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/trend-down-filled.svg b/app/component-library/components/Icon/assets/trend-down-filled.svg
new file mode 100644
index 00000000000..013af5dc93c
--- /dev/null
+++ b/app/component-library/components/Icon/assets/trend-down-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.4713 2H8.09125C4.45125 2 2.28125 4.17 2.28125 7.81V16.18C2.28125 19.83 4.45125 22 8.09125 22H16.4613C20.1013 22 22.2712 19.83 22.2712 16.19V7.81C22.2812 4.17 20.1113 2 16.4713 2ZM17.1612 14.33C17.1612 14.42 17.1412 14.51 17.1112 14.6C17.0412 14.77 16.9013 14.91 16.7313 14.98C16.6413 15.02 16.5513 15.03 16.4613 15.03H14.6012C14.2112 15.03 13.9012 14.72 13.9012 14.33C13.9012 13.94 14.2112 13.63 14.6012 13.63H14.7812L12.6713 11.52L11.6512 13.04C11.5312 13.21 11.3512 13.33 11.1412 13.35C10.9312 13.37 10.7313 13.3 10.5813 13.15L7.60125 10.17C7.33125 9.9 7.33125 9.46 7.60125 9.18C7.87125 8.9 8.31125 8.91 8.59125 9.18L10.9712 11.56L11.9913 10.04C12.1113 9.87 12.2913 9.75 12.5013 9.73C12.7213 9.71 12.9112 9.78 13.0612 9.93L15.7812 12.65V12.47C15.7812 12.08 16.0913 11.77 16.4813 11.77C16.8713 11.77 17.1812 12.08 17.1812 12.47V14.33H17.1612Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/trend-up-filled.svg b/app/component-library/components/Icon/assets/trend-up-filled.svg
new file mode 100644
index 00000000000..d3be94ee80a
--- /dev/null
+++ b/app/component-library/components/Icon/assets/trend-up-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.4713 2H8.09125C4.45125 2 2.28125 4.17 2.28125 7.81V16.18C2.28125 19.83 4.45125 22 8.09125 22H16.4613C20.1013 22 22.2712 19.83 22.2712 16.19V7.81C22.2812 4.17 20.1113 2 16.4713 2ZM17.1612 11.53C17.1612 11.92 16.8513 12.23 16.4613 12.23C16.0713 12.23 15.7612 11.92 15.7612 11.53V11.35L13.0413 14.07C12.8913 14.22 12.6912 14.29 12.4812 14.27C12.2712 14.25 12.0812 14.14 11.9712 13.96L10.9513 12.44L8.57125 14.82C8.43125 14.96 8.26125 15.02 8.08125 15.02C7.90125 15.02 7.72125 14.95 7.59125 14.82C7.32125 14.55 7.32125 14.11 7.59125 13.83L10.5712 10.85C10.7212 10.7 10.9213 10.63 11.1313 10.65C11.3413 10.67 11.5312 10.78 11.6412 10.96L12.6613 12.48L14.7712 10.37H14.5913C14.2013 10.37 13.8912 10.06 13.8912 9.67C13.8912 9.28 14.2013 8.97 14.5913 8.97H16.4513C16.5413 8.97 16.6313 8.99 16.7213 9.02C16.8913 9.09 17.0312 9.23 17.1012 9.4C17.1412 9.49 17.1513 9.58 17.1513 9.67V11.53H17.1612Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/user-add-filled-1.svg b/app/component-library/components/Icon/assets/user-add-filled-1.svg
new file mode 100644
index 00000000000..d33d992214d
--- /dev/null
+++ b/app/component-library/components/Icon/assets/user-add-filled-1.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2812 7C16.2812 9.76142 14.0427 12 11.2812 12C8.51983 12 6.28125 9.76142 6.28125 7C6.28125 4.23858 8.51983 2 11.2812 2C14.0427 2 16.2812 4.23858 16.2812 7ZM2.28125 21.5C2.28125 17.36 6.36125 14 11.3713 14C12.7936 14 14.1411 14.2708 15.3414 14.7535C14.8318 15.4544 14.5312 16.3171 14.5312 17.25C14.5312 19.5972 16.434 21.5 18.7812 21.5C19.3744 21.5 19.9391 21.3785 20.452 21.159C20.4581 21.272 20.4613 21.3857 20.4613 21.5C20.4613 21.78 20.2413 22 19.9613 22H2.78125C2.50125 22 2.28125 21.78 2.28125 21.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.7812 17.25C22.7812 19.4591 20.9904 21.25 18.7812 21.25C16.5721 21.25 14.7812 19.4591 14.7812 17.25C14.7812 15.0409 16.5721 13.25 18.7812 13.25C20.9904 13.25 22.7812 15.0409 22.7812 17.25ZM18.6181 16.1175L17.074 17.6617C16.9919 17.7438 16.9156 17.8963 16.898 18.0077L16.7866 18.7994C16.7456 19.0868 16.945 19.2862 17.2323 19.2451L18.024 19.1337C18.1355 19.1161 18.2938 19.0399 18.3701 18.9578L19.9112 17.4167C19.9648 17.4362 20.0194 17.4538 20.075 17.4692C20.2311 17.5126 20.3927 17.4212 20.436 17.2652C20.4662 17.1567 20.4312 17.0455 20.3546 16.9732L20.4462 16.8817C20.8039 16.5239 20.974 16.1075 20.4462 15.5797C19.9242 15.0577 19.5078 15.2278 19.1501 15.5856L19.0586 15.677C18.9863 15.6051 18.8784 15.573 18.7731 15.6022C18.617 15.6456 18.5257 15.8072 18.569 15.9632C18.5835 16.0155 18.5999 16.067 18.6181 16.1175Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/user-add-filled.svg b/app/component-library/components/Icon/assets/user-add-filled.svg
new file mode 100644
index 00000000000..c2841152a9a
--- /dev/null
+++ b/app/component-library/components/Icon/assets/user-add-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2812 7C16.2812 9.76142 14.0427 12 11.2812 12C8.51983 12 6.28125 9.76142 6.28125 7C6.28125 4.23858 8.51983 2 11.2812 2C14.0427 2 16.2812 4.23858 16.2812 7ZM2.28125 21.5C2.28125 17.36 6.36125 14 11.3713 14C12.7176 14 13.9967 14.2426 15.1476 14.6778C14.6052 15.3914 14.2833 16.2816 14.2833 17.2471C14.2833 19.5943 16.1861 21.4971 18.5333 21.4971C19.2208 21.4971 19.8701 21.3339 20.4447 21.0441C20.4557 21.1949 20.4613 21.3469 20.4613 21.5C20.4613 21.78 20.2413 22 19.9613 22H2.78125C2.50125 22 2.28125 21.78 2.28125 21.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5293 21.2422C20.7384 21.2422 22.5293 19.4513 22.5293 17.2422C22.5293 15.033 20.7384 13.2422 18.5293 13.2422C16.3202 13.2422 14.5293 15.033 14.5293 17.2422C14.5293 19.4513 16.3202 21.2422 18.5293 21.2422ZM19.0295 15.7473C19.0295 15.4712 18.8057 15.2473 18.5295 15.2473C18.2534 15.2473 18.0295 15.4712 18.0295 15.7473V16.7073H17.0393C16.7632 16.7073 16.5393 16.9311 16.5393 17.2073C16.5393 17.4834 16.7632 17.7073 17.0393 17.7073H18.0295V18.7373C18.0295 19.0134 18.2534 19.2373 18.5295 19.2373C18.8057 19.2373 19.0295 19.0134 19.0295 18.7373V17.7073H20.0193C20.2954 17.7073 20.5193 17.4834 20.5193 17.2073C20.5193 16.9311 20.2954 16.7073 20.0193 16.7073H19.0295V15.7473Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/user-circle-add-filled.svg b/app/component-library/components/Icon/assets/user-circle-add-filled.svg
new file mode 100644
index 00000000000..3cb96a21c9b
--- /dev/null
+++ b/app/component-library/components/Icon/assets/user-circle-add-filled.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.3003 3.26667C20.6146 2.48571 19.5955 2 18.4717 2C17.4051 2 16.4336 2.4381 15.7384 3.15238C15.3384 3.5619 15.0336 4.05714 14.8527 4.60952C14.7289 4.99048 14.6622 5.39048 14.6622 5.80952C14.6622 6.52381 14.8622 7.2 15.2146 7.77143C15.4051 8.09524 15.6527 8.39048 15.9384 8.6381C16.6051 9.24762 17.4908 9.61905 18.4717 9.61905C18.8908 9.61905 19.2908 9.55238 19.6622 9.41905C20.5384 9.14286 21.2717 8.54286 21.7289 7.77143C21.9289 7.44762 22.0812 7.07619 22.167 6.69524C22.2432 6.40952 22.2813 6.11429 22.2813 5.80952C22.2813 4.8381 21.9098 3.94286 21.3003 3.26667ZM19.8908 6.50476H19.186V7.24762C19.186 7.6381 18.8622 7.9619 18.4717 7.9619C18.0812 7.9619 17.7574 7.6381 17.7574 7.24762V6.50476H17.0527C16.6622 6.50476 16.3384 6.18095 16.3384 5.79048C16.3384 5.4 16.6622 5.07619 17.0527 5.07619H17.7574V4.4C17.7574 4.00952 18.0812 3.68571 18.4717 3.68571C18.8622 3.68571 19.186 4.00952 19.186 4.4V5.07619H19.8908C20.2812 5.07619 20.6051 5.4 20.6051 5.79048C20.6051 6.18095 20.2908 6.50476 19.8908 6.50476Z" fill="currentColor"/>
+<path d="M21.3289 12.4762C21.3289 11.2286 21.0908 10.0286 20.6432 8.93333C20.3479 9.14286 20.0146 9.30476 19.6622 9.41905C19.5574 9.45714 19.4527 9.48571 19.3384 9.51429C19.7003 10.4286 19.9003 11.4286 19.9003 12.4762C19.9003 14.6857 19.0051 16.6952 17.5574 18.1619C17.2813 17.8095 16.9289 17.4857 16.5098 17.2095C13.9289 15.4762 9.7003 15.4762 7.1003 17.2095C6.68125 17.4857 6.33839 17.8095 6.05268 18.1619C4.60506 16.6952 3.70982 14.6857 3.70982 12.4762C3.70982 8.00952 7.33839 4.38095 11.8051 4.38095C12.8432 4.38095 13.8432 4.58095 14.7574 4.94286C14.786 4.82857 14.8146 4.72381 14.8527 4.60952C14.967 4.25714 15.1289 3.93333 15.3479 3.6381C14.2527 3.19048 13.0527 2.95238 11.8051 2.95238C6.55744 2.95238 2.28125 7.22857 2.28125 12.4762C2.28125 15.2381 3.47173 17.7238 5.35744 19.4667C5.35744 19.4762 5.35744 19.4762 5.34792 19.4857C5.44315 19.581 5.55744 19.6571 5.65268 19.7429C5.70982 19.7905 5.75744 19.8381 5.81458 19.8762C5.98601 20.019 6.17649 20.1524 6.35744 20.2857C6.42411 20.3333 6.48125 20.3714 6.54792 20.419C6.72887 20.5429 6.91935 20.6571 7.11935 20.7619C7.18601 20.8 7.2622 20.8476 7.32887 20.8857C7.51935 20.9905 7.71935 21.0857 7.92887 21.1714C8.00506 21.2095 8.08125 21.2476 8.15744 21.2762C8.36696 21.3619 8.57649 21.4381 8.78601 21.5048C8.8622 21.5333 8.93839 21.5619 9.01458 21.581C9.24315 21.6476 9.47173 21.7048 9.7003 21.7619C9.76696 21.781 9.83363 21.8 9.90982 21.8095C10.1765 21.8667 10.4432 21.9048 10.7193 21.9333C10.7574 21.9333 10.7955 21.9429 10.8336 21.9524C11.1574 21.981 11.4812 22 11.8051 22C12.1289 22 12.4527 21.981 12.767 21.9524C12.8051 21.9524 12.8432 21.9429 12.8813 21.9333C13.1574 21.9048 13.4241 21.8667 13.6908 21.8095C13.7574 21.8 13.8241 21.7714 13.9003 21.7619C14.1289 21.7048 14.367 21.6571 14.586 21.581C14.6622 21.5524 14.7384 21.5238 14.8146 21.5048C15.0241 21.4286 15.2432 21.3619 15.4432 21.2762C15.5193 21.2476 15.5955 21.2095 15.6717 21.1714C15.8717 21.0857 16.0717 20.9905 16.2717 20.8857C16.3479 20.8476 16.4146 20.8 16.4812 20.7619C16.6717 20.6476 16.8622 20.5429 17.0527 20.419C17.1193 20.381 17.1765 20.3333 17.2432 20.2857C17.4336 20.1524 17.6146 20.019 17.786 19.8762C17.8432 19.8286 17.8908 19.781 17.9479 19.7429C18.0527 19.6571 18.1574 19.5714 18.2527 19.4857C18.2527 19.4762 18.2527 19.4762 18.2432 19.4667C20.1384 17.7238 21.3289 15.2381 21.3289 12.4762Z" fill="currentColor"/>
+<path d="M11.8051 7.64779C9.83363 7.64779 8.23363 9.24779 8.23363 11.2192C8.23363 13.1525 9.74792 14.724 11.7574 14.7811C11.786 14.7811 11.8241 14.7811 11.8432 14.7811C11.8622 14.7811 11.8908 14.7811 11.9098 14.7811C11.9193 14.7811 11.9289 14.7811 11.9289 14.7811C13.8527 14.7145 15.367 13.1525 15.3765 11.2192C15.3765 9.24779 13.7765 7.64779 11.8051 7.64779Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/user-circle-filled.svg b/app/component-library/components/Icon/assets/user-circle-filled.svg
new file mode 100644
index 00000000000..bdf882ba6bd
--- /dev/null
+++ b/app/component-library/components/Icon/assets/user-circle-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.2812 12C22.2812 6.49 17.7913 2 12.2812 2C6.77125 2 2.28125 6.49 2.28125 12C2.28125 14.9 3.53125 17.51 5.51125 19.34C5.51125 19.35 5.51125 19.35 5.50125 19.36C5.60125 19.46 5.72125 19.54 5.82125 19.63C5.88125 19.68 5.93125 19.73 5.99125 19.77C6.17125 19.92 6.37125 20.06 6.56125 20.2C6.63125 20.25 6.69125 20.29 6.76125 20.34C6.95125 20.47 7.15125 20.59 7.36125 20.7C7.43125 20.74 7.51125 20.79 7.58125 20.83C7.78125 20.94 7.99125 21.04 8.21125 21.13C8.29125 21.17 8.37125 21.21 8.45125 21.24C8.67125 21.33 8.89125 21.41 9.11125 21.48C9.19125 21.51 9.27125 21.54 9.35125 21.56C9.59125 21.63 9.83125 21.69 10.0712 21.75C10.1413 21.77 10.2113 21.79 10.2913 21.8C10.5712 21.86 10.8512 21.9 11.1412 21.93C11.1812 21.93 11.2212 21.94 11.2612 21.95C11.6012 21.98 11.9412 22 12.2812 22C12.6213 22 12.9613 21.98 13.2913 21.95C13.3313 21.95 13.3713 21.94 13.4113 21.93C13.7013 21.9 13.9812 21.86 14.2612 21.8C14.3312 21.79 14.4012 21.76 14.4812 21.75C14.7212 21.69 14.9713 21.64 15.2013 21.56C15.2812 21.53 15.3612 21.5 15.4412 21.48C15.6613 21.4 15.8912 21.33 16.1012 21.24C16.1812 21.21 16.2612 21.17 16.3412 21.13C16.5512 21.04 16.7613 20.94 16.9713 20.83C17.0513 20.79 17.1213 20.74 17.1912 20.7C17.3912 20.58 17.5913 20.47 17.7913 20.34C17.8612 20.3 17.9212 20.25 17.9912 20.2C18.1912 20.06 18.3813 19.92 18.5613 19.77C18.6213 19.72 18.6713 19.67 18.7313 19.63C18.8413 19.54 18.9513 19.45 19.0513 19.36C19.0513 19.35 19.0513 19.35 19.0413 19.34C21.0312 17.51 22.2812 14.9 22.2812 12ZM17.2213 16.97C14.5113 15.15 10.0712 15.15 7.34125 16.97C6.90125 17.26 6.54125 17.6 6.24125 17.97C4.72125 16.43 3.78125 14.32 3.78125 12C3.78125 7.31 7.59125 3.5 12.2812 3.5C16.9713 3.5 20.7812 7.31 20.7812 12C20.7812 14.32 19.8413 16.43 18.3213 17.97C18.0313 17.6 17.6613 17.26 17.2213 16.97Z" fill="currentColor"/>
+<path d="M12.2812 6.93018C10.2113 6.93018 8.53125 8.61018 8.53125 10.6802C8.53125 12.7102 10.1212 14.3602 12.2312 14.4202C12.2612 14.4202 12.3012 14.4202 12.3212 14.4202C12.3412 14.4202 12.3712 14.4202 12.3912 14.4202C12.4012 14.4202 12.4113 14.4202 12.4113 14.4202C14.4313 14.3502 16.0212 12.7102 16.0312 10.6802C16.0312 8.61018 14.3512 6.93018 12.2812 6.93018Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/user-filled.svg b/app/component-library/components/Icon/assets/user-filled.svg
new file mode 100644
index 00000000000..d7491a4d308
--- /dev/null
+++ b/app/component-library/components/Icon/assets/user-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2812 12C15.0427 12 17.2812 9.76142 17.2812 7C17.2812 4.23858 15.0427 2 12.2812 2C9.51983 2 7.28125 4.23858 7.28125 7C7.28125 9.76142 9.51983 12 12.2812 12Z" fill="currentColor"/>
+<path d="M12.2814 14.5C7.27141 14.5 3.19141 17.86 3.19141 22C3.19141 22.28 3.41141 22.5 3.69141 22.5H20.8714C21.1514 22.5 21.3714 22.28 21.3714 22C21.3714 17.86 17.2914 14.5 12.2814 14.5Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/user-minus-filled.svg b/app/component-library/components/Icon/assets/user-minus-filled.svg
new file mode 100644
index 00000000000..eefdcea4473
--- /dev/null
+++ b/app/component-library/components/Icon/assets/user-minus-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2812 7C16.2812 9.76142 14.0427 12 11.2812 12C8.51983 12 6.28125 9.76142 6.28125 7C6.28125 4.23858 8.51983 2 11.2812 2C14.0427 2 16.2812 4.23858 16.2812 7ZM2.28125 21.5C2.28125 17.36 6.36125 14 11.3713 14C12.7936 14 14.1411 14.2708 15.3414 14.7535C14.8318 15.4544 14.5312 16.3171 14.5312 17.25C14.5312 19.5972 16.434 21.5 18.7812 21.5C19.3744 21.5 19.9391 21.3785 20.452 21.159C20.4581 21.272 20.4613 21.3857 20.4613 21.5C20.4613 21.78 20.2413 22 19.9613 22H2.78125C2.50125 22 2.28125 21.78 2.28125 21.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.7812 21.25C20.9904 21.25 22.7812 19.4591 22.7812 17.25C22.7812 15.0409 20.9904 13.25 18.7812 13.25C16.5721 13.25 14.7812 15.0409 14.7812 17.25C14.7812 19.4591 16.5721 21.25 18.7812 21.25ZM17.2913 16.75C17.0151 16.75 16.7913 16.9739 16.7913 17.25C16.7913 17.5261 17.0151 17.75 17.2913 17.75H20.2712C20.5474 17.75 20.7712 17.5261 20.7712 17.25C20.7712 16.9739 20.5474 16.75 20.2712 16.75H17.2913Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/user-remove-filled.svg b/app/component-library/components/Icon/assets/user-remove-filled.svg
new file mode 100644
index 00000000000..568b38a8092
--- /dev/null
+++ b/app/component-library/components/Icon/assets/user-remove-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2812 7C16.2812 9.76142 14.0427 12 11.2812 12C8.51983 12 6.28125 9.76142 6.28125 7C6.28125 4.23858 8.51983 2 11.2812 2C14.0427 2 16.2812 4.23858 16.2812 7ZM2.28125 21.5C2.28125 17.36 6.36125 14 11.3713 14C12.7936 14 14.1411 14.2708 15.3414 14.7535C14.8318 15.4544 14.5312 16.3171 14.5312 17.25C14.5312 19.5972 16.434 21.5 18.7812 21.5C19.3744 21.5 19.9391 21.3785 20.452 21.159C20.4581 21.272 20.4613 21.3857 20.4613 21.5C20.4613 21.78 20.2413 22 19.9613 22H2.78125C2.50125 22 2.28125 21.78 2.28125 21.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.7812 21.25C20.9904 21.25 22.7812 19.4591 22.7812 17.25C22.7812 15.0409 20.9904 13.25 18.7812 13.25C16.5721 13.25 14.7812 15.0409 14.7812 17.25C14.7812 19.4591 16.5721 21.25 18.7812 21.25ZM20.1921 16.5465C20.3874 16.3512 20.3874 16.0346 20.1921 15.8394C19.9968 15.6441 19.6803 15.6441 19.485 15.8394L18.8062 16.5182L18.106 15.818C17.9107 15.6227 17.5942 15.6227 17.3989 15.818C17.2036 16.0132 17.2036 16.3298 17.3989 16.5251L18.0991 17.2253L17.3707 17.9536C17.1755 18.1489 17.1755 18.4654 17.3707 18.6607C17.566 18.856 17.8826 18.856 18.0779 18.6607L18.8062 17.9324L19.5061 18.6322C19.7013 18.8275 20.0179 18.8275 20.2132 18.6322C20.4084 18.437 20.4084 18.1204 20.2132 17.9251L19.5133 17.2253L20.1921 16.5465Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/user-search-filled.svg b/app/component-library/components/Icon/assets/user-search-filled.svg
new file mode 100644
index 00000000000..43c90072cc6
--- /dev/null
+++ b/app/component-library/components/Icon/assets/user-search-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2812 7C16.2812 9.76142 14.0427 12 11.2812 12C8.51983 12 6.28125 9.76142 6.28125 7C6.28125 4.23858 8.51983 2 11.2812 2C14.0427 2 16.2812 4.23858 16.2812 7ZM2.28125 21.5C2.28125 17.36 6.36125 14 11.3713 14C12.7936 14 14.1411 14.2708 15.3414 14.7535C14.8318 15.4544 14.5312 16.3171 14.5312 17.25C14.5312 19.5972 16.434 21.5 18.7812 21.5C19.3744 21.5 19.9391 21.3785 20.452 21.159C20.4581 21.272 20.4613 21.3857 20.4613 21.5C20.4613 21.78 20.2413 22 19.9613 22H2.78125C2.50125 22 2.28125 21.78 2.28125 21.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.7812 17.25C22.7812 19.4591 20.9904 21.25 18.7812 21.25C16.5721 21.25 14.7812 19.4591 14.7812 17.25C14.7812 15.0409 16.5721 13.25 18.7812 13.25C20.9904 13.25 22.7812 15.0409 22.7812 17.25ZM19.9849 18.4537C20.1092 18.3294 20.3107 18.3294 20.435 18.4537L21.0063 19.025C21.1306 19.1493 21.1306 19.3508 21.0063 19.4751C20.882 19.5993 20.6805 19.5993 20.5563 19.4751L19.9849 18.9037C19.8606 18.7794 19.8606 18.5779 19.9849 18.4537ZM20.4379 17.0783C20.4379 18.0881 19.6193 18.9067 18.6096 18.9067C17.5998 18.9067 16.7812 18.0881 16.7812 17.0783C16.7812 16.0686 17.5998 15.25 18.6096 15.25C19.6193 15.25 20.4379 16.0686 20.4379 17.0783Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/user-tick-filled.svg b/app/component-library/components/Icon/assets/user-tick-filled.svg
new file mode 100644
index 00000000000..5db7f01c608
--- /dev/null
+++ b/app/component-library/components/Icon/assets/user-tick-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2812 7C16.2812 9.76142 14.0427 12 11.2812 12C8.51983 12 6.28125 9.76142 6.28125 7C6.28125 4.23858 8.51983 2 11.2812 2C14.0427 2 16.2812 4.23858 16.2812 7ZM2.28125 21.5C2.28125 17.36 6.36125 14 11.3713 14C12.7936 14 14.1411 14.2708 15.3414 14.7535C14.8318 15.4544 14.5312 16.3171 14.5312 17.25C14.5312 19.5972 16.434 21.5 18.7812 21.5C19.3744 21.5 19.9391 21.3785 20.452 21.159C20.4581 21.272 20.4613 21.3857 20.4613 21.5C20.4613 21.78 20.2413 22 19.9613 22H2.78125C2.50125 22 2.28125 21.78 2.28125 21.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.7812 21.25C20.9904 21.25 22.7812 19.4591 22.7812 17.25C22.7812 15.0409 20.9904 13.25 18.7812 13.25C16.5721 13.25 14.7812 15.0409 14.7812 17.25C14.7812 19.4591 16.5721 21.25 18.7812 21.25ZM20.6808 16.6321C20.8835 16.4446 20.8959 16.1282 20.7084 15.9255C20.5209 15.7228 20.2045 15.7104 20.0018 15.8979L18.2248 17.5414L17.5749 16.8914C17.3796 16.6962 17.063 16.6962 16.8678 16.8914C16.6725 17.0867 16.6725 17.4033 16.8678 17.5985L17.8578 18.5885C18.0476 18.7784 18.3536 18.7844 18.5508 18.6021L20.6808 16.6321Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/wallet-card-filled.svg b/app/component-library/components/Icon/assets/wallet-card-filled.svg
new file mode 100644
index 00000000000..4b581e887d5
--- /dev/null
+++ b/app/component-library/components/Icon/assets/wallet-card-filled.svg
@@ -0,0 +1,7 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.221 2.20983L9.81096 7.81983H7.40096C7.00096 7.81983 6.61096 7.84983 6.23096 7.92983L7.23096 5.52983L7.27096 5.43983L7.33096 5.27983C7.36096 5.20983 7.38096 5.14983 7.41096 5.09983C8.57096 2.40983 9.87096 1.56983 12.221 2.20983Z" fill="currentColor"/>
+<path d="M19.0109 8.09002L18.9909 8.08002C18.3909 7.91002 17.7809 7.82002 17.1609 7.82002H10.9009L13.1509 2.59002L13.1809 2.52002C13.3209 2.57002 13.4709 2.64002 13.6209 2.69002L15.8309 3.62002C17.0609 4.13002 17.9209 4.66002 18.4509 5.30002C18.5409 5.42002 18.6209 5.53002 18.7009 5.66002C18.7909 5.80002 18.8609 5.94002 18.9009 6.09002C18.9409 6.18002 18.9709 6.26002 18.9909 6.35002C19.1409 6.86002 19.1509 7.44002 19.0109 8.09002Z" fill="currentColor"/>
+<path d="M12.8003 17.6601H13.0503C13.3503 17.6601 13.6003 17.3901 13.6003 17.0601C13.6003 16.6401 13.4803 16.5801 13.2203 16.4801L12.8003 16.3301V17.6601Z" fill="currentColor"/>
+<path d="M18.571 9.51982C18.121 9.38982 17.651 9.31982 17.161 9.31982H7.401C6.721 9.31982 6.081 9.44982 5.481 9.70982C3.741 10.4598 2.521 12.1898 2.521 14.1998V16.1498C2.521 16.3898 2.541 16.6198 2.571 16.8598C2.791 20.0398 4.491 21.7398 7.671 21.9498C7.901 21.9798 8.131 21.9998 8.381 21.9998H16.181C19.881 21.9998 21.831 20.2398 22.021 16.7398C22.031 16.5498 22.041 16.3498 22.041 16.1498V14.1998C22.041 11.9898 20.571 10.1298 18.571 9.51982ZM13.561 15.4998C14.021 15.6598 14.641 15.9998 14.641 17.0598C14.641 17.9698 13.931 18.6998 13.051 18.6998H12.801V18.9198C12.801 19.2098 12.571 19.4398 12.281 19.4398C11.991 19.4398 11.761 19.2098 11.761 18.9198V18.6998H11.671C10.711 18.6998 9.921 17.8898 9.921 16.8898C9.921 16.5998 10.151 16.3698 10.441 16.3698C10.731 16.3698 10.961 16.5998 10.961 16.8898C10.961 17.3098 11.281 17.6598 11.671 17.6598H11.761V15.9698L11.001 15.6998C10.541 15.5398 9.921 15.1998 9.921 14.1398C9.921 13.2298 10.631 12.4998 11.511 12.4998H11.761V12.2798C11.761 11.9898 11.991 11.7598 12.281 11.7598C12.571 11.7598 12.801 11.9898 12.801 12.2798V12.4998H12.891C13.851 12.4998 14.641 13.3098 14.641 14.3098C14.641 14.5998 14.411 14.8298 14.121 14.8298C13.831 14.8298 13.601 14.5998 13.601 14.3098C13.601 13.8898 13.281 13.5398 12.891 13.5398H12.801V15.2298L13.561 15.4998Z" fill="currentColor"/>
+<path d="M10.9604 14.14C10.9604 14.56 11.0804 14.62 11.3404 14.72L11.7604 14.87V13.54H11.5104C11.2004 13.54 10.9604 13.81 10.9604 14.14Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/wallet-filled.svg b/app/component-library/components/Icon/assets/wallet-filled.svg
new file mode 100644
index 00000000000..6bb0de2a7c1
--- /dev/null
+++ b/app/component-library/components/Icon/assets/wallet-filled.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.281 10.9702V13.0302C22.281 13.5802 21.841 14.0302 21.281 14.0502H19.321C18.241 14.0502 17.251 13.2602 17.161 12.1802C17.101 11.5502 17.341 10.9602 17.761 10.5502C18.131 10.1702 18.641 9.9502 19.201 9.9502H21.281C21.841 9.9702 22.281 10.4202 22.281 10.9702Z" fill="currentColor"/>
+<path d="M20.7508 15.55H19.3208C17.4208 15.55 15.8208 14.12 15.6608 12.3C15.5708 11.26 15.9508 10.22 16.7108 9.48C17.3508 8.82 18.2408 8.45 19.2008 8.45H20.7508C21.0408 8.45 21.2808 8.21 21.2508 7.92C21.0308 5.49 19.4208 3.83 17.0308 3.55C16.7908 3.51 16.5408 3.5 16.2808 3.5H7.28076C7.00076 3.5 6.73076 3.52 6.47076 3.56C3.92076 3.88 2.28076 5.78 2.28076 8.5V15.5C2.28076 18.26 4.52076 20.5 7.28076 20.5H16.2808C19.0808 20.5 21.0108 18.75 21.2508 16.08C21.2808 15.79 21.0408 15.55 20.7508 15.55ZM13.2808 9.75H7.28076C6.87076 9.75 6.53076 9.41 6.53076 9C6.53076 8.59 6.87076 8.25 7.28076 8.25H13.2808C13.6908 8.25 14.0308 8.59 14.0308 9C14.0308 9.41 13.6908 9.75 13.2808 9.75Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/wallet-money-filled.svg b/app/component-library/components/Icon/assets/wallet-money-filled.svg
new file mode 100644
index 00000000000..86de8848234
--- /dev/null
+++ b/app/component-library/components/Icon/assets/wallet-money-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.243 9.92417H19.168C18.8883 9.93138 18.613 9.99585 18.359 10.1136C18.105 10.2314 17.8776 10.4 17.6908 10.609C17.504 10.8181 17.3617 11.0632 17.2726 11.3295C17.1835 11.5957 17.1495 11.8773 17.1727 12.1572C17.2361 12.6749 17.4864 13.1514 17.8761 13.4964C18.2658 13.8415 18.768 14.0312 19.2877 14.0298H21.2829C21.5475 14.0298 21.8013 13.9243 21.9883 13.7365C22.1754 13.5487 22.2805 13.294 22.2805 13.0284V10.9456C22.2834 10.8089 22.2583 10.6732 22.2069 10.5467C22.1555 10.4201 22.0789 10.3055 21.9817 10.2098C21.8845 10.1141 21.7688 10.0394 21.6418 9.99031C21.5147 9.94118 21.379 9.91867 21.243 9.92417ZM20.7143 15.5318H19.2877C18.3804 15.5473 17.5001 15.2222 16.8192 14.6202C16.1382 14.0182 15.7057 13.1827 15.6064 12.2774C15.5623 11.7582 15.6333 11.2357 15.8144 10.7474C15.9955 10.2592 16.2823 9.81725 16.6539 9.45353C16.98 9.12808 17.368 8.87173 17.7947 8.69971C18.2214 8.52769 18.6783 8.44351 19.138 8.45216H20.6843C20.7529 8.4538 20.821 8.44095 20.8842 8.41445C20.9475 8.38795 21.0045 8.34839 21.0515 8.29834C21.0986 8.24829 21.1346 8.18887 21.1573 8.12394C21.18 8.05901 21.1888 7.99001 21.1832 7.92144C21.139 6.80253 20.6903 5.73807 19.921 4.92715C19.1516 4.11622 18.1144 3.61436 17.0031 3.51543C16.7541 3.49486 16.5039 3.49486 16.2549 3.51543H7.27627C7.00578 3.51476 6.73563 3.53485 6.46819 3.57551C5.27655 3.69249 4.17611 4.26742 3.39706 5.18004C2.618 6.09266 2.22066 7.27228 2.28814 8.47219V15.4817C2.28814 16.8096 2.81367 18.0831 3.74913 19.0221C4.68458 19.9611 5.95333 20.4886 7.27627 20.4886H16.2549C16.8731 20.532 17.4937 20.4514 18.0805 20.2516C18.6674 20.0518 19.2087 19.7367 19.673 19.3248C20.1373 18.9128 20.5152 18.4122 20.7848 17.8521C21.0543 17.292 21.2101 16.6837 21.243 16.0625C21.2491 15.9913 21.2396 15.9196 21.2152 15.8524C21.1907 15.7853 21.152 15.7243 21.1016 15.6737C21.0513 15.6232 20.9905 15.5843 20.9236 15.5598C20.8567 15.5353 20.7852 15.5257 20.7143 15.5318V15.5318ZM11.5162 16.2428C11.4545 17.2631 10.9926 18.2174 10.2316 18.8967C9.47069 19.5761 8.47262 19.9252 7.45584 19.8677C6.43804 19.9253 5.43886 19.5765 4.67632 18.8974C3.91378 18.2182 3.44977 17.264 3.38553 16.2428V11.7366C3.38056 11.6466 3.38056 11.5563 3.38553 11.4663C3.39351 10.9719 3.50929 10.4853 3.72474 10.0407C3.94018 9.5961 4.25005 9.20427 4.63256 8.89276C5.04539 8.50463 5.53481 8.20784 6.06914 8.02158C6.51719 7.8764 6.98502 7.80208 7.45584 7.80128C8.49573 7.78109 9.50826 8.13644 10.309 8.80264C10.6936 9.12755 11.0013 9.53418 11.2101 9.99311C11.4189 10.452 11.5234 10.9518 11.5162 11.4563V16.2428ZM4.38315 13.7694V14.22C4.38315 15.6119 5.70999 16.6533 7.45584 16.6533C9.20168 16.6533 10.5185 15.652 10.5185 14.22V13.7594C9.67778 14.522 8.57882 14.9339 7.44586 14.911C6.31852 14.9291 5.2255 14.5217 4.38315 13.7694V13.7694ZM6.28862 9.02294C5.75808 9.1788 5.28927 9.49707 4.94766 9.93331C4.60605 10.3695 4.4087 10.902 4.38315 11.4563V11.6866C4.41436 11.9994 4.51676 12.3009 4.68244 12.5678C4.99425 13.0058 5.41069 13.3583 5.89353 13.5927C6.37637 13.8272 6.91014 13.9361 7.44586 13.9096C7.98171 13.9371 8.5158 13.8285 8.9988 13.594C9.4818 13.3594 9.89811 13.0065 10.2093 12.5678C10.4128 12.2368 10.5199 11.8552 10.5185 11.4663C10.5148 11.1157 10.4321 10.7706 10.2766 10.4567C10.1211 10.1428 9.89688 9.86834 9.62068 9.6538C9.16 9.28134 8.61479 9.02887 8.03349 8.91881C7.4522 8.80875 6.85282 8.84452 6.28862 9.02294V9.02294ZM4.40311 16.5432C4.56102 17.2276 4.95291 17.8348 5.51064 18.2593C6.06837 18.6837 6.75666 18.8985 7.45584 18.8664C8.15597 18.9083 8.84788 18.697 9.40611 18.2707C9.96434 17.8445 10.3519 17.2316 10.4986 16.5432C9.662 17.2885 8.57398 17.6859 7.45584 17.6547C6.33493 17.6845 5.24432 17.2874 4.40311 16.5432V16.5432Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/assets/warning-filled.svg b/app/component-library/components/Icon/assets/warning-filled.svg
new file mode 100644
index 00000000000..972a73de243
--- /dev/null
+++ b/app/component-library/components/Icon/assets/warning-filled.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2808 2C6.77076 2 2.28076 6.49 2.28076 12C2.28076 17.51 6.77076 22 12.2808 22C17.7908 22 22.2808 17.51 22.2808 12C22.2808 6.49 17.7908 2 12.2808 2ZM11.5308 8C11.5308 7.59 11.8708 7.25 12.2808 7.25C12.6908 7.25 13.0308 7.59 13.0308 8V13C13.0308 13.41 12.6908 13.75 12.2808 13.75C11.8708 13.75 11.5308 13.41 11.5308 13V8ZM13.2008 16.38C13.1508 16.51 13.0808 16.61 12.9908 16.71C12.8908 16.8 12.7808 16.87 12.6608 16.92C12.5408 16.97 12.4108 17 12.2808 17C12.1508 17 12.0208 16.97 11.9008 16.92C11.7808 16.87 11.6708 16.8 11.5708 16.71C11.4808 16.61 11.4108 16.51 11.3608 16.38C11.3108 16.26 11.2808 16.13 11.2808 16C11.2808 15.87 11.3108 15.74 11.3608 15.62C11.4108 15.5 11.4808 15.39 11.5708 15.29C11.6708 15.2 11.7808 15.13 11.9008 15.08C12.1408 14.98 12.4208 14.98 12.6608 15.08C12.7808 15.13 12.8908 15.2 12.9908 15.29C13.0808 15.39 13.1508 15.5 13.2008 15.62C13.2508 15.74 13.2808 15.87 13.2808 16C13.2808 16.13 13.2508 16.26 13.2008 16.38Z" fill="currentColor"/>
+</svg>
diff --git a/app/component-library/components/Icon/index.ts b/app/component-library/components/Icon/index.ts
new file mode 100644
index 00000000000..6401f66868f
--- /dev/null
+++ b/app/component-library/components/Icon/index.ts
@@ -0,0 +1,2 @@
+export { default } from './Icon';
+export { IconSize, IconName, IconProps } from './Icon.types';
diff --git a/app/component-library/components/Icon/scripts/generate-assets.js b/app/component-library/components/Icon/scripts/generate-assets.js
new file mode 100644
index 00000000000..4c1fb6d9d68
--- /dev/null
+++ b/app/component-library/components/Icon/scripts/generate-assets.js
@@ -0,0 +1,118 @@
+#!/usr/bin/env node
+/* eslint-disable import/no-commonjs, import/no-nodejs-modules, import/no-nodejs-modules, no-console */
+const fs = require('fs');
+const path = require('path');
+
+const ASSETS_FOLDER = 'assets';
+const GENERATED_ASSETS_FILE = 'Icon.assets.ts';
+const TYPES_FILE = 'Icon.types.ts';
+const ASSET_EXT = '.svg';
+const TYPES_CONTENT_TO_DETECT = '// DO NOT EDIT - Use generate-assets.js';
+
+const getIconNameInTitleCase = (fileName) =>
+  path
+    .basename(fileName, ASSET_EXT)
+    .split('-')
+    .map(
+      (section) =>
+        `${section[0].toUpperCase()}${section.substring(1, section.length)}`,
+    )
+    .join('');
+
+const main = async () => {
+  const assetsFolderPath = path.join(__dirname, `../${ASSETS_FOLDER}`);
+  const assetsModulePath = path.join(__dirname, `../${GENERATED_ASSETS_FILE}`);
+  const typesFilePath = path.join(__dirname, `../${TYPES_FILE}`);
+
+  const fileList = fs.readdirSync(assetsFolderPath);
+  const assetFileList = fileList.filter(
+    (fileName) => path.extname(fileName) === ASSET_EXT,
+  );
+
+  // Replace the color black with currentColor
+  assetFileList.forEach((fileName) => {
+    const filePath = path.join(__dirname, `../${ASSETS_FOLDER}/${fileName}`);
+    const fileContent = fs.readFileSync(filePath, { encoding: 'utf-8' });
+    const formattedFileContent = fileContent.replace(/black/g, 'currentColor');
+    fs.writeFileSync(filePath, formattedFileContent);
+  });
+
+  fs.writeFileSync(assetsModulePath, '');
+
+  fs.appendFileSync(
+    assetsModulePath,
+    `/* eslint-disable import/prefer-default-export */`,
+  );
+
+  fs.appendFileSync(
+    assetsModulePath,
+    `\n///////////////////////////////////////////////////////\n// This is a generated file\n// DO NOT EDIT - Use generate-assets.js\n///////////////////////////////////////////////////////`,
+  );
+  fs.appendFileSync(
+    assetsModulePath,
+    `\nimport { AssetByIconName, IconName } from './Icon.types';`,
+  );
+
+  assetFileList.forEach((fileName) => {
+    const iconName = getIconNameInTitleCase(fileName);
+    fs.appendFileSync(
+      assetsModulePath,
+      `\nimport ${iconName} from './assets/${fileName}';`,
+    );
+  });
+
+  fs.appendFileSync(
+    assetsModulePath,
+    `\n\n/**\n * Asset stored by icon name\n */`,
+  );
+
+  fs.appendFileSync(
+    assetsModulePath,
+    `\nexport const assetByIconName: AssetByIconName = {`,
+  );
+
+  assetFileList.forEach(async (fileName) => {
+    const iconName = getIconNameInTitleCase(fileName);
+    fs.appendFileSync(
+      assetsModulePath,
+      `\n  [IconName.${iconName}]: ${iconName},`,
+    );
+  });
+
+  fs.appendFileSync(assetsModulePath, '\n};\n');
+
+  let typesContentToWrite = '';
+  const typesFileContent = fs.readFileSync(typesFilePath, {
+    encoding: 'utf8',
+  });
+  const indexToRemove = typesFileContent.indexOf(TYPES_CONTENT_TO_DETECT);
+  const baseTypesFileContent = typesFileContent.substring(0, indexToRemove);
+
+  typesContentToWrite +=
+    baseTypesFileContent +
+    TYPES_CONTENT_TO_DETECT +
+    `\n///////////////////////////////////////////////////////`;
+
+  typesContentToWrite += '\n\n/**\n * Icon names\n */\nexport enum IconName {';
+
+  assetFileList.forEach((fileName) => {
+    const iconName = path
+      .basename(fileName, ASSET_EXT)
+      .split('-')
+      .map(
+        (section) =>
+          `${section[0].toUpperCase()}${section.substring(1, section.length)}`,
+      )
+      .join('');
+    typesContentToWrite += `\n  ${iconName} = '${iconName}',`;
+  });
+
+  typesContentToWrite += '\n}\n';
+
+  fs.writeFileSync(typesFilePath, typesContentToWrite);
+
+  // Notify of completion
+  console.log(`✅ Finished assets file! 🎉🎉`);
+};
+
+main();
diff --git a/app/component-library/components/Link/Link.tsx b/app/component-library/components/Link/Link.tsx
index fa0b77e49ab..61975871874 100644
--- a/app/component-library/components/Link/Link.tsx
+++ b/app/component-library/components/Link/Link.tsx
@@ -12,7 +12,7 @@ const Link: React.FC<LinkProps> = ({
   variant = BaseTextVariant.sBodyMD,
   ...props
 }) => {
-  const styles = useStyles(styleSheet, { style });
+  const { styles } = useStyles(styleSheet, { style });
   return (
     <BaseText
       onPress={onPress}
diff --git a/app/component-library/hooks/useStyles.ts b/app/component-library/hooks/useStyles.ts
index 0fdc8208f8f..60ec75c6c1a 100644
--- a/app/component-library/hooks/useStyles.ts
+++ b/app/component-library/hooks/useStyles.ts
@@ -13,11 +13,11 @@ import { Theme } from '../../util/theme/models';
 export const useStyles = <R, V>(
   styleSheet: (params: { theme: Theme; vars: V }) => R,
   vars: V,
-): R => {
+): { styles: R; theme: Theme } => {
   const theme = useAppThemeFromContext();
   const styles = useMemo(
     () => styleSheet({ theme, vars }),
     [styleSheet, theme, vars],
   );
-  return styles;
+  return { styles, theme };
 };
diff --git a/declarations.d.ts b/declarations.d.ts
new file mode 100644
index 00000000000..09581c93496
--- /dev/null
+++ b/declarations.d.ts
@@ -0,0 +1,5 @@
+declare module '*.svg' {
+  import { SvgProps } from 'react-native-svg';
+  const content: React.FC<SvgProps>;
+  export default content;
+}
diff --git a/metro.config.js b/metro.config.js
index ec10cb4d0c5..1c44b370620 100644
--- a/metro.config.js
+++ b/metro.config.js
@@ -6,22 +6,34 @@
  * @format
  */
 
-module.exports = {
-  transformer: {
-    getTransformOptions: async () => ({
-      transform: {
-        experimentalImportSupport: true,
-        inlineRequires: true,
-      },
-    }),
-    assetPlugins: ['react-native-svg-asset-plugin'],
-    svgAssetPlugin: {
-      pngCacheDir: '.png-cache',
-      scales: [1],
-      output: {
-        compressionLevel: 6,
+const { getDefaultConfig } = require('metro-config');
+
+module.exports = (async () => {
+  const {
+    resolver: { sourceExts, assetExts },
+  } = await getDefaultConfig();
+  return {
+    transformer: {
+      getTransformOptions: async () => ({
+        transform: {
+          experimentalImportSupport: true,
+          inlineRequires: true,
+        },
+      }),
+      babelTransformerPath: require.resolve('react-native-svg-transformer'),
+      assetPlugins: ['react-native-svg-asset-plugin'],
+      svgAssetPlugin: {
+        pngCacheDir: '.png-cache',
+        scales: [1],
+        output: {
+          compressionLevel: 6,
+        },
       },
     },
-  },
-  maxWorkers: 2,
-};
+    resolver: {
+      assetExts: assetExts.filter((ext) => ext !== 'svg'),
+      sourceExts: [...sourceExts, 'svg'],
+    },
+    maxWorkers: 2,
+  };
+})();
diff --git a/package.json b/package.json
index ee9afb92635..d8e06b4c31e 100644
--- a/package.json
+++ b/package.json
@@ -171,6 +171,7 @@
     "json-rpc-engine": "^6.1.0",
     "json-rpc-middleware-stream": "3.0.0",
     "lottie-react-native": "git+https://github.com/MetaMask/lottie-react-native.git#7ce6a78ac4ac7b9891bc513cb3f12f8b9c9d9106",
+    "metro-config": "^0.71.1",
     "multihashes": "0.4.14",
     "number-to-bn": "1.7.0",
     "obj-multiplex": "1.0.0",
@@ -317,6 +318,7 @@
     "react-native-cli": "2.0.1",
     "react-native-storybook-loader": "^2.0.4",
     "react-native-svg-asset-plugin": "^0.5.0",
+    "react-native-svg-transformer": "^1.0.0",
     "react-redux-test": "npm:react-redux@5.1.1",
     "react-test-renderer": "17.0.2",
     "regenerator-runtime": "0.13.9",
diff --git a/storybook/storyLoader.js b/storybook/storyLoader.js
index bb360f31b42..614836caa4b 100644
--- a/storybook/storyLoader.js
+++ b/storybook/storyLoader.js
@@ -11,10 +11,11 @@ function loadStories() {
   require('../app/components/UI/ButtonReveal/ButtonReveal.stories');
   require('../app/components/UI/Fox/Fox.stories');
   require('../app/components/UI/StyledButton/StyledButton.stories');
+  require('../app/component-library/components/AccountAvatar/AccountAvatar.stories');
+  require('../app/component-library/components/BaseAvatar/BaseAvatar.stories');
   require('../app/component-library/components/BaseText/BaseText.stories');
+  require('../app/component-library/components/Icon/Icon.stories');
   require('../app/component-library/components/Link/Link.stories');
-  require('../app/component-library/components/BaseAvatar/BaseAvatar.stories');
-  require('../app/component-library/components/AccountAvatar/AccountAvatar.stories');
 }
 
 const stories = [
@@ -25,10 +26,11 @@ const stories = [
   '../app/components/UI/ButtonReveal/ButtonReveal.stories',
   '../app/components/UI/Fox/Fox.stories',
   '../app/components/UI/StyledButton/StyledButton.stories',
+  '../app/component-library/components/AccountAvatar/AccountAvatar.stories',
+  '../app/component-library/components/BaseAvatar/BaseAvatar.stories',
   '../app/component-library/components/BaseText/BaseText.stories',
+  '../app/component-library/components/Icon/Icon.stories',
   '../app/component-library/components/Link/Link.stories',
-  '../app/component-library/components/BaseAvatar/BaseAvatar.stories',
-  '../app/component-library/components/AccountAvatar/AccountAvatar.stories',
 ];
 
 module.exports = {
diff --git a/yarn.lock b/yarn.lock
index 166e8074ce1..5aa66d92723 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,6 +2,14 @@
 # yarn lockfile v1
 
 
+"@ampproject/remapping@^2.1.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.0.tgz#56c133824780de3174aed5ab6834f3026790154d"
+  integrity sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.1.0"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
 "@apocentre/alias-sampling@^0.5.3":
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/@apocentre/alias-sampling/-/alias-sampling-0.5.3.tgz#897ff181b48ad7b2bcb4ecf29400214888244f08"
@@ -21,6 +29,13 @@
   dependencies:
     "@babel/highlight" "^7.16.0"
 
+"@babel/code-frame@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.16.7.tgz#44416b6bd7624b998f5b1af5d470856c40138789"
+  integrity sha512-iAXqUn8IIeBTNd72xsFlgaXHkMBMt6y4HJp1tIaK465CWLT/fG1aqB7ykr95gHHmlBdGbFeWWfyB4NJJ0nmeIg==
+  dependencies:
+    "@babel/highlight" "^7.16.7"
+
 "@babel/compat-data@^7.13.11", "@babel/compat-data@^7.14.5", "@babel/compat-data@^7.14.7":
   version "7.14.7"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.14.7.tgz#7b047d7a3a89a67d2258dc61f604f098f1bc7e08"
@@ -31,6 +46,11 @@
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.16.0.tgz#ea269d7f78deb3a7826c39a4048eecda541ebdaa"
   integrity sha512-DGjt2QZse5SGd9nfOSqO4WLJ8NN/oHkijbXbPrxuoJO3oIPJL3TciZs9FX+cOHNiY9E9l0opL8g7BmLe3T+9ew==
 
+"@babel/compat-data@^7.17.10":
+  version "7.18.5"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.18.5.tgz#acac0c839e317038c73137fbb6ef71a1d6238471"
+  integrity sha512-BxhE40PVCBxVEJsSBhB6UWyAuqJRxGsAw8BdHMJ3AKGydcwuWW4kOO3HmqBQAdcq/OP+/DlTVxLvsCzRTnZuGg==
+
 "@babel/core@^7.0.0", "@babel/core@^7.1.6", "@babel/core@^7.12.9", "@babel/core@^7.14.0":
   version "7.16.0"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.16.0.tgz#c4ff44046f5fe310525cc9eb4ef5147f0c5374d4"
@@ -73,6 +93,27 @@
     semver "^6.3.0"
     source-map "^0.5.0"
 
+"@babel/core@^7.15.5":
+  version "7.18.5"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.5.tgz#c597fa680e58d571c28dda9827669c78cdd7f000"
+  integrity sha512-MGY8vg3DxMnctw0LdvSEojOsumc70g0t18gNyUdAZqB1Rpd1Bqo/svHGvt+UJ6JcGX+DIekGFDxxIWofBxLCnQ==
+  dependencies:
+    "@ampproject/remapping" "^2.1.0"
+    "@babel/code-frame" "^7.16.7"
+    "@babel/generator" "^7.18.2"
+    "@babel/helper-compilation-targets" "^7.18.2"
+    "@babel/helper-module-transforms" "^7.18.0"
+    "@babel/helpers" "^7.18.2"
+    "@babel/parser" "^7.18.5"
+    "@babel/template" "^7.16.7"
+    "@babel/traverse" "^7.18.5"
+    "@babel/types" "^7.18.4"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.1"
+    semver "^6.3.0"
+
 "@babel/generator@^7.14.0", "@babel/generator@^7.16.0":
   version "7.16.0"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.16.0.tgz#d40f3d1d5075e62d3500bccb67f3daa8a95265b2"
@@ -91,6 +132,15 @@
     jsesc "^2.5.1"
     source-map "^0.5.0"
 
+"@babel/generator@^7.18.2":
+  version "7.18.2"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.18.2.tgz#33873d6f89b21efe2da63fe554460f3df1c5880d"
+  integrity sha512-W1lG5vUwFvfMd8HVXqdfbuG7RuaSrTCCD8cl8fP8wOivdbtbIg2Db3IWUcgvfxKbbn6ZBGYRW/Zk1MIwK49mgw==
+  dependencies:
+    "@babel/types" "^7.18.2"
+    "@jridgewell/gen-mapping" "^0.3.0"
+    jsesc "^2.5.1"
+
 "@babel/helper-annotate-as-pure@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.14.5.tgz#7bf478ec3b71726d56a8ca5775b046fc29879e61"
@@ -105,6 +155,13 @@
   dependencies:
     "@babel/types" "^7.16.0"
 
+"@babel/helper-annotate-as-pure@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz#bb2339a7534a9c128e3102024c60760a3a7f3862"
+  integrity sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==
+  dependencies:
+    "@babel/types" "^7.16.7"
+
 "@babel/helper-builder-binary-assignment-operator-visitor@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.14.5.tgz#b939b43f8c37765443a19ae74ad8b15978e0a191"
@@ -133,6 +190,16 @@
     browserslist "^4.17.5"
     semver "^6.3.0"
 
+"@babel/helper-compilation-targets@^7.18.2":
+  version "7.18.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.18.2.tgz#67a85a10cbd5fc7f1457fec2e7f45441dc6c754b"
+  integrity sha512-s1jnPotJS9uQnzFtiZVBUxe67CuBa679oWFHpxYYnTpRL/1ffhyX44R9uYiXoa/pLXcY9H2moJta0iaanlk/rQ==
+  dependencies:
+    "@babel/compat-data" "^7.17.10"
+    "@babel/helper-validator-option" "^7.16.7"
+    browserslist "^4.20.2"
+    semver "^6.3.0"
+
 "@babel/helper-create-class-features-plugin@^7.14.5", "@babel/helper-create-class-features-plugin@^7.14.6":
   version "7.14.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.14.6.tgz#f114469b6c06f8b5c59c6c4e74621f5085362542"
@@ -165,6 +232,14 @@
     "@babel/helper-annotate-as-pure" "^7.14.5"
     regexpu-core "^4.7.1"
 
+"@babel/helper-create-regexp-features-plugin@^7.17.12":
+  version "7.17.12"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.17.12.tgz#bb37ca467f9694bbe55b884ae7a5cc1e0084e4fd"
+  integrity sha512-b2aZrV4zvutr9AIa6/gA3wsZKRwTKYoDxYiFKcESS3Ug2GTXzwBEvMuuFLhCQpEnRXs1zng4ISAXSUxxKBIcxw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.16.7"
+    regexpu-core "^5.0.1"
+
 "@babel/helper-define-polyfill-provider@^0.2.2":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.2.3.tgz#0525edec5094653a282688d34d846e4c75e9c0b6"
@@ -179,6 +254,11 @@
     resolve "^1.14.2"
     semver "^6.1.2"
 
+"@babel/helper-environment-visitor@^7.16.7", "@babel/helper-environment-visitor@^7.18.2":
+  version "7.18.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.2.tgz#8a6d2dedb53f6bf248e31b4baf38739ee4a637bd"
+  integrity sha512-14GQKWkX9oJzPiQQ7/J36FTXcD4kSp8egKjO9nINlSKiHITRA9q/R74qu8S9xlc/b/yjsJItQUeeh3xnGN0voQ==
+
 "@babel/helper-explode-assignable-expression@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.14.5.tgz#8aa72e708205c7bb643e45c73b4386cdf2a1f645"
@@ -204,6 +284,14 @@
     "@babel/template" "^7.16.0"
     "@babel/types" "^7.16.0"
 
+"@babel/helper-function-name@^7.16.7", "@babel/helper-function-name@^7.17.9":
+  version "7.17.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.17.9.tgz#136fcd54bc1da82fcb47565cf16fd8e444b1ff12"
+  integrity sha512-7cRisGlVtiVqZ0MW0/yFB4atgpGLWEHUVYnb448hZK4x+vih0YO5UoS11XIYtZYqHd0dIPMdUSv8q5K4LdMnIg==
+  dependencies:
+    "@babel/template" "^7.16.7"
+    "@babel/types" "^7.17.0"
+
 "@babel/helper-get-function-arity@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.14.5.tgz#25fbfa579b0937eee1f3b805ece4ce398c431815"
@@ -232,6 +320,13 @@
   dependencies:
     "@babel/types" "^7.16.0"
 
+"@babel/helper-hoist-variables@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.16.7.tgz#86bcb19a77a509c7b77d0e22323ef588fa58c246"
+  integrity sha512-m04d/0Op34H5v7pbZw6pSKP7weA6lsMvfiIAMeIvkY/R4xQtBSMFEigu9QTZ2qB/9l22vsxtM8a+Q8CzD255fg==
+  dependencies:
+    "@babel/types" "^7.16.7"
+
 "@babel/helper-member-expression-to-functions@^7.14.5":
   version "7.14.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.14.7.tgz#97e56244beb94211fe277bd818e3a329c66f7970"
@@ -246,7 +341,7 @@
   dependencies:
     "@babel/types" "^7.16.0"
 
-"@babel/helper-module-imports@^7.0.0":
+"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.16.7.tgz#25612a8091a999704461c8a222d0efec5d091437"
   integrity sha512-LVtS6TqjJHFc+nYeITRo6VLXve70xmq7wPhWTqDJusJEgGmkAACWwMiTNrvfoQo6hEhFwAIixNkvB0jPXDL8Wg==
@@ -295,6 +390,20 @@
     "@babel/traverse" "^7.16.0"
     "@babel/types" "^7.16.0"
 
+"@babel/helper-module-transforms@^7.18.0":
+  version "7.18.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.18.0.tgz#baf05dec7a5875fb9235bd34ca18bad4e21221cd"
+  integrity sha512-kclUYSUBIjlvnzN2++K9f2qzYKFgjmnmjwL4zlmU5f8ZtzgWe8s0rUPSTGy2HmK4P8T52MQsS+HTQAgZd3dMEA==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.16.7"
+    "@babel/helper-module-imports" "^7.16.7"
+    "@babel/helper-simple-access" "^7.17.7"
+    "@babel/helper-split-export-declaration" "^7.16.7"
+    "@babel/helper-validator-identifier" "^7.16.7"
+    "@babel/template" "^7.16.7"
+    "@babel/traverse" "^7.18.0"
+    "@babel/types" "^7.18.0"
+
 "@babel/helper-optimise-call-expression@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.14.5.tgz#f27395a8619e0665b3f0364cddb41c25d71b499c"
@@ -319,6 +428,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.16.7.tgz#aa3a8ab4c3cceff8e65eb9e73d87dc4ff320b2f5"
   integrity sha512-Qg3Nk7ZxpgMrsox6HreY1ZNKdBq7K72tDSliA6dCl5f007jR4ne8iD5UzuNnCJH2xBf2BEEVGr+/OL6Gdp7RxA==
 
+"@babel/helper-plugin-utils@^7.17.12":
+  version "7.17.12"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.17.12.tgz#86c2347da5acbf5583ba0a10aed4c9bf9da9cf96"
+  integrity sha512-JDkf04mqtN3y4iAbO1hv9U2ARpPyPL1zqyWs/2WG1pgSq9llHFjStX5jdxb84himgJm+8Ng+x0oiWF/nw/XQKA==
+
 "@babel/helper-remap-async-to-generator@^7.16.0":
   version "7.16.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.16.0.tgz#d5aa3b086e13a5fe05238ff40c3a5a0c2dab3ead"
@@ -328,6 +442,15 @@
     "@babel/helper-wrap-function" "^7.16.0"
     "@babel/types" "^7.16.0"
 
+"@babel/helper-remap-async-to-generator@^7.16.8":
+  version "7.16.8"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.16.8.tgz#29ffaade68a367e2ed09c90901986918d25e57e3"
+  integrity sha512-fm0gH7Flb8H51LqJHy3HJ3wnE1+qtYR2A99K06ahwrawLdOFsCEWjZOrYricXJHoPSudNKxrMBUPEIPxiIIvBw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.16.7"
+    "@babel/helper-wrap-function" "^7.16.8"
+    "@babel/types" "^7.16.8"
+
 "@babel/helper-replace-supers@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.14.5.tgz#0ecc0b03c41cd567b4024ea016134c28414abb94"
@@ -362,6 +485,13 @@
   dependencies:
     "@babel/types" "^7.16.0"
 
+"@babel/helper-simple-access@^7.17.7":
+  version "7.18.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.18.2.tgz#4dc473c2169ac3a1c9f4a51cfcd091d1c36fcff9"
+  integrity sha512-7LIrjYzndorDY88MycupkpQLKS1AFfsVRm2k/9PtKScSy5tZq0McZTj+DiMRynboZfIqOKvo03pmhTaUgiD6fQ==
+  dependencies:
+    "@babel/types" "^7.18.2"
+
 "@babel/helper-skip-transparent-expression-wrappers@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.14.5.tgz#96f486ac050ca9f44b009fbe5b7d394cab3a0ee4"
@@ -390,6 +520,13 @@
   dependencies:
     "@babel/types" "^7.16.0"
 
+"@babel/helper-split-export-declaration@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.16.7.tgz#0b648c0c42da9d3920d85ad585f2778620b8726b"
+  integrity sha512-xbWoy/PFoxSWazIToT9Sif+jJTlrMcndIsaOKvTA6u7QEo7ilkRZpjew18/W3c7nm8fXdUDXh02VXTbZ0pGDNw==
+  dependencies:
+    "@babel/types" "^7.16.7"
+
 "@babel/helper-validator-identifier@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.14.5.tgz#d0f0e277c512e0c938277faa85a3968c9a44c0e8"
@@ -410,6 +547,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.14.5.tgz#6e72a1fff18d5dfcb878e1e62f1a021c4b72d5a3"
   integrity sha512-OX8D5eeX4XwcroVW45NMvoYaIuFI+GQpA2a8Gi+X/U/cDUIRsV37qQfF905F0htTRCREQIB4KqPeaveRJUl3Ow==
 
+"@babel/helper-validator-option@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.16.7.tgz#b203ce62ce5fe153899b617c08957de860de4d23"
+  integrity sha512-TRtenOuRUVo9oIQGPC5G9DgK4743cdxvtOw0weQNpZXaS16SCBi5MNjZF8vba3ETURjZpTbVn7Vvcf2eAwFozQ==
+
 "@babel/helper-wrap-function@^7.16.0":
   version "7.16.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.16.0.tgz#b3cf318afce774dfe75b86767cd6d68f3482e57c"
@@ -420,6 +562,16 @@
     "@babel/traverse" "^7.16.0"
     "@babel/types" "^7.16.0"
 
+"@babel/helper-wrap-function@^7.16.8":
+  version "7.16.8"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.16.8.tgz#58afda087c4cd235de92f7ceedebca2c41274200"
+  integrity sha512-8RpyRVIAW1RcDDGTA+GpPAwV22wXCfKOoM9bet6TLkGIFTkRQSkH1nMQ5Yet4MpoXe1ZwHPVtNasc2w0uZMqnw==
+  dependencies:
+    "@babel/helper-function-name" "^7.16.7"
+    "@babel/template" "^7.16.7"
+    "@babel/traverse" "^7.16.8"
+    "@babel/types" "^7.16.8"
+
 "@babel/helpers@^7.14.6":
   version "7.14.6"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.14.6.tgz#5b58306b95f1b47e2a0199434fa8658fa6c21635"
@@ -438,6 +590,15 @@
     "@babel/traverse" "^7.16.3"
     "@babel/types" "^7.16.0"
 
+"@babel/helpers@^7.18.2":
+  version "7.18.2"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.18.2.tgz#970d74f0deadc3f5a938bfa250738eb4ac889384"
+  integrity sha512-j+d+u5xT5utcQSzrh9p+PaJX94h++KN+ng9b9WEJq7pkUPAd61FGqhjuUEdfknb3E/uDBb7ruwEeKkIxNJPIrg==
+  dependencies:
+    "@babel/template" "^7.16.7"
+    "@babel/traverse" "^7.18.2"
+    "@babel/types" "^7.18.2"
+
 "@babel/highlight@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.14.5.tgz#6861a52f03966405001f6aa534a01a24d99e8cd9"
@@ -456,6 +617,15 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
+"@babel/highlight@^7.16.7":
+  version "7.17.12"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.17.12.tgz#257de56ee5afbd20451ac0a75686b6b404257351"
+  integrity sha512-7yykMVF3hfZY2jsHZEEgLc+3x4o1O+fYyULu11GynEUQNwB6lua+IIQn1FiJxNucd5UlyJryrwsOh8PL9Sn8Qg==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.16.7"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
+
 "@babel/parser@^7.1.0", "@babel/parser@^7.14.5", "@babel/parser@^7.14.6", "@babel/parser@^7.14.7", "@babel/parser@^7.7.0":
   version "7.14.7"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.14.7.tgz#6099720c8839ca865a2637e6c85852ead0bdb595"
@@ -466,6 +636,20 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.16.3.tgz#271bafcb811080905a119222edbc17909c82261d"
   integrity sha512-dcNwU1O4sx57ClvLBVFbEgx0UZWfd0JQX5X6fxFRCLHelFBGXFfSz6Y0FAq2PEwUqlqLkdVjVr4VASEOuUnLJw==
 
+"@babel/parser@^7.16.7", "@babel/parser@^7.18.5":
+  version "7.18.5"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.18.5.tgz#337062363436a893a2d22faa60be5bb37091c83c"
+  integrity sha512-YZWVaglMiplo7v8f1oMQ5ZPQr0vn7HPeZXxXWsxXJRjGVrzUFn9OxFQl1sb5wzfootjA/yChhW84BV+383FSOw==
+
+"@babel/plugin-proposal-async-generator-functions@^7.0.0":
+  version "7.17.12"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.17.12.tgz#094a417e31ce7e692d84bab06c8e2a607cbeef03"
+  integrity sha512-RWVvqD1ooLKP6IqWTA5GyFVX2isGEgC5iFxKzfYOIy/QEFdxYyCybBDtIGjipHpb9bDWHzcqGqFakf+mVmBTdQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.17.12"
+    "@babel/helper-remap-async-to-generator" "^7.16.8"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+
 "@babel/plugin-proposal-class-properties@^7.0.0":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.14.5.tgz#40d1ee140c5b1e31a350f4f5eed945096559b42e"
@@ -806,6 +990,14 @@
     "@babel/helper-simple-access" "^7.16.0"
     babel-plugin-dynamic-import-node "^2.3.3"
 
+"@babel/plugin-transform-named-capturing-groups-regex@^7.0.0":
+  version "7.17.12"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.17.12.tgz#9c4a5a5966e0434d515f2675c227fd8cc8606931"
+  integrity sha512-vWoWFM5CKaTeHrdUJ/3SIOTRV+MBVGybOC9mhJkaprGNt5demMymDW24yC74avb915/mIRe3TgNb/d8idvnCRA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.17.12"
+    "@babel/helper-plugin-utils" "^7.17.12"
+
 "@babel/plugin-transform-object-assign@^7.0.0":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-assign/-/plugin-transform-object-assign-7.14.5.tgz#62537d54b6d85de04f4df48bfdba2eebff17b760"
@@ -1037,6 +1229,15 @@
     "@babel/parser" "^7.16.0"
     "@babel/types" "^7.16.0"
 
+"@babel/template@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.16.7.tgz#8d126c8701fde4d66b264b3eba3d96f07666d155"
+  integrity sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w==
+  dependencies:
+    "@babel/code-frame" "^7.16.7"
+    "@babel/parser" "^7.16.7"
+    "@babel/types" "^7.16.7"
+
 "@babel/traverse@^7.1.0", "@babel/traverse@^7.13.0", "@babel/traverse@^7.14.5", "@babel/traverse@^7.7.0", "@babel/traverse@^7.7.4":
   version "7.14.7"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.14.7.tgz#64007c9774cfdc3abd23b0780bc18a3ce3631753"
@@ -1067,6 +1268,22 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
+"@babel/traverse@^7.16.8", "@babel/traverse@^7.18.0", "@babel/traverse@^7.18.2", "@babel/traverse@^7.18.5":
+  version "7.18.5"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.18.5.tgz#94a8195ad9642801837988ab77f36e992d9a20cd"
+  integrity sha512-aKXj1KT66sBj0vVzk6rEeAO6Z9aiiQ68wfDgge3nHhA/my6xMM/7HGQUNumKZaoa2qUPQ5whJG9aAifsxUKfLA==
+  dependencies:
+    "@babel/code-frame" "^7.16.7"
+    "@babel/generator" "^7.18.2"
+    "@babel/helper-environment-visitor" "^7.18.2"
+    "@babel/helper-function-name" "^7.17.9"
+    "@babel/helper-hoist-variables" "^7.16.7"
+    "@babel/helper-split-export-declaration" "^7.16.7"
+    "@babel/parser" "^7.18.5"
+    "@babel/types" "^7.18.4"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
 "@babel/types@^7.0.0", "@babel/types@^7.14.5", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.7.0":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.14.5.tgz#3bb997ba829a2104cedb20689c4a5b8121d383ff"
@@ -1075,6 +1292,14 @@
     "@babel/helper-validator-identifier" "^7.14.5"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.15.6", "@babel/types@^7.16.8", "@babel/types@^7.17.0", "@babel/types@^7.18.0", "@babel/types@^7.18.2", "@babel/types@^7.18.4":
+  version "7.18.4"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.18.4.tgz#27eae9b9fd18e9dccc3f9d6ad051336f307be354"
+  integrity sha512-ThN1mBcMq5pG/Vm2IcBmPPfyPXbd8S02rS+OBIDENdufvqC7Z/jHPCv9IcP01277aKtDI8g/2XysBN4hA8niiw==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.16.7"
+    to-fast-properties "^2.0.0"
+
 "@babel/types@^7.16.0":
   version "7.16.0"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.16.0.tgz#db3b313804f96aadd0b776c4823e127ad67289ba"
@@ -2173,6 +2398,57 @@
     "@types/yargs" "^16.0.0"
     chalk "^4.0.0"
 
+"@jest/types@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-27.5.1.tgz#3c79ec4a8ba61c170bf937bcf9e98a9df175ec80"
+  integrity sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
+    "@types/yargs" "^16.0.0"
+    chalk "^4.0.0"
+
+"@jridgewell/gen-mapping@^0.1.0":
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz#e5d2e450306a9491e3bd77e323e38d7aff315996"
+  integrity sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==
+  dependencies:
+    "@jridgewell/set-array" "^1.0.0"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+
+"@jridgewell/gen-mapping@^0.3.0":
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.1.tgz#cf92a983c83466b8c0ce9124fadeaf09f7c66ea9"
+  integrity sha512-GcHwniMlA2z+WFPWuY8lp3fsza0I8xPFMWL5+n8LYyP6PSvPrXf4+n8stDHZY2DM0zy9sVkRDy1jDI4XGzYVqg==
+  dependencies:
+    "@jridgewell/set-array" "^1.0.0"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
+"@jridgewell/resolve-uri@^3.0.3":
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.0.7.tgz#30cd49820a962aff48c8fffc5cd760151fca61fe"
+  integrity sha512-8cXDaBBHOr2pQ7j77Y6Vp5VDT2sIqWyWQ56TjEq4ih/a4iST3dItRe8Q9fp0rrIl9DoKhWQtUQz/YpOxLkXbNA==
+
+"@jridgewell/set-array@^1.0.0":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.1.tgz#36a6acc93987adcf0ba50c66908bd0b70de8afea"
+  integrity sha512-Ct5MqZkLGEXTVmQYbGtx9SVqD2fqwvdubdps5D3djjAkgkKwT918VNOz65pEHFaYTeWcukmJmH5SwsA9Tn2ObQ==
+
+"@jridgewell/sourcemap-codec@^1.4.10":
+  version "1.4.13"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.13.tgz#b6461fb0c2964356c469e115f504c95ad97ab88c"
+  integrity sha512-GryiOJmNcWbovBxTfZSF71V/mXbgcV3MewDe3kIMCLyIh5e7SKAeUZs+rMnJ8jkMolZ/4/VsdBmMrw3l+VdZ3w==
+
+"@jridgewell/trace-mapping@^0.3.9":
+  version "0.3.13"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.13.tgz#dcfe3e95f224c8fe97a87a5235defec999aa92ea"
+  integrity sha512-o1xbKhp9qnIAoHJSWd6KlCZfqslL4valSF81H8ImioOAxluWYWOpWkpyktY2vnt4tbrX9XYaxovq6cgowaJp2w==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.0.3"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+
 "@keystonehq/base-eth-keyring@^0.3.2":
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/@keystonehq/base-eth-keyring/-/base-eth-keyring-0.3.2.tgz#71efe1495d4931fab5fd0016c8722fe5d9657da9"
@@ -3292,6 +3568,97 @@
     resolve-from "^5.0.0"
     ts-dedent "^1.1.0"
 
+"@svgr/babel-plugin-add-jsx-attribute@^6.0.0":
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-6.0.0.tgz#bd6d1ff32a31b82b601e73672a789cc41e84fe18"
+  integrity sha512-MdPdhdWLtQsjd29Wa4pABdhWbaRMACdM1h31BY+c6FghTZqNGT7pEYdBoaGeKtdTOBC/XNFQaKVj+r/Ei2ryWA==
+
+"@svgr/babel-plugin-remove-jsx-attribute@^6.0.0":
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-6.0.0.tgz#58654908beebfa069681a83332544b17e5237e89"
+  integrity sha512-aVdtfx9jlaaxc3unA6l+M9YRnKIZjOhQPthLKqmTXC8UVkBLDRGwPKo+r8n3VZN8B34+yVajzPTZ+ptTSuZZCw==
+
+"@svgr/babel-plugin-remove-jsx-empty-expression@^6.0.0":
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-6.0.0.tgz#d06dd6e8a8f603f92f9979bb9990a1f85a4f57ba"
+  integrity sha512-Ccj42ApsePD451AZJJf1QzTD1B/BOU392URJTeXFxSK709i0KUsGtbwyiqsKu7vsYxpTM0IA5clAKDyf9RCZyA==
+
+"@svgr/babel-plugin-replace-jsx-attribute-value@^6.0.0":
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-6.0.0.tgz#0b85837577b02c31c09c758a12932820f5245cee"
+  integrity sha512-88V26WGyt1Sfd1emBYmBJRWMmgarrExpKNVmI9vVozha4kqs6FzQJ/Kp5+EYli1apgX44518/0+t9+NU36lThQ==
+
+"@svgr/babel-plugin-svg-dynamic-title@^6.0.0":
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-6.0.0.tgz#28236ec26f7ab9d486a487d36ae52d58ba15676f"
+  integrity sha512-F7YXNLfGze+xv0KMQxrl2vkNbI9kzT9oDK55/kUuymh1ACyXkMV+VZWX1zEhSTfEKh7VkHVZGmVtHg8eTZ6PRg==
+
+"@svgr/babel-plugin-svg-em-dimensions@^6.0.0":
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-6.0.0.tgz#40267c5dea1b43c4f83a0eb6169e08b43d8bafce"
+  integrity sha512-+rghFXxdIqJNLQK08kwPBD3Z22/0b2tEZ9lKiL/yTfuyj1wW8HUXu4bo/XkogATIYuXSghVQOOCwURXzHGKyZA==
+
+"@svgr/babel-plugin-transform-react-native-svg@^6.0.0":
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-6.0.0.tgz#eb688d0a5f539e34d268d8a516e81f5d7fede7c9"
+  integrity sha512-VaphyHZ+xIKv5v0K0HCzyfAaLhPGJXSk2HkpYfXIOKb7DjLBv0soHDxNv6X0vr2titsxE7klb++u7iOf7TSrFQ==
+
+"@svgr/babel-plugin-transform-svg-component@^6.2.0":
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-6.2.0.tgz#7ba61d9fc1fb42b0ba1a04e4630019fa7e993c4f"
+  integrity sha512-bhYIpsORb++wpsp91fymbFkf09Z/YEKR0DnFjxvN+8JHeCUD2unnh18jIMKnDJTWtvpTaGYPXELVe4OOzFI0xg==
+
+"@svgr/babel-preset@^6.2.0":
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-6.2.0.tgz#1d3ad8c7664253a4be8e4a0f0e6872f30d8af627"
+  integrity sha512-4WQNY0J71JIaL03DRn0vLiz87JXx0b9dYm2aA8XHlQJQoixMl4r/soYHm8dsaJZ3jWtkCiOYy48dp9izvXhDkQ==
+  dependencies:
+    "@svgr/babel-plugin-add-jsx-attribute" "^6.0.0"
+    "@svgr/babel-plugin-remove-jsx-attribute" "^6.0.0"
+    "@svgr/babel-plugin-remove-jsx-empty-expression" "^6.0.0"
+    "@svgr/babel-plugin-replace-jsx-attribute-value" "^6.0.0"
+    "@svgr/babel-plugin-svg-dynamic-title" "^6.0.0"
+    "@svgr/babel-plugin-svg-em-dimensions" "^6.0.0"
+    "@svgr/babel-plugin-transform-react-native-svg" "^6.0.0"
+    "@svgr/babel-plugin-transform-svg-component" "^6.2.0"
+
+"@svgr/core@^6.1.2":
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-6.2.1.tgz#195de807a9f27f9e0e0d678e01084b05c54fdf61"
+  integrity sha512-NWufjGI2WUyrg46mKuySfviEJ6IxHUOm/8a3Ph38VCWSp+83HBraCQrpEM3F3dB6LBs5x8OElS8h3C0oOJaJAA==
+  dependencies:
+    "@svgr/plugin-jsx" "^6.2.1"
+    camelcase "^6.2.0"
+    cosmiconfig "^7.0.1"
+
+"@svgr/hast-util-to-babel-ast@^6.2.1":
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-6.2.1.tgz#ae065567b74cbe745afae617053adf9a764bea25"
+  integrity sha512-pt7MMkQFDlWJVy9ULJ1h+hZBDGFfSCwlBNW1HkLnVi7jUhyEXUaGYWi1x6bM2IXuAR9l265khBT4Av4lPmaNLQ==
+  dependencies:
+    "@babel/types" "^7.15.6"
+    entities "^3.0.1"
+
+"@svgr/plugin-jsx@^6.2.1":
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-6.2.1.tgz#5668f1d2aa18c2f1bb7a1fc9f682d3f9aed263bd"
+  integrity sha512-u+MpjTsLaKo6r3pHeeSVsh9hmGRag2L7VzApWIaS8imNguqoUwDq/u6U/NDmYs/KAsrmtBjOEaAAPbwNGXXp1g==
+  dependencies:
+    "@babel/core" "^7.15.5"
+    "@svgr/babel-preset" "^6.2.0"
+    "@svgr/hast-util-to-babel-ast" "^6.2.1"
+    svg-parser "^2.0.2"
+
+"@svgr/plugin-svgo@^6.1.2":
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-6.2.0.tgz#4cbe6a33ccccdcae4e3b63ded64cc1cbe1faf48c"
+  integrity sha512-oDdMQONKOJEbuKwuy4Np6VdV6qoaLLvoY86hjvQEgU82Vx1MSWRyYms6Sl0f+NtqxLI/rDVufATbP/ev996k3Q==
+  dependencies:
+    cosmiconfig "^7.0.1"
+    deepmerge "^4.2.2"
+    svgo "^2.5.0"
+
+
 "@szmarczak/http-timer@^4.0.5":
   version "4.0.6"
   resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-4.0.6.tgz#b4a914bb62e7c272d4e5989fe4440f812ab1d807"
@@ -3312,6 +3679,11 @@
     Base64 "~0.2.0"
     inherits "~2.0.1"
 
+"@trysound/sax@0.2.0":
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
+  integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
+
 "@types/babel__core@^7.0.0", "@types/babel__core@^7.1.7":
   version "7.1.15"
   resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.15.tgz#2ccfb1ad55a02c83f8e0ad327cbc332f55eb1024"
@@ -4505,6 +4877,11 @@ async@^2.0.1, async@^2.1.2, async@^2.4.0, async@^2.5.0:
   dependencies:
     lodash "^4.17.14"
 
+async@^3.2.2:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/async/-/async-3.2.4.tgz#2d22e00f8cddeb5fde5dd33522b56d1cf569a81c"
+  integrity sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==
+
 async@^3.2.3:
   version "3.2.3"
   resolved "https://registry.yarnpkg.com/async/-/async-3.2.3.tgz#ac53dafd3f4720ee9e8a160628f18ea91df196c9"
@@ -5148,6 +5525,17 @@ browserslist@^4.17.5:
     node-releases "^2.0.1"
     picocolors "^1.0.0"
 
+browserslist@^4.20.2:
+  version "4.20.4"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.20.4.tgz#98096c9042af689ee1e0271333dbc564b8ce4477"
+  integrity sha512-ok1d+1WpnU24XYN7oC3QWgTyMhY/avPJ/r9T00xxvUOIparA/gc+UPUMaod3i+G6s+nI2nUb9xZ5k794uIwShw==
+  dependencies:
+    caniuse-lite "^1.0.30001349"
+    electron-to-chromium "^1.4.147"
+    escalade "^3.1.1"
+    node-releases "^2.0.5"
+    picocolors "^1.0.0"
+
 bs58@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/bs58/-/bs58-3.1.0.tgz#d4c26388bf4804cac714141b1945aa47e5eb248e"
@@ -5371,6 +5759,11 @@ camelcase@^6.0.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.2.0.tgz#924af881c9d525ac9d87f40d964e5cea982a1809"
   integrity sha512-c7wVvbw3f37nuobQNtgsgG9POC9qMbNuMQmTCqZv23b6MIz0fcYpBiOlv9gEN/hdLdnZTDQhg6e9Dq5M1vKvfg==
 
+camelcase@^6.2.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
+  integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
+
 camelize@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.0.tgz#164a5483e630fa4321e5af07020e531831b2609b"
@@ -5391,6 +5784,11 @@ caniuse-lite@^1.0.30001274:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001280.tgz#066a506046ba4be34cde5f74a08db7a396718fb7"
   integrity sha512-kFXwYvHe5rix25uwueBxC569o53J6TpnGu0BEEn+6Lhl2vsnAumRFWEBhDft1fwyo6m1r4i+RqA4+163FpeFcA==
 
+caniuse-lite@^1.0.30001349:
+  version "1.0.30001352"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001352.tgz#cc6f5da3f983979ad1e2cdbae0505dccaa7c6a12"
+  integrity sha512-GUgH8w6YergqPQDGWhJGt8GDRnY0L/iJVQcU3eJ46GYf52R8tk0Wxp0PymuFVZboJYXGiCqwozAYZNRjVj6IcA==
+
 capture-exit@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/capture-exit/-/capture-exit-2.0.0.tgz#fb953bfaebeb781f62898239dabb426d08a509a4"
@@ -5535,6 +5933,11 @@ ci-info@^2.0.0:
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
   integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
 
+ci-info@^3.2.0:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.3.1.tgz#58331f6f472a25fe3a50a351ae3052936c2c7f32"
+  integrity sha512-SXgeMX9VwDe7iFFaEWkA5AstuER9YKqy4EhHqr4DVqkwmD9rpVimkMKWHdjn30Ja45txyjhSn63lVX69eVCckg==
+
 cids@^0.7.1:
   version "0.7.5"
   resolved "https://registry.yarnpkg.com/cids/-/cids-0.7.5.tgz#60a08138a99bfb69b6be4ceb63bfef7a396b28b2"
@@ -5827,6 +6230,11 @@ commander@^6.2.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-6.2.1.tgz#0792eb682dfbc325999bb2b84fddddba110ac73c"
   integrity sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==
 
+commander@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
+  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
+
 commander@~2.13.0:
   version "2.13.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.13.0.tgz#6964bca67685df7c1f1430c584f07d7597885b9c"
@@ -6039,6 +6447,17 @@ cosmiconfig@^7.0.0:
     path-type "^4.0.0"
     yaml "^1.10.0"
 
+cosmiconfig@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.0.1.tgz#714d756522cace867867ccb4474c5d01bbae5d6d"
+  integrity sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
 crc-32@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/crc-32/-/crc-32-1.2.0.tgz#cb2db6e29b88508e32d9dd0ec1693e7b41a18208"
@@ -6210,7 +6629,7 @@ css-to-react-native@^2.2.1:
     css-color-keywords "^1.0.0"
     postcss-value-parser "^3.3.0"
 
-css-tree@^1.0.0-alpha.39:
+css-tree@^1.0.0-alpha.39, css-tree@^1.1.2, css-tree@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d"
   integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
@@ -6228,6 +6647,13 @@ css-what@^5.0.0, css-what@^5.0.1:
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-5.0.1.tgz#3efa820131f4669a8ac2408f9c32e7c7de9f4cad"
   integrity sha512-FYDTSHb/7KXsWICVsxdmiExPjCfRC4qRFBdVwv7Ax9hMnvMmEjP9RfxTEZ3qPZGmADDn2vAKSo9UcN1jKVYscg==
 
+csso@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/csso/-/csso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529"
+  integrity sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==
+  dependencies:
+    css-tree "^1.1.2"
+
 cssom@^0.4.4:
   version "0.4.4"
   resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
@@ -6777,6 +7203,11 @@ electron-to-chromium@^1.3.886:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.895.tgz#9b0f8f2e32d8283bbb200156fd5d8dfd775f31ed"
   integrity sha512-9Ww3fB8CWctjqHwkOt7DQbMZMpal2x2reod+/lU4b9axO1XJEDUpPMBxs7YnjLhhqpKXIIB5SRYN/B4K0QpvyQ==
 
+electron-to-chromium@^1.4.147:
+  version "1.4.152"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.152.tgz#7dedbe8f3dc1c597088982a203f392e60f7ee90a"
+  integrity sha512-jk4Ju5SGZAQQJ1iI4Rgru7dDlvkQPLpNPWH9gIZmwCD4YteA5Bbk1xPcPDUf5jUYs3e1e80RXdi8XgKQZaigeg==
+
 elliptic@6.5.4, elliptic@^6.4.0, elliptic@^6.5.2, elliptic@^6.5.3, elliptic@^6.5.4:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.4.tgz#da37cebd31e79a1367e941b592ed1fbebd58abbb"
@@ -6853,6 +7284,11 @@ entities@^2.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
   integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
 
+entities@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-3.0.1.tgz#2b887ca62585e96db3903482d336c1006c3001d4"
+  integrity sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==
+
 env-paths@^2.2.0:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
@@ -9281,6 +9717,11 @@ graceful-fs@^4.2.3:
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.8.tgz#e412b8d33f5e006593cbd3cee6df9f2cebbe802a"
   integrity sha512-qkIilPUYcNhJpd33n0GBXTB1MMPp14TxEsEs0pTrsSVucApsYzW5V+Q8Qxhik6KU3evy+qkAAowTByymK0avdg==
 
+graceful-fs@^4.2.9:
+  version "4.2.10"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
+  integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
+
 graceful-fs@~2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-2.0.3.tgz#7cd2cdb228a4a3f36e95efa6cc142de7d1a136d0"
@@ -9444,11 +9885,23 @@ hermes-engine@0.10.0, hermes-engine@~0.9.0:
   resolved "https://registry.yarnpkg.com/hermes-engine/-/hermes-engine-0.10.0.tgz#3a8eca6bbde31e0a2881f265f7c3216ae44c4015"
   integrity sha512-SiBo9rvuWetTIQGPPYwRHP0Omo/Iw/yd0sujWR0bW08+syIO0qDpo/fgx7GrY5PEy8wLcVz8v7adET2i5DOmJg==
 
+hermes-estree@0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.6.0.tgz#e866fddae1b80aec65fe2ae450a5f2070ad54033"
+  integrity sha512-2YTGzJCkhdmT6VuNprWjXnvTvw/3iPNw804oc7yknvQpNKo+vJGZmtvLLCghOZf0OwzKaNAzeIMp71zQbNl09w==
+
 hermes-parser@0.4.7:
   version "0.4.7"
   resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.4.7.tgz#410f5129d57183784d205a0538e6fbdcf614c9ea"
   integrity sha512-jc+zCtXbtwTiXoMAoXOHepxAaGVFIp89wwE9qcdwnMd/uGVEtPoY8FaFSsx0ThPvyKirdR2EsIIDVrpbSXz1Ag==
 
+hermes-parser@0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.6.0.tgz#00d14e91bca830b3c1457050fa4187400cb96328"
+  integrity sha512-Vf58jBZca2+QBLR9h7B7mdg8oFz2g5ILz1iVouZ5DOrOrAfBmPfJjdjDT8jrO0f+iJ4/hSRrQHqHIjSnTaLUDQ==
+  dependencies:
+    hermes-estree "0.6.0"
+
 hermes-profile-transformer@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/hermes-profile-transformer/-/hermes-profile-transformer-0.0.6.tgz#bd0f5ecceda80dd0ddaae443469ab26fb38fc27b"
@@ -10639,6 +11092,11 @@ jest-regex-util@^26.0.0:
   resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-26.0.0.tgz#d25e7184b36e39fd466c3bc41be0971e821fee28"
   integrity sha512-Gv3ZIs/nA48/Zvjrl34bf+oD76JHiGDUxNOVgUjh3j890sblXryjY4rss71fPtD/njchl6PSE2hIhvyWa1eT0A==
 
+jest-regex-util@^27.0.6:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-27.5.1.tgz#4da143f7e9fd1e542d4aa69617b38e4a78365b95"
+  integrity sha512-4bfKq2zie+x16okqDXjXn9ql2B0dScQu+vcwe4TvFVhkVyuWLqpZrZtXxLLWoXYgn0E87I6r6GRYHF7wFZBUvg==
+
 jest-resolve-dependencies@^26.6.3:
   version "26.6.3"
   resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-26.6.3.tgz#6680859ee5d22ee5dcd961fe4871f59f4c784fb6"
@@ -10729,6 +11187,14 @@ jest-serializer@26.6.2, jest-serializer@^26.6.2:
     "@types/node" "*"
     graceful-fs "^4.2.4"
 
+jest-serializer@^27.0.6:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-27.5.1.tgz#81438410a30ea66fd57ff730835123dea1fb1f64"
+  integrity sha512-jZCyo6iIxO1aqUxpuBlwTDMkzOAJS4a3eYz3YzgxxVQFwLeSA7Jfq5cbqCY+JLvTDrWirgusI/0KwxKMgrdf7w==
+  dependencies:
+    "@types/node" "*"
+    graceful-fs "^4.2.9"
+
 jest-snapshot@^26.6.2:
   version "26.6.2"
   resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-26.6.2.tgz#f3b0af1acb223316850bd14e1beea9837fb39c84"
@@ -10763,6 +11229,18 @@ jest-util@^26.6.2:
     is-ci "^2.0.0"
     micromatch "^4.0.2"
 
+jest-util@^27.2.0:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-27.5.1.tgz#3ba9771e8e31a0b85da48fe0b0891fb86c01c2f9"
+  integrity sha512-Kv2o/8jNvX1MQ0KGtw480E/w4fBCDOnH6+6DmeKi6LZUIlKA5kwY0YNdlzaWTiVgxqAqik11QyxDOKk543aKXw==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    ci-info "^3.2.0"
+    graceful-fs "^4.2.9"
+    picomatch "^2.2.3"
+
 jest-validate@^26.5.2, jest-validate@^26.6.2:
   version "26.6.2"
   resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-26.6.2.tgz#23d380971587150467342911c3d7b4ac57ab20ec"
@@ -10797,6 +11275,15 @@ jest-worker@^26.0.0, jest-worker@^26.6.2:
     merge-stream "^2.0.0"
     supports-color "^7.0.0"
 
+jest-worker@^27.2.0:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
+  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^8.0.0"
+
 jest@^26.6.3:
   version "26.6.3"
   resolved "https://registry.yarnpkg.com/jest/-/jest-26.6.3.tgz#40e8fdbe48f00dfa1f0ce8121ca74b88ac9148ef"
@@ -11028,6 +11515,11 @@ json5@^2.1.2, json5@^2.2.0:
   dependencies:
     minimist "^1.2.5"
 
+json5@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
+  integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
+
 jsonfile@^2.1.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-2.4.0.tgz#3736a2b428b87bbda0cc83b53fa3d633a35c2ae8"
@@ -11757,11 +12249,26 @@ metro-babel-transformer@0.66.2:
     metro-source-map "0.66.2"
     nullthrows "^1.1.1"
 
+metro-babel-transformer@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.71.1.tgz#1ba6ecc19350fdb4e6a1c801277f39a320922230"
+  integrity sha512-Clwuk5M5uDjjzja46Ezlnexr/1UENLJDOXeMZQWR1nHVnZtzFlrPkB6ZY3rfR2/rUm8NYmS3kHmeb6uWYa2WQA==
+  dependencies:
+    "@babel/core" "^7.14.0"
+    hermes-parser "0.6.0"
+    metro-source-map "0.71.1"
+    nullthrows "^1.1.1"
+
 metro-cache-key@0.66.2:
   version "0.66.2"
   resolved "https://registry.yarnpkg.com/metro-cache-key/-/metro-cache-key-0.66.2.tgz#d6463d2a53e887a38419d523962cc24ea0e780b4"
   integrity sha512-WtkNmRt41qOpHh1MkNA4nLiQ/m7iGL90ysSKD+fcLqlUnOBKJptPQm0ZUv8Kfqk18ddWX2KmsSbq+Sf3I6XohQ==
 
+metro-cache-key@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro-cache-key/-/metro-cache-key-0.71.1.tgz#932ccdbcda2f785d8b814be3eaaa3d4cd8f84bd9"
+  integrity sha512-xChksd3ygmwNUtrJZ9k34SzswEQ9dAYZyEcU20Wmv85T7bpWvE68TbT8NC0diMuA3p0WvS4YeZOn5VHLpy/ibQ==
+
 metro-cache@0.66.2:
   version "0.66.2"
   resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.66.2.tgz#e0af4e0a319898f7d42a980f7ee5da153fcfd019"
@@ -11771,6 +12278,14 @@ metro-cache@0.66.2:
     mkdirp "^0.5.1"
     rimraf "^2.5.4"
 
+metro-cache@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.71.1.tgz#8cf0ddae6f8cdcccf7bfb8f8f079040998e54196"
+  integrity sha512-lrUioUv5jZCHe0a/RvXI5eZoXGMl46yxs/leDEedn1DX1HZdhbEhFsUZaytUQaTs6Bzu1iRuMxO8X9gwPMbkhg==
+  dependencies:
+    metro-core "0.71.1"
+    rimraf "^2.5.4"
+
 metro-config@0.66.2, metro-config@^0.66.1:
   version "0.66.2"
   resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.66.2.tgz#e365acdb66ad0cda0182b9c9910760a97ee4293b"
@@ -11783,6 +12298,18 @@ metro-config@0.66.2, metro-config@^0.66.1:
     metro-core "0.66.2"
     metro-runtime "0.66.2"
 
+metro-config@0.71.1, metro-config@^0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.71.1.tgz#e5061efe6f918eaaeff4b92c91340d94fd5625d2"
+  integrity sha512-nCDLZ8sTWXd+TWYo2cqkFrBhIhb9JmICgeVHMXq8IrzQtJOLa29cygg2+9yepBsHn3HVHlnQmFQV5YM/zagF5w==
+  dependencies:
+    cosmiconfig "^5.0.5"
+    jest-validate "^26.5.2"
+    metro "0.71.1"
+    metro-cache "0.71.1"
+    metro-core "0.71.1"
+    metro-runtime "0.71.1"
+
 metro-core@0.66.2, metro-core@^0.66.1:
   version "0.66.2"
   resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.66.2.tgz#ead776a17b3e5a307e6dc22259db30bf5c7e8490"
@@ -11792,11 +12319,42 @@ metro-core@0.66.2, metro-core@^0.66.1:
     lodash.throttle "^4.1.1"
     metro-resolver "0.66.2"
 
+metro-core@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.71.1.tgz#6e959d16e9008cea274fea385d5621ee00ac5325"
+  integrity sha512-SrIeiIRkRJZ2Z58Ptuwi1KVhWFQD0w892X3Fey47tteodpM/DZQYlNTdpTeMMPSzrxHFKRSU0r2KaMtOUbr9Mg==
+  dependencies:
+    lodash.throttle "^4.1.1"
+    metro-resolver "0.71.1"
+
+metro-file-map@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro-file-map/-/metro-file-map-0.71.1.tgz#7c497765cbfc01644ef2f7e1f4ebdb9ddcc63ecb"
+  integrity sha512-fEq1Gpb+XdtpVv3oespYuL4E+K9pN+M/Sg6zaY9CluwDUMvNaeQ2P9CP0u2FAsZFe0SO55cUmfm8mDK/aq/hAA==
+  dependencies:
+    anymatch "^3.0.3"
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.2.4"
+    invariant "^2.2.4"
+    jest-regex-util "^27.0.6"
+    jest-serializer "^27.0.6"
+    jest-util "^27.2.0"
+    jest-worker "^27.2.0"
+    micromatch "^4.0.4"
+    walker "^1.0.7"
+  optionalDependencies:
+    fsevents "^2.1.2"
+
 metro-hermes-compiler@0.66.2:
   version "0.66.2"
   resolved "https://registry.yarnpkg.com/metro-hermes-compiler/-/metro-hermes-compiler-0.66.2.tgz#30290748f83805faa601aa487632444915795823"
   integrity sha512-nCVL1g9uR6vrw5+X1wjwZruRyMkndnzGRMqjqoljf+nGEqBTD607CR7elXw4fMWn/EM+1y0Vdq5altUu9LdgCA==
 
+metro-hermes-compiler@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro-hermes-compiler/-/metro-hermes-compiler-0.71.1.tgz#d2f19f468efdedd4ce2f205eb22218a17dd09e8f"
+  integrity sha512-A5eCC9KaPxmCz7VjAqDr8JqrHKBd1ZpwUd0gK5gGAOVayIq2Iz7RDAteGOsGK8vj1gRAnBexDTwvR5LrXsr9BA==
+
 metro-inspector-proxy@0.66.2:
   version "0.66.2"
   resolved "https://registry.yarnpkg.com/metro-inspector-proxy/-/metro-inspector-proxy-0.66.2.tgz#a83c76bd2f2fd7b9240be92acf9a8b1d1404547a"
@@ -11807,6 +12365,16 @@ metro-inspector-proxy@0.66.2:
     ws "^1.1.5"
     yargs "^15.3.1"
 
+metro-inspector-proxy@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro-inspector-proxy/-/metro-inspector-proxy-0.71.1.tgz#3e87231627424d9026c06f95bd9ac5e517d02f1b"
+  integrity sha512-hbPEa/SKR/L//3+q+zwx/Lyz4dLaXsQujRYx3OyBbwkYmx7Y5cO8V1R0AAHSQjVuiRIOUGI1ybJr2NhIPCT6Hg==
+  dependencies:
+    connect "^3.6.5"
+    debug "^2.2.0"
+    ws "^7.5.1"
+    yargs "^15.3.1"
+
 metro-minify-uglify@0.66.2:
   version "0.66.2"
   resolved "https://registry.yarnpkg.com/metro-minify-uglify/-/metro-minify-uglify-0.66.2.tgz#6061dbee4f61e6d5bb3c100e4379ff6f2e16e42b"
@@ -11814,6 +12382,13 @@ metro-minify-uglify@0.66.2:
   dependencies:
     uglify-es "^3.1.9"
 
+metro-minify-uglify@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro-minify-uglify/-/metro-minify-uglify-0.71.1.tgz#75582b0ee6fe7c519f64edd9dae0762b77b4f92f"
+  integrity sha512-T3KzfvLOOfB8OZyJS8dsRVEPsuW46820zjfEWS/RiP8C1UPd02Zy3Cf3oH3nFhx/vzEBovkDiY8dYCH39ngsYw==
+  dependencies:
+    uglify-es "^3.1.9"
+
 metro-react-native-babel-preset@0.66.2, metro-react-native-babel-preset@^0.66.2:
   version "0.66.2"
   resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.66.2.tgz#fddebcf413ad4ea617d4f47f7c1da401052de734"
@@ -11860,6 +12435,51 @@ metro-react-native-babel-preset@0.66.2, metro-react-native-babel-preset@^0.66.2:
     "@babel/template" "^7.0.0"
     react-refresh "^0.4.0"
 
+metro-react-native-babel-preset@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.71.1.tgz#daa51ba3222b2f1b0577e635f52cec6f4dc318f9"
+  integrity sha512-hq/yQUzY4SyleUVHqn7MzY5fxezq0yjVVqWcZwPKWjNPzaOumP3OHt2ugTWMfy3je24EUhJe73mWaR7z0Lp+Pg==
+  dependencies:
+    "@babel/core" "^7.14.0"
+    "@babel/plugin-proposal-async-generator-functions" "^7.0.0"
+    "@babel/plugin-proposal-class-properties" "^7.0.0"
+    "@babel/plugin-proposal-export-default-from" "^7.0.0"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.0.0"
+    "@babel/plugin-proposal-object-rest-spread" "^7.0.0"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.0.0"
+    "@babel/plugin-proposal-optional-chaining" "^7.0.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.0.0"
+    "@babel/plugin-syntax-export-default-from" "^7.0.0"
+    "@babel/plugin-syntax-flow" "^7.2.0"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.0.0"
+    "@babel/plugin-syntax-optional-chaining" "^7.0.0"
+    "@babel/plugin-transform-arrow-functions" "^7.0.0"
+    "@babel/plugin-transform-async-to-generator" "^7.0.0"
+    "@babel/plugin-transform-block-scoping" "^7.0.0"
+    "@babel/plugin-transform-classes" "^7.0.0"
+    "@babel/plugin-transform-computed-properties" "^7.0.0"
+    "@babel/plugin-transform-destructuring" "^7.0.0"
+    "@babel/plugin-transform-exponentiation-operator" "^7.0.0"
+    "@babel/plugin-transform-flow-strip-types" "^7.0.0"
+    "@babel/plugin-transform-function-name" "^7.0.0"
+    "@babel/plugin-transform-literals" "^7.0.0"
+    "@babel/plugin-transform-modules-commonjs" "^7.0.0"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.0.0"
+    "@babel/plugin-transform-parameters" "^7.0.0"
+    "@babel/plugin-transform-react-display-name" "^7.0.0"
+    "@babel/plugin-transform-react-jsx" "^7.0.0"
+    "@babel/plugin-transform-react-jsx-self" "^7.0.0"
+    "@babel/plugin-transform-react-jsx-source" "^7.0.0"
+    "@babel/plugin-transform-runtime" "^7.0.0"
+    "@babel/plugin-transform-shorthand-properties" "^7.0.0"
+    "@babel/plugin-transform-spread" "^7.0.0"
+    "@babel/plugin-transform-sticky-regex" "^7.0.0"
+    "@babel/plugin-transform-template-literals" "^7.0.0"
+    "@babel/plugin-transform-typescript" "^7.5.0"
+    "@babel/plugin-transform-unicode-regex" "^7.0.0"
+    "@babel/template" "^7.0.0"
+    react-refresh "^0.4.0"
+
 metro-react-native-babel-transformer@0.66.2, metro-react-native-babel-transformer@^0.66.1:
   version "0.66.2"
   resolved "https://registry.yarnpkg.com/metro-react-native-babel-transformer/-/metro-react-native-babel-transformer-0.66.2.tgz#768f341e7c3d3d1c38189799c9884b90d1c32eb7"
@@ -11880,11 +12500,25 @@ metro-resolver@0.66.2, metro-resolver@^0.66.1:
   dependencies:
     absolute-path "^0.0.0"
 
+metro-resolver@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro-resolver/-/metro-resolver-0.71.1.tgz#50fa4eabf1e2cd51e13967eeff7a3ec15f6bbd94"
+  integrity sha512-5pW5p/Kt54Z4YJ7s1VyxSbXOvU4ikjjIqD+2wkdzngTVm7pYxKQfauApe22ep7oxTFU55HeAwbjmjiM/ngFN2g==
+  dependencies:
+    absolute-path "^0.0.0"
+
 metro-runtime@0.66.2, metro-runtime@^0.66.1:
   version "0.66.2"
   resolved "https://registry.yarnpkg.com/metro-runtime/-/metro-runtime-0.66.2.tgz#3409ee957b949b6c7b72ef6ed2b9af9a4f4a910e"
   integrity sha512-vFhKBk2ot9FS4b+2v0OTa/guCF/QDAOJubY0CNg7PzCS5+w4y3IvZIcPX4SSS1t8pYEZBLvtdtTDarlDl81xmg==
 
+metro-runtime@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro-runtime/-/metro-runtime-0.71.1.tgz#446e069844c450637329838778e4ca46984772bd"
+  integrity sha512-TJYwPgDf59p6rS2ijXfIZwGVNmoxjFC90SU2I2TDgTi/ZEkcBnFeR6/3nOq1F7HnhIkBxJd0M/EVLtL/Pt4UOw==
+  dependencies:
+    "@babel/runtime" "^7.0.0"
+
 metro-source-map@0.66.2:
   version "0.66.2"
   resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.66.2.tgz#b5304a282a5d55fa67b599265e9cf3217175cdd7"
@@ -11899,6 +12533,20 @@ metro-source-map@0.66.2:
     source-map "^0.5.6"
     vlq "^1.0.0"
 
+metro-source-map@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.71.1.tgz#717997b758e1e6de463ca838e19c2f73df1ce7fa"
+  integrity sha512-mPACdy185BT9fTEY/iPK5ka4JhNu/PBGwhgTakKql4TitaXifDhmbTBs0oujDwJciqj/hLo89bYlDV8bruhFqQ==
+  dependencies:
+    "@babel/traverse" "^7.14.0"
+    "@babel/types" "^7.0.0"
+    invariant "^2.2.4"
+    metro-symbolicate "0.71.1"
+    nullthrows "^1.1.1"
+    ob1 "0.71.1"
+    source-map "^0.5.6"
+    vlq "^1.0.0"
+
 metro-symbolicate@0.66.2:
   version "0.66.2"
   resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.66.2.tgz#addd095ce5f77e73ca21ddb5dfb396ff5d4fa041"
@@ -11911,6 +12559,18 @@ metro-symbolicate@0.66.2:
     through2 "^2.0.1"
     vlq "^1.0.0"
 
+metro-symbolicate@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.71.1.tgz#9252b42ecab81c947a7375ff71a8132ff054e926"
+  integrity sha512-rE1cHZiVRMQ5CPP59Sy0VZdulJ9w7KTcOFhnwI/I+j/9CqoHl1nx2x11qh9nZ+/KliTi3QQL8B/3rUOsJnzOgA==
+  dependencies:
+    invariant "^2.2.4"
+    metro-source-map "0.71.1"
+    nullthrows "^1.1.1"
+    source-map "^0.5.6"
+    through2 "^2.0.1"
+    vlq "^1.0.0"
+
 metro-transform-plugins@0.66.2:
   version "0.66.2"
   resolved "https://registry.yarnpkg.com/metro-transform-plugins/-/metro-transform-plugins-0.66.2.tgz#39dd044a23b1343e4f2d2ec34d08128cdf255ed4"
@@ -11922,6 +12582,17 @@ metro-transform-plugins@0.66.2:
     "@babel/traverse" "^7.14.0"
     nullthrows "^1.1.1"
 
+metro-transform-plugins@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro-transform-plugins/-/metro-transform-plugins-0.71.1.tgz#6ada0df5600981d6c948ddea16fcbe3fa174770f"
+  integrity sha512-t+r5p1QDwaqFjf5DRuvQz6Y8TX1IsMbtfZoAT+7UiVdouyyaJjIUcIZQ+dBYtrOXouLLL7GvX1780WU8Gd2jTA==
+  dependencies:
+    "@babel/core" "^7.14.0"
+    "@babel/generator" "^7.14.0"
+    "@babel/template" "^7.0.0"
+    "@babel/traverse" "^7.14.0"
+    nullthrows "^1.1.1"
+
 metro-transform-worker@0.66.2:
   version "0.66.2"
   resolved "https://registry.yarnpkg.com/metro-transform-worker/-/metro-transform-worker-0.66.2.tgz#0a8455992132c479721accd52c9bd47deb77769e"
@@ -11941,6 +12612,25 @@ metro-transform-worker@0.66.2:
     metro-transform-plugins "0.66.2"
     nullthrows "^1.1.1"
 
+metro-transform-worker@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro-transform-worker/-/metro-transform-worker-0.71.1.tgz#de3b559a77a1367dac1cd22fd95d23ec013b95fc"
+  integrity sha512-ANiIKb1vVDh6TLyceBgfg9saU+U9XF48wOUvvLHDdpUCczYCVQ173Awfyw12GzYh66ialD1FLnJ83Y5WrQP9Og==
+  dependencies:
+    "@babel/core" "^7.14.0"
+    "@babel/generator" "^7.14.0"
+    "@babel/parser" "^7.14.0"
+    "@babel/types" "^7.0.0"
+    babel-preset-fbjs "^3.4.0"
+    metro "0.71.1"
+    metro-babel-transformer "0.71.1"
+    metro-cache "0.71.1"
+    metro-cache-key "0.71.1"
+    metro-hermes-compiler "0.71.1"
+    metro-source-map "0.71.1"
+    metro-transform-plugins "0.71.1"
+    nullthrows "^1.1.1"
+
 metro@0.66.2, metro@^0.66.1, metro@^0.66.2:
   version "0.66.2"
   resolved "https://registry.yarnpkg.com/metro/-/metro-0.66.2.tgz#f21759bf00995470e7577b5b88a5277963f24492"
@@ -11999,6 +12689,62 @@ metro@0.66.2, metro@^0.66.1, metro@^0.66.2:
     ws "^1.1.5"
     yargs "^15.3.1"
 
+metro@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/metro/-/metro-0.71.1.tgz#9dcd6d0ed1e3a426d0e6009a059647c7207d0fc1"
+  integrity sha512-dGRnZ/8tpc/BnnzXQXXlET6dQaxFqGoFcpvKiFK1zb1XT/1xO7GauA+OI75gpjOFJRTqvIySi3jUK/rWs+adXQ==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    "@babel/core" "^7.14.0"
+    "@babel/generator" "^7.14.0"
+    "@babel/parser" "^7.14.0"
+    "@babel/template" "^7.0.0"
+    "@babel/traverse" "^7.14.0"
+    "@babel/types" "^7.0.0"
+    absolute-path "^0.0.0"
+    accepts "^1.3.7"
+    async "^3.2.2"
+    chalk "^4.0.0"
+    ci-info "^2.0.0"
+    connect "^3.6.5"
+    debug "^2.2.0"
+    denodeify "^1.2.1"
+    error-stack-parser "^2.0.6"
+    fs-extra "^1.0.0"
+    graceful-fs "^4.2.4"
+    hermes-parser "0.6.0"
+    image-size "^0.6.0"
+    invariant "^2.2.4"
+    jest-worker "^27.2.0"
+    lodash.throttle "^4.1.1"
+    metro-babel-transformer "0.71.1"
+    metro-cache "0.71.1"
+    metro-cache-key "0.71.1"
+    metro-config "0.71.1"
+    metro-core "0.71.1"
+    metro-file-map "0.71.1"
+    metro-hermes-compiler "0.71.1"
+    metro-inspector-proxy "0.71.1"
+    metro-minify-uglify "0.71.1"
+    metro-react-native-babel-preset "0.71.1"
+    metro-resolver "0.71.1"
+    metro-runtime "0.71.1"
+    metro-source-map "0.71.1"
+    metro-symbolicate "0.71.1"
+    metro-transform-plugins "0.71.1"
+    metro-transform-worker "0.71.1"
+    mime-types "^2.1.27"
+    node-fetch "^2.2.0"
+    nullthrows "^1.1.1"
+    rimraf "^2.5.4"
+    serialize-error "^2.1.0"
+    source-map "^0.5.6"
+    strip-ansi "^6.0.0"
+    temp "0.8.3"
+    throat "^5.0.0"
+    ws "^7.5.1"
+    yargs "^15.3.1"
+
 micromatch@^3.1.10, micromatch@^3.1.4:
   version "3.1.10"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23"
@@ -12501,6 +13247,11 @@ node-releases@^2.0.1:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.1.tgz#3d1d395f204f1f2f29a54358b9fb678765ad2fc5"
   integrity sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==
 
+node-releases@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.5.tgz#280ed5bc3eba0d96ce44897d8aee478bfb3d9666"
+  integrity sha512-U9h1NLROZTq9uE1SNffn6WuPDg8icmi3ns4rEl/oTfIle4iLjTliCzgTsbaIFMq/Xn078/lfY/BL0GWZ+psK4Q==
+
 node-stream-zip@^1.9.1:
   version "1.13.6"
   resolved "https://registry.yarnpkg.com/node-stream-zip/-/node-stream-zip-1.13.6.tgz#8abdfdbc4bc96ee11e9438d94cc8c93c7df28959"
@@ -12659,6 +13410,11 @@ ob1@0.66.2:
   resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.66.2.tgz#8caf548202cf2688944bae47db405a08bca17a61"
   integrity sha512-RFewnL/RjE0qQBOuM+2bbY96zmJPIge/aDtsiDbLSb+MOiK8CReAhBHDgL+zrA3F1hQk00lMWpUwYcep750plA==
 
+ob1@0.71.1:
+  version "0.71.1"
+  resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.71.1.tgz#e70aa35e19e13e64ff4027066c06acee50d98362"
+  integrity sha512-Tb8dhat5XmFNJ3zx0EkDQuqOGA5glo70c1mj58ifDDZqKyac86wKocY++RA8a5bCkeuyGhKGO5kTxbAjyVyurQ==
+
 obj-multiplex@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/obj-multiplex/-/obj-multiplex-1.0.0.tgz#2f2ae6bfd4ae11befe742ea9ea5b36636eabffc1"
@@ -13169,6 +13925,11 @@ patch-package@^6.2.2:
     slash "^2.0.0"
     tmp "^0.0.33"
 
+path-dirname@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/path-dirname/-/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0"
+  integrity sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q==
+
 path-exists@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-2.1.0.tgz#0feb6c64f0fc518d9a754dd5efb62c7022761f4b"
@@ -14395,6 +15156,15 @@ react-native-svg-asset-plugin@^0.5.0:
     fs-extra ">=3.0.0"
     sharp ">=0.14.0"
 
+react-native-svg-transformer@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/react-native-svg-transformer/-/react-native-svg-transformer-1.0.0.tgz#7a707e5e95d20321b5f3dcfd0c3c8762ebd0221b"
+  integrity sha512-ALHU5VvLLyKM/BvyEG7VYJmqglvaXtU7mGRCxrEwwpJO/GBf1ZMUzc4AeJAjSodj7yYtlDYRxNSt9ySWpaa6JQ==
+  dependencies:
+    "@svgr/core" "^6.1.2"
+    "@svgr/plugin-svgo" "^6.1.2"
+    path-dirname "^1.0.2"
+
 react-native-svg@12.1.1:
   version "12.1.1"
   resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-12.1.1.tgz#5f292410b8bcc07bbc52b2da7ceb22caf5bcaaee"
@@ -14882,6 +15652,13 @@ refractor@^2.4.1:
     parse-entities "^1.1.2"
     prismjs "~1.17.0"
 
+regenerate-unicode-properties@^10.0.1:
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.0.1.tgz#7f442732aa7934a3740c779bb9b3340dccc1fb56"
+  integrity sha512-vn5DU6yg6h8hP/2OkQo3K7uVILvY4iu0oI4t3HFa81UPkhGJwkRwM10JEc3upjdhHjs/k8GJY1sRBhk5sr69Bw==
+  dependencies:
+    regenerate "^1.4.2"
+
 regenerate-unicode-properties@^8.2.0:
   version "8.2.0"
   resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-8.2.0.tgz#e5de7111d655e7ba60c057dbe9ff37c87e65cdec"
@@ -14889,7 +15666,7 @@ regenerate-unicode-properties@^8.2.0:
   dependencies:
     regenerate "^1.4.0"
 
-regenerate@^1.4.0:
+regenerate@^1.4.0, regenerate@^1.4.2:
   version "1.4.2"
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
@@ -14949,11 +15726,28 @@ regexpu-core@^4.7.1:
     unicode-match-property-ecmascript "^1.0.4"
     unicode-match-property-value-ecmascript "^1.2.0"
 
+regexpu-core@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.0.1.tgz#c531122a7840de743dcf9c83e923b5560323ced3"
+  integrity sha512-CriEZlrKK9VJw/xQGJpQM5rY88BtuL8DM+AEwvcThHilbxiTAy8vq4iJnd2tqq8wLmjbGZzP7ZcKFjbGkmEFrw==
+  dependencies:
+    regenerate "^1.4.2"
+    regenerate-unicode-properties "^10.0.1"
+    regjsgen "^0.6.0"
+    regjsparser "^0.8.2"
+    unicode-match-property-ecmascript "^2.0.0"
+    unicode-match-property-value-ecmascript "^2.0.0"
+
 regjsgen@^0.5.1:
   version "0.5.2"
   resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.5.2.tgz#92ff295fb1deecbf6ecdab2543d207e91aa33733"
   integrity sha512-OFFT3MfrH90xIW8OOSyUrk6QHD5E9JOTeGodiJeBS3J6IwlgzJMNE/1bZklWz5oTg+9dCMyEetclvCVXOPoN3A==
 
+regjsgen@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.6.0.tgz#83414c5354afd7d6627b16af5f10f41c4e71808d"
+  integrity sha512-ozE883Uigtqj3bx7OhL1KNbCzGyW2NQZPl6Hs09WTvCuZD5sTI4JY58bkbQWa/Y9hxIsvJ3M8Nbf7j54IqeZbA==
+
 regjsparser@^0.6.4:
   version "0.6.9"
   resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.6.9.tgz#b489eef7c9a2ce43727627011429cf833a7183e6"
@@ -14961,6 +15755,13 @@ regjsparser@^0.6.4:
   dependencies:
     jsesc "~0.5.0"
 
+regjsparser@^0.8.2:
+  version "0.8.4"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.8.4.tgz#8a14285ffcc5de78c5b95d62bbf413b6bc132d5f"
+  integrity sha512-J3LABycON/VNEu3abOviqGHuB/LOtOQj8SKmfP9anY5GfAVw/SPjwzSjxGjbZXIxbGfqTHtJw58C2Li/WkStmA==
+  dependencies:
+    jsesc "~0.5.0"
+
 remove-trailing-separator@^1.0.1:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
@@ -16369,6 +17170,13 @@ supports-color@^7.0.0, supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
+supports-color@^8.0.0:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
+  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
+  dependencies:
+    has-flag "^4.0.0"
+
 supports-hyperlinks@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz#4f77b42488765891774b70c79babd87f9bd594bb"
@@ -16382,6 +17190,24 @@ svg-arc-to-cubic-bezier@^3.0.0:
   resolved "https://registry.yarnpkg.com/svg-arc-to-cubic-bezier/-/svg-arc-to-cubic-bezier-3.2.0.tgz#390c450035ae1c4a0104d90650304c3bc814abe6"
   integrity sha512-djbJ/vZKZO+gPoSDThGNpKDO+o+bAeA4XQKovvkNCqnIS2t+S4qnLAGQhyyrulhCFRl1WWzAp0wUDV8PpTVU3g==
 
+svg-parser@^2.0.2:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.4.tgz#fdc2e29e13951736140b76cb122c8ee6630eb6b5"
+  integrity sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==
+
+svgo@^2.5.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/svgo/-/svgo-2.8.0.tgz#4ff80cce6710dc2795f0c7c74101e6764cfccd24"
+  integrity sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==
+  dependencies:
+    "@trysound/sax" "0.2.0"
+    commander "^7.2.0"
+    css-select "^4.1.3"
+    css-tree "^1.1.3"
+    csso "^4.2.0"
+    picocolors "^1.0.0"
+    stable "^0.1.8"
+
 swappable-obj-proxy@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/swappable-obj-proxy/-/swappable-obj-proxy-1.1.0.tgz#fe23c60a0df22499e85d94b71297d9c39ff05fa4"
@@ -16926,6 +17752,11 @@ unicode-canonical-property-names-ecmascript@^1.0.4:
   resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz#2619800c4c825800efdd8343af7dd9933cbe2818"
   integrity sha512-jDrNnXWHd4oHiTZnx/ZG7gtUTVp+gCcTTKr8L0HjlwphROEW3+Him+IpvC+xcJEFegapiMZyZe02CyuOnRmbnQ==
 
+unicode-canonical-property-names-ecmascript@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
+  integrity sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==
+
 unicode-confusables@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/unicode-confusables/-/unicode-confusables-0.1.1.tgz#17f14e8dc53ff81c12e92fd86e836ebdf14ea0c2"
@@ -16939,16 +17770,34 @@ unicode-match-property-ecmascript@^1.0.4:
     unicode-canonical-property-names-ecmascript "^1.0.4"
     unicode-property-aliases-ecmascript "^1.0.4"
 
+unicode-match-property-ecmascript@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz#54fd16e0ecb167cf04cf1f756bdcc92eba7976c3"
+  integrity sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==
+  dependencies:
+    unicode-canonical-property-names-ecmascript "^2.0.0"
+    unicode-property-aliases-ecmascript "^2.0.0"
+
 unicode-match-property-value-ecmascript@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.2.0.tgz#0d91f600eeeb3096aa962b1d6fc88876e64ea531"
   integrity sha512-wjuQHGQVofmSJv1uVISKLE5zO2rNGzM/KCYZch/QQvez7C1hUhBIuZ701fYXExuufJFMPhv2SyL8CyoIfMLbIQ==
 
+unicode-match-property-value-ecmascript@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.0.0.tgz#1a01aa57247c14c568b89775a54938788189a714"
+  integrity sha512-7Yhkc0Ye+t4PNYzOGKedDhXbYIBe1XEQYQxOPyhcXNMJ0WCABqqj6ckydd6pWRZTHV4GuCPKdBAUiMc60tsKVw==
+
 unicode-property-aliases-ecmascript@^1.0.4:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.1.0.tgz#dd57a99f6207bedff4628abefb94c50db941c8f4"
   integrity sha512-PqSoPh/pWetQ2phoj5RLiaqIk4kCNwoV3CI+LfGmWLKI3rE3kl1h59XpX2BjgDrmbxD9ARtQobPGU1SguCYuQg==
 
+unicode-property-aliases-ecmascript@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.0.0.tgz#0a36cb9a585c4f6abd51ad1deddb285c165297c8"
+  integrity sha512-5Zfuy9q/DFr4tfO7ZPeVXb1aPoeQSdeFMLpYuFebehDAhbuevLs5yxSZmIFN1tP5F9Wl4IpJrYojg85/zgyZHQ==
+
 union-value@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
@@ -17803,6 +18652,11 @@ ws@^7.4.6:
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.5.tgz#8b4bc4af518cfabd0473ae4f99144287b33eb881"
   integrity sha512-BAkMFcAzl8as1G/hArkxOxq3G7pjUqQ3gzYbLL0/5zNkph70e+lCoxBGnm6AW1+/aiNeV4fnKqZ8m4GZewmH2w==
 
+ws@^7.5.1:
+  version "7.5.8"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.8.tgz#ac2729881ab9e7cbaf8787fe3469a48c5c7f636a"
+  integrity sha512-ri1Id1WinAX5Jqn9HejiGb8crfRio0Qgu8+MtL36rlTA6RLsMdWt1Az/19A2Qij6uSHUMphEFaTKa4WG+UNHNw==
+
 xcode@3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/xcode/-/xcode-3.0.1.tgz#3efb62aac641ab2c702458f9a0302696146aa53c"