fix: replaced svgs with quill icons

package.json

@@ -21,7 +21,7 @@
         "@deriv-com/translations": "^1.2.4",
         "@deriv-com/ui": "^1.29.0",
         "@deriv-com/utils": "^0.0.28",
-        "@deriv/quill-icons": "^1.23.7",
+        "@deriv/quill-icons": "^1.23.8",
         "@sendbird/chat": "^4.11.3",
         "@svgr/rollup": "^8.1.0",
         "@tanstack/react-query": "^5.28.14",

src/components/BlockedScenarios/BlockedScenarios.tsx

@@ -1,9 +1,9 @@
-import { ReactComponent as P2pUnavailable } from '@/assets/p2p-unavailable.svg';
 import { useLiveChat } from '@/hooks';
 import {
     DerivLightIcCashierBlockedIcon,
     DerivLightIcCashierLockedIcon,
     DerivLightIcCashierUnderMaintenanceIcon,
+    DerivLightWalletCurrencyUnavailableIcon as P2pUnavailable,
 } from '@deriv/quill-icons';
 import { Localize } from '@deriv-com/translations';
 import { ActionScreen, Button, Text, useDevice } from '@deriv-com/ui';

src/components/PaymentMethodForm/PaymentMethodFormAutocomplete/PaymentMethodFormAutocomplete.tsx

@@ -1,5 +1,5 @@
 import { TFormState, THooks, TPaymentMethod, TSelectedPaymentMethod } from 'types';
-import { LabelPairedSearchMdRegularIcon, LegacyCloseCircle1pxIcon } from '@deriv/quill-icons';
+import { LabelPairedSearchMdRegularIcon, LegacyCloseCircle1pxBlackIcon } from '@deriv/quill-icons';
 import { Localize, useTranslations } from '@deriv-com/translations';
 import { Button, Dropdown, Input, Text } from '@deriv-com/ui';
 
@@ -29,7 +29,7 @@ const PaymentMethodFormAutocomplete = ({
                 label={localize('Choose your payment method')}
                 rightPlaceholder={
                     actionType === 'EDIT' ? null : (
-                        <LegacyCloseCircle1pxIcon
+                        <LegacyCloseCircle1pxBlackIcon
                             className='payment-method-form__icon--close'
                             data-testid='dt_payment_methods_form_close_icon'
                             fill='#999999'

src/components/Search/Search.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useState } from 'react';
 import clsx from 'clsx';
-import { LabelPairedSearchMdRegularIcon, LegacyCloseCircle1pxIcon } from '@deriv/quill-icons';
+import { LabelPairedSearchMdRegularIcon, LegacyCloseCircle1pxBlackIcon } from '@deriv/quill-icons';
 import { Input } from '@deriv-com/ui';
 import './Search.scss';
 
@@ -48,7 +48,12 @@ const Search = ({ delayTimer = 500, hideBorder = false, name, onSearch, placehol
                 onChange={handleInputChange}
                 rightPlaceholder={
                     searchValue && (
-                        <LegacyCloseCircle1pxIcon className='cursor-pointer' iconSize='xs' onClick={clearSearch} />
+                        <LegacyCloseCircle1pxBlackIcon
+                            className='cursor-pointer'
+                            fill='#999'
+                            iconSize='xs'
+                            onClick={clearSearch}
+                        />
                     )
                 }
                 type='search'

src/pages/guide/screens/Blog/Blog.tsx

@@ -1,6 +1,5 @@
-//TODO: Replace this with Quill icon once ready
-import { ReactComponent as BlogIcon } from '@/assets/blog.svg';
 import { HOW_TO_PROTECT_YOURSELF_URL } from '@/constants';
+import { DerivLightP2pSecureImageIcon as BlogIcon } from '@deriv/quill-icons';
 import { Localize } from '@deriv-com/translations';
 import { Text, useDevice } from '@deriv-com/ui';
 import { Carousel } from '../../components';

src/pages/guide/screens/Videos/Videos.tsx

@@ -1,10 +1,12 @@
 import { useState } from 'react';
-import { ReactComponent as IntroducingDerivP2PIcon } from '@/assets/introducing-deriv-p2p.svg';
-import { ReactComponent as UseDerivP2PIcon } from '@/assets/use-deriv-p2p.svg';
 import { VideoPlayerModal } from '@/components/Modals';
 import { HOW_TO_USE_DERIV_P2P_URL, INTRODUCING_DERIV_P2P_URL } from '@/constants';
 import { useModalManager } from '@/hooks/custom-hooks';
-import { StandalonePlayFillIcon } from '@deriv/quill-icons';
+import {
+    DerivLightP2pAppImageIcon as UseDerivP2PIcon,
+    DerivLightP2pBannerImageIcon as IntroducingDerivP2PIcon,
+    StandalonePlayFillIcon,
+} from '@deriv/quill-icons';
 import { Localize } from '@deriv-com/translations';
 import { Text, useDevice } from '@deriv-com/ui';
 import { Carousel } from '../../components';