diff --git a/assets/icons/actions/filter-disabled.svg b/assets/icons/actions/filter-disabled.svg
new file mode 100644
index 000000000..6fa816b6e
--- /dev/null
+++ b/assets/icons/actions/filter-disabled.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/icons/actions/filter.svg b/assets/icons/actions/filter.svg
new file mode 100644
index 000000000..795791ab2
--- /dev/null
+++ b/assets/icons/actions/filter.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/icons/actions/sound-alerts-only.svg b/assets/icons/actions/sound-alerts-only.svg
new file mode 100644
index 000000000..be5d50347
--- /dev/null
+++ b/assets/icons/actions/sound-alerts-only.svg
@@ -0,0 +1,5 @@
+
diff --git a/assets/icons/actions/sound-off.svg b/assets/icons/actions/sound-off.svg
new file mode 100644
index 000000000..ea2f21440
--- /dev/null
+++ b/assets/icons/actions/sound-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/icons/actions/sound-on.svg b/assets/icons/actions/sound-on.svg
new file mode 100644
index 000000000..97a760359
--- /dev/null
+++ b/assets/icons/actions/sound-on.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/icons/brands/adyen.svg b/assets/icons/brands/adyen.svg
new file mode 100644
index 000000000..4fc4ea94b
--- /dev/null
+++ b/assets/icons/brands/adyen.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/icons/brands/braintree.svg b/assets/icons/brands/braintree.svg
new file mode 100644
index 000000000..235ca51b3
--- /dev/null
+++ b/assets/icons/brands/braintree.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/icons/brands/cytric.svg b/assets/icons/brands/cytric.svg
new file mode 100644
index 000000000..aaa462346
--- /dev/null
+++ b/assets/icons/brands/cytric.svg
@@ -0,0 +1,5 @@
+
diff --git a/assets/icons/brands/ec-card.svg b/assets/icons/brands/ec-card.svg
new file mode 100644
index 000000000..3bab2dd4a
--- /dev/null
+++ b/assets/icons/brands/ec-card.svg
@@ -0,0 +1,5 @@
+
diff --git a/assets/icons/brands/moovel.svg b/assets/icons/brands/moovel.svg
new file mode 100644
index 000000000..5ebf9d21a
--- /dev/null
+++ b/assets/icons/brands/moovel.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/icons/brands/stripe.svg b/assets/icons/brands/stripe.svg
new file mode 100644
index 000000000..c043d1f21
--- /dev/null
+++ b/assets/icons/brands/stripe.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/icons/brands/wirecard.svg b/assets/icons/brands/wirecard.svg
new file mode 100644
index 000000000..d4569cf48
--- /dev/null
+++ b/assets/icons/brands/wirecard.svg
@@ -0,0 +1,4 @@
+
diff --git a/assets/icons/payment/payment.svg b/assets/icons/payment/payment.svg
new file mode 100644
index 000000000..1420d8bd2
--- /dev/null
+++ b/assets/icons/payment/payment.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/icons/payment/refund.svg b/assets/icons/payment/refund.svg
new file mode 100644
index 000000000..40ab73f34
--- /dev/null
+++ b/assets/icons/payment/refund.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/icons/trip/driver.svg b/assets/icons/trip/driver.svg
new file mode 100644
index 000000000..4673b242d
--- /dev/null
+++ b/assets/icons/trip/driver.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/icons/trip/trending-up.svg b/assets/icons/trip/trending-up.svg
new file mode 100644
index 000000000..b39e0075b
--- /dev/null
+++ b/assets/icons/trip/trending-up.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/icons/actions/FilterDisabledIcon.tsx b/src/icons/actions/FilterDisabledIcon.tsx
new file mode 100644
index 000000000..e1a2d4a56
--- /dev/null
+++ b/src/icons/actions/FilterDisabledIcon.tsx
@@ -0,0 +1,27 @@
+// DO NOT EDIT. This file was generated by running `npm run generate`.;
+import * as React from 'react';
+import { Colors } from '../../essentials';
+import { get } from '../../utils/themeGet';
+import { IconProps } from '../IconProps';
+type Props = IconProps;
+
+const FilterDisabledIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => {
+ const sizePx = Number.isFinite(size as number)
+ ? size
+ : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
+ return (
+
+ );
+};
+
+FilterDisabledIcon.defaultProps = {
+ color: Colors.AUTHENTIC_BLUE_900
+};
+export default FilterDisabledIcon;
diff --git a/src/icons/actions/FilterIcon.tsx b/src/icons/actions/FilterIcon.tsx
new file mode 100644
index 000000000..473e4bd2e
--- /dev/null
+++ b/src/icons/actions/FilterIcon.tsx
@@ -0,0 +1,27 @@
+// DO NOT EDIT. This file was generated by running `npm run generate`.;
+import * as React from 'react';
+import { Colors } from '../../essentials';
+import { get } from '../../utils/themeGet';
+import { IconProps } from '../IconProps';
+type Props = IconProps;
+
+const FilterIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => {
+ const sizePx = Number.isFinite(size as number)
+ ? size
+ : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
+ return (
+
+ );
+};
+
+FilterIcon.defaultProps = {
+ color: Colors.AUTHENTIC_BLUE_900
+};
+export default FilterIcon;
diff --git a/src/icons/actions/SoundAlertsOnlyIcon.tsx b/src/icons/actions/SoundAlertsOnlyIcon.tsx
new file mode 100644
index 000000000..2b6a31108
--- /dev/null
+++ b/src/icons/actions/SoundAlertsOnlyIcon.tsx
@@ -0,0 +1,28 @@
+// DO NOT EDIT. This file was generated by running `npm run generate`.;
+import * as React from 'react';
+import { Colors } from '../../essentials';
+import { get } from '../../utils/themeGet';
+import { IconProps } from '../IconProps';
+type Props = IconProps;
+
+const SoundAlertsOnlyIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => {
+ const sizePx = Number.isFinite(size as number)
+ ? size
+ : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
+ return (
+
+ );
+};
+
+SoundAlertsOnlyIcon.defaultProps = {
+ color: Colors.AUTHENTIC_BLUE_900
+};
+export default SoundAlertsOnlyIcon;
diff --git a/src/icons/actions/SoundOffIcon.tsx b/src/icons/actions/SoundOffIcon.tsx
new file mode 100644
index 000000000..a50dda4cf
--- /dev/null
+++ b/src/icons/actions/SoundOffIcon.tsx
@@ -0,0 +1,25 @@
+// DO NOT EDIT. This file was generated by running `npm run generate`.;
+import * as React from 'react';
+import { Colors } from '../../essentials';
+import { get } from '../../utils/themeGet';
+import { IconProps } from '../IconProps';
+type Props = IconProps;
+
+const SoundOffIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => {
+ const sizePx = Number.isFinite(size as number)
+ ? size
+ : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
+ return (
+
+ );
+};
+
+SoundOffIcon.defaultProps = {
+ color: Colors.AUTHENTIC_BLUE_900
+};
+export default SoundOffIcon;
diff --git a/src/icons/actions/SoundOnIcon.tsx b/src/icons/actions/SoundOnIcon.tsx
new file mode 100644
index 000000000..901806b19
--- /dev/null
+++ b/src/icons/actions/SoundOnIcon.tsx
@@ -0,0 +1,25 @@
+// DO NOT EDIT. This file was generated by running `npm run generate`.;
+import * as React from 'react';
+import { Colors } from '../../essentials';
+import { get } from '../../utils/themeGet';
+import { IconProps } from '../IconProps';
+type Props = IconProps;
+
+const SoundOnIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => {
+ const sizePx = Number.isFinite(size as number)
+ ? size
+ : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
+ return (
+
+ );
+};
+
+SoundOnIcon.defaultProps = {
+ color: Colors.AUTHENTIC_BLUE_900
+};
+export default SoundOnIcon;
diff --git a/src/icons/actions/index.ts b/src/icons/actions/index.ts
index d34ec2ab9..703c26239 100644
--- a/src/icons/actions/index.ts
+++ b/src/icons/actions/index.ts
@@ -27,3 +27,8 @@ export { default as ThumbUpOutlineIcon } from './ThumbUpOutlineIcon';
export { default as ThumbUpSolidIcon } from './ThumbUpSolidIcon';
export { default as TrashBinIcon } from './TrashBinIcon';
export { default as WarningSolidIcon } from './WarningSolidIcon';
+export { default as FilterDisabledIcon } from './FilterDisabledIcon';
+export { default as FilterIcon } from './FilterIcon';
+export { default as SoundAlertsOnlyIcon } from './SoundAlertsOnlyIcon';
+export { default as SoundOffIcon } from './SoundOffIcon';
+export { default as SoundOnIcon } from './SoundOnIcon';
diff --git a/src/icons/brands/AdyenIcon.tsx b/src/icons/brands/AdyenIcon.tsx
new file mode 100644
index 000000000..57d54bb5d
--- /dev/null
+++ b/src/icons/brands/AdyenIcon.tsx
@@ -0,0 +1,22 @@
+// DO NOT EDIT. This file was generated by running `npm run generate`.;
+import * as React from 'react';
+import { get } from '../../utils/themeGet';
+import { IconProps } from '../IconProps';
+type Props = Omit;
+
+const AdyenIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => {
+ const sizePx = Number.isFinite(size as number)
+ ? size
+ : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
+ return (
+
+ );
+};
+
+AdyenIcon.defaultProps = {};
+export default AdyenIcon;
diff --git a/src/icons/brands/BraintreeIcon.tsx b/src/icons/brands/BraintreeIcon.tsx
new file mode 100644
index 000000000..217f94a61
--- /dev/null
+++ b/src/icons/brands/BraintreeIcon.tsx
@@ -0,0 +1,22 @@
+// DO NOT EDIT. This file was generated by running `npm run generate`.;
+import * as React from 'react';
+import { get } from '../../utils/themeGet';
+import { IconProps } from '../IconProps';
+type Props = Omit;
+
+const BraintreeIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => {
+ const sizePx = Number.isFinite(size as number)
+ ? size
+ : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
+ return (
+
+ );
+};
+
+BraintreeIcon.defaultProps = {};
+export default BraintreeIcon;
diff --git a/src/icons/brands/CytricIcon.tsx b/src/icons/brands/CytricIcon.tsx
new file mode 100644
index 000000000..625d8bca5
--- /dev/null
+++ b/src/icons/brands/CytricIcon.tsx
@@ -0,0 +1,22 @@
+// DO NOT EDIT. This file was generated by running `npm run generate`.;
+import * as React from 'react';
+import { get } from '../../utils/themeGet';
+import { IconProps } from '../IconProps';
+type Props = Omit;
+
+const CytricIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => {
+ const sizePx = Number.isFinite(size as number)
+ ? size
+ : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
+ return (
+
+ );
+};
+
+CytricIcon.defaultProps = {};
+export default CytricIcon;
diff --git a/src/icons/brands/EcCardIcon.tsx b/src/icons/brands/EcCardIcon.tsx
new file mode 100644
index 000000000..4a381ba26
--- /dev/null
+++ b/src/icons/brands/EcCardIcon.tsx
@@ -0,0 +1,36 @@
+// DO NOT EDIT. This file was generated by running `npm run generate`.;
+import * as React from 'react';
+import { get } from '../../utils/themeGet';
+import { IconProps } from '../IconProps';
+type Props = Omit;
+
+const EcCardIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => {
+ const sizePx = Number.isFinite(size as number)
+ ? size
+ : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
+ return (
+
+ );
+};
+
+EcCardIcon.defaultProps = {};
+export default EcCardIcon;
diff --git a/src/icons/brands/MoovelIcon.tsx b/src/icons/brands/MoovelIcon.tsx
new file mode 100644
index 000000000..3c238d168
--- /dev/null
+++ b/src/icons/brands/MoovelIcon.tsx
@@ -0,0 +1,24 @@
+// DO NOT EDIT. This file was generated by running `npm run generate`.;
+import * as React from 'react';
+import { get } from '../../utils/themeGet';
+import { IconProps } from '../IconProps';
+type Props = Omit;
+
+const MoovelIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => {
+ const sizePx = Number.isFinite(size as number)
+ ? size
+ : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
+ return (
+
+ );
+};
+
+MoovelIcon.defaultProps = {};
+export default MoovelIcon;
diff --git a/src/icons/brands/StripeIcon.tsx b/src/icons/brands/StripeIcon.tsx
new file mode 100644
index 000000000..06a7b5fec
--- /dev/null
+++ b/src/icons/brands/StripeIcon.tsx
@@ -0,0 +1,24 @@
+// DO NOT EDIT. This file was generated by running `npm run generate`.;
+import * as React from 'react';
+import { get } from '../../utils/themeGet';
+import { IconProps } from '../IconProps';
+type Props = Omit;
+
+const StripeIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => {
+ const sizePx = Number.isFinite(size as number)
+ ? size
+ : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
+ return (
+
+ );
+};
+
+StripeIcon.defaultProps = {};
+export default StripeIcon;
diff --git a/src/icons/brands/WirecardIcon.tsx b/src/icons/brands/WirecardIcon.tsx
new file mode 100644
index 000000000..b4285c675
--- /dev/null
+++ b/src/icons/brands/WirecardIcon.tsx
@@ -0,0 +1,25 @@
+// DO NOT EDIT. This file was generated by running `npm run generate`.;
+import * as React from 'react';
+import { get } from '../../utils/themeGet';
+import { IconProps } from '../IconProps';
+type Props = Omit;
+
+const WirecardIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => {
+ const sizePx = Number.isFinite(size as number)
+ ? size
+ : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
+ return (
+
+ );
+};
+
+WirecardIcon.defaultProps = {};
+export default WirecardIcon;
diff --git a/src/icons/brands/index.ts b/src/icons/brands/index.ts
index 930c3428d..8adfc22c2 100644
--- a/src/icons/brands/index.ts
+++ b/src/icons/brands/index.ts
@@ -11,3 +11,10 @@ export { default as MastercardIcon } from './MastercardIcon';
export { default as MilesIcon } from './MilesIcon';
export { default as PayPalIcon } from './PayPalIcon';
export { default as VisaIcon } from './VisaIcon';
+export { default as AdyenIcon } from './AdyenIcon';
+export { default as BraintreeIcon } from './BraintreeIcon';
+export { default as CytricIcon } from './CytricIcon';
+export { default as EcCardIcon } from './EcCardIcon';
+export { default as MoovelIcon } from './MoovelIcon';
+export { default as StripeIcon } from './StripeIcon';
+export { default as WirecardIcon } from './WirecardIcon';
diff --git a/src/icons/payment/PaymentIcon.tsx b/src/icons/payment/PaymentIcon.tsx
new file mode 100644
index 000000000..8198f57f9
--- /dev/null
+++ b/src/icons/payment/PaymentIcon.tsx
@@ -0,0 +1,27 @@
+// DO NOT EDIT. This file was generated by running `npm run generate`.;
+import * as React from 'react';
+import { Colors } from '../../essentials';
+import { get } from '../../utils/themeGet';
+import { IconProps } from '../IconProps';
+type Props = IconProps;
+
+const PaymentIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => {
+ const sizePx = Number.isFinite(size as number)
+ ? size
+ : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
+ return (
+
+ );
+};
+
+PaymentIcon.defaultProps = {
+ color: Colors.AUTHENTIC_BLUE_900
+};
+export default PaymentIcon;
diff --git a/src/icons/payment/RefundIcon.tsx b/src/icons/payment/RefundIcon.tsx
new file mode 100644
index 000000000..e9103b47f
--- /dev/null
+++ b/src/icons/payment/RefundIcon.tsx
@@ -0,0 +1,27 @@
+// DO NOT EDIT. This file was generated by running `npm run generate`.;
+import * as React from 'react';
+import { Colors } from '../../essentials';
+import { get } from '../../utils/themeGet';
+import { IconProps } from '../IconProps';
+type Props = IconProps;
+
+const RefundIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => {
+ const sizePx = Number.isFinite(size as number)
+ ? size
+ : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
+ return (
+
+ );
+};
+
+RefundIcon.defaultProps = {
+ color: Colors.AUTHENTIC_BLUE_900
+};
+export default RefundIcon;
diff --git a/src/icons/payment/index.ts b/src/icons/payment/index.ts
index 12095ecc7..b2be62901 100644
--- a/src/icons/payment/index.ts
+++ b/src/icons/payment/index.ts
@@ -8,3 +8,5 @@ export { default as TouchIdIcon } from './TouchIdIcon';
export { default as TravelExpensesIcon } from './TravelExpensesIcon';
export { default as VoucherIcon } from './VoucherIcon';
export { default as WalletIcon } from './WalletIcon';
+export { default as PaymentIcon } from './PaymentIcon';
+export { default as RefundIcon } from './RefundIcon';
diff --git a/src/icons/trip/DriverIcon.tsx b/src/icons/trip/DriverIcon.tsx
new file mode 100644
index 000000000..3f22aeba9
--- /dev/null
+++ b/src/icons/trip/DriverIcon.tsx
@@ -0,0 +1,27 @@
+// DO NOT EDIT. This file was generated by running `npm run generate`.;
+import * as React from 'react';
+import { Colors } from '../../essentials';
+import { get } from '../../utils/themeGet';
+import { IconProps } from '../IconProps';
+type Props = IconProps;
+
+const DriverIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => {
+ const sizePx = Number.isFinite(size as number)
+ ? size
+ : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
+ return (
+
+ );
+};
+
+DriverIcon.defaultProps = {
+ color: Colors.AUTHENTIC_BLUE_900
+};
+export default DriverIcon;
diff --git a/src/icons/trip/TrendingUpIcon.tsx b/src/icons/trip/TrendingUpIcon.tsx
new file mode 100644
index 000000000..31e348935
--- /dev/null
+++ b/src/icons/trip/TrendingUpIcon.tsx
@@ -0,0 +1,22 @@
+// DO NOT EDIT. This file was generated by running `npm run generate`.;
+import * as React from 'react';
+import { Colors } from '../../essentials';
+import { get } from '../../utils/themeGet';
+import { IconProps } from '../IconProps';
+type Props = IconProps;
+
+const TrendingUpIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => {
+ const sizePx = Number.isFinite(size as number)
+ ? size
+ : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
+ return (
+
+ );
+};
+
+TrendingUpIcon.defaultProps = {
+ color: Colors.AUTHENTIC_BLUE_900
+};
+export default TrendingUpIcon;
diff --git a/src/icons/trip/index.ts b/src/icons/trip/index.ts
index 7796cbf1a..c80ecc225 100644
--- a/src/icons/trip/index.ts
+++ b/src/icons/trip/index.ts
@@ -23,3 +23,5 @@ export { default as PickUpIcon } from './PickUpIcon';
export { default as SurgeCircleOutlineIcon } from './SurgeCircleOutlineIcon';
export { default as SurgeCircleSolidIcon } from './SurgeCircleSolidIcon';
export { default as VipIcon } from './VipIcon';
+export { default as DriverIcon } from './DriverIcon';
+export { default as TrendingUpIcon } from './TrendingUpIcon';