diff --git a/packages/jaeger-ui/package.json b/packages/jaeger-ui/package.json
index 2f4690202e..94bd933044 100644
--- a/packages/jaeger-ui/package.json
+++ b/packages/jaeger-ui/package.json
@@ -42,7 +42,6 @@
   },
   "dependencies": {
     "@ant-design/compatible": "^1.1.2",
-    "@ant-design/icons": "4.0.0",
     "@jaegertracing/plexus": "0.2.0",
     "@pyroscope/flamegraph": "0.21.4",
     "@types/deep-freeze": "^0.1.1",
diff --git a/packages/jaeger-ui/src/components/TraceDiff/TraceDiffGraph/__snapshots__/renderNode.test.js.snap b/packages/jaeger-ui/src/components/TraceDiff/TraceDiffGraph/__snapshots__/renderNode.test.js.snap
index 37e144a6ae..ed0414168c 100644
--- a/packages/jaeger-ui/src/components/TraceDiff/TraceDiffGraph/__snapshots__/renderNode.test.js.snap
+++ b/packages/jaeger-ui/src/components/TraceDiff/TraceDiffGraph/__snapshots__/renderNode.test.js.snap
@@ -25,7 +25,7 @@ exports[`drawNode diffNode renders as expected when props.a and props.b are the
             <CopyIcon
               className="DiffNode--copyIcon"
               copyText="serviceName operationName"
-              icon={<ForwardRef(CopyOutlined) />}
+              icon={<IoCopyOutline />}
               placement="top"
               tooltipTitle="Copy label"
             />
@@ -66,7 +66,7 @@ exports[`drawNode diffNode renders as expected when props.a and props.b are the
           <CopyIcon
             className="DiffNode--copyIcon"
             copyText="serviceName operationName"
-            icon={<ForwardRef(CopyOutlined) />}
+            icon={<IoCopyOutline />}
             placement="top"
             tooltipTitle="Copy label"
           />
@@ -114,7 +114,7 @@ exports[`drawNode diffNode renders as expected when props.a is 0 1`] = `
             <CopyIcon
               className="DiffNode--copyIcon"
               copyText="serviceName operationName"
-              icon={<ForwardRef(CopyOutlined) />}
+              icon={<IoCopyOutline />}
               placement="top"
               tooltipTitle="Copy label"
             />
@@ -175,7 +175,7 @@ exports[`drawNode diffNode renders as expected when props.a is 0 1`] = `
           <CopyIcon
             className="DiffNode--copyIcon"
             copyText="serviceName operationName"
-            icon={<ForwardRef(CopyOutlined) />}
+            icon={<IoCopyOutline />}
             placement="top"
             tooltipTitle="Copy label"
           />
@@ -238,7 +238,7 @@ exports[`drawNode diffNode renders as expected when props.a is less than props.b
             <CopyIcon
               className="DiffNode--copyIcon"
               copyText="serviceName operationName"
-              icon={<ForwardRef(CopyOutlined) />}
+              icon={<IoCopyOutline />}
               placement="top"
               tooltipTitle="Copy label"
             />
@@ -299,7 +299,7 @@ exports[`drawNode diffNode renders as expected when props.a is less than props.b
           <CopyIcon
             className="DiffNode--copyIcon"
             copyText="serviceName operationName"
-            icon={<ForwardRef(CopyOutlined) />}
+            icon={<IoCopyOutline />}
             placement="top"
             tooltipTitle="Copy label"
           />
@@ -362,7 +362,7 @@ exports[`drawNode diffNode renders as expected when props.a is more than props.b
             <CopyIcon
               className="DiffNode--copyIcon"
               copyText="serviceName operationName"
-              icon={<ForwardRef(CopyOutlined) />}
+              icon={<IoCopyOutline />}
               placement="top"
               tooltipTitle="Copy label"
             />
@@ -423,7 +423,7 @@ exports[`drawNode diffNode renders as expected when props.a is more than props.b
           <CopyIcon
             className="DiffNode--copyIcon"
             copyText="serviceName operationName"
-            icon={<ForwardRef(CopyOutlined) />}
+            icon={<IoCopyOutline />}
             placement="top"
             tooltipTitle="Copy label"
           />
@@ -486,7 +486,7 @@ exports[`drawNode diffNode renders as expected when props.b is 0 1`] = `
             <CopyIcon
               className="DiffNode--copyIcon"
               copyText="serviceName operationName"
-              icon={<ForwardRef(CopyOutlined) />}
+              icon={<IoCopyOutline />}
               placement="top"
               tooltipTitle="Copy label"
             />
@@ -547,7 +547,7 @@ exports[`drawNode diffNode renders as expected when props.b is 0 1`] = `
           <CopyIcon
             className="DiffNode--copyIcon"
             copyText="serviceName operationName"
-            icon={<ForwardRef(CopyOutlined) />}
+            icon={<IoCopyOutline />}
             placement="top"
             tooltipTitle="Copy label"
           />
@@ -605,7 +605,7 @@ exports[`drawNode diffNode renders as expected when props.isUiFindMatch is true
             <CopyIcon
               className="DiffNode--copyIcon"
               copyText="serviceName operationName"
-              icon={<ForwardRef(CopyOutlined) />}
+              icon={<IoCopyOutline />}
               placement="top"
               tooltipTitle="Copy label"
             />
@@ -646,7 +646,7 @@ exports[`drawNode diffNode renders as expected when props.isUiFindMatch is true
           <CopyIcon
             className="DiffNode--copyIcon"
             copyText="serviceName operationName"
-            icon={<ForwardRef(CopyOutlined) />}
+            icon={<IoCopyOutline />}
             placement="top"
             tooltipTitle="Copy label"
           />
diff --git a/packages/jaeger-ui/src/components/TracePage/ArchiveNotifier/index.test.js b/packages/jaeger-ui/src/components/TracePage/ArchiveNotifier/index.test.js
index 944491a43d..8a8a03bbe7 100644
--- a/packages/jaeger-ui/src/components/TracePage/ArchiveNotifier/index.test.js
+++ b/packages/jaeger-ui/src/components/TracePage/ArchiveNotifier/index.test.js
@@ -15,8 +15,8 @@
 import React from 'react';
 import { mount, shallow } from 'enzyme';
 import { notification } from 'antd';
-import { LoadingOutlined } from '@ant-design/icons';
 import { IoTimeOutline } from 'react-icons/io5';
+import LoadingIndicator from '../../common/LoadingIndicator';
 import ArchiveNotifier from './index';
 import { Details, Message } from '../../common/ErrorMessage';
 
@@ -128,7 +128,7 @@ describe('<ArchiveNotifier>', () => {
         key: 'ENotifiedState.Progress',
         description: null,
         duration: 0,
-        icon: <LoadingOutlined />,
+        icon: <LoadingIndicator />,
         message: 'Archiving trace...',
       })
     );
diff --git a/packages/jaeger-ui/src/components/TracePage/ArchiveNotifier/index.tsx b/packages/jaeger-ui/src/components/TracePage/ArchiveNotifier/index.tsx
index c96f043467..f979e54b74 100644
--- a/packages/jaeger-ui/src/components/TracePage/ArchiveNotifier/index.tsx
+++ b/packages/jaeger-ui/src/components/TracePage/ArchiveNotifier/index.tsx
@@ -14,9 +14,9 @@
 
 import * as React from 'react';
 import { notification } from 'antd';
-import { LoadingOutlined } from '@ant-design/icons';
 import { IoTimeOutline } from 'react-icons/io5';
 
+import LoadingIndicator from '../../common/LoadingIndicator';
 import { Details, Message } from '../../common/ErrorMessage';
 import { TNil } from '../../../types';
 import { TraceArchive } from '../../../types/archive';
@@ -60,7 +60,7 @@ function updateNotification(oldState: ENotifiedState | null, nextState: ENotifie
       key: ENotifiedState.Progress,
       description: null,
       duration: 0,
-      icon: <LoadingOutlined />,
+      icon: <LoadingIndicator />,
       message: 'Archiving trace...',
     });
     return;
diff --git a/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanDetail/index.tsx b/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanDetail/index.tsx
index cee90cd20f..75ea1f330a 100644
--- a/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanDetail/index.tsx
+++ b/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanDetail/index.tsx
@@ -15,7 +15,7 @@
 import React from 'react';
 import { Divider } from 'antd';
 
-import { LinkOutlined } from '@ant-design/icons';
+import { IoLinkOutline } from 'react-icons/io5';
 import AccordianKeyValues from './AccordianKeyValues';
 import AccordianLogs from './AccordianLogs';
 import AccordianReferences from './AccordianReferences';
@@ -146,7 +146,7 @@ export default function SpanDetail(props: SpanDetailProps) {
           <span className="SpanDetail--debugLabel" data-label="SpanID:" /> {spanID}
           <CopyIcon
             copyText={deepLinkCopyText}
-            icon={<LinkOutlined />}
+            icon={<IoLinkOutline />}
             placement="topRight"
             tooltipTitle="Copy deep link to this span"
           />
diff --git a/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/TimelineHeaderRow/TimelineCollapser.css b/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/TimelineHeaderRow/TimelineCollapser.css
index 672a5b9611..f0a65ad45a 100644
--- a/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/TimelineHeaderRow/TimelineCollapser.css
+++ b/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/TimelineHeaderRow/TimelineCollapser.css
@@ -30,7 +30,7 @@ limitations under the License.
 .TimelineCollapser--btn-expand {
   color: rgba(0, 0, 0, 0.5);
   cursor: pointer;
-  margin-right: 0.3rem;
+  margin-right: 0.2rem;
   padding: 0.1rem;
 }
 
@@ -39,10 +39,15 @@ limitations under the License.
   color: rgba(0, 0, 0, 0.85);
 }
 
-.TimelineCollapser--btn-expand {
+.TimelineCollapser--btn-size {
+  font-size: 22px;
+}
+
+.TimelineCollapser--btn-down {
   transform: rotate(90deg);
 }
 
-.TimelineCollapser--btn-size {
-  font-size: 20px;
+.TimelineCollapser .TimelineCollapser--btn-size:nth-child(3),
+.TimelineCollapser .TimelineCollapser--btn-size:nth-child(4) {
+  font-size: 24px;
 }
diff --git a/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/TimelineHeaderRow/TimelineCollapser.tsx b/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/TimelineHeaderRow/TimelineCollapser.tsx
index 71803046f4..84171796cf 100644
--- a/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/TimelineHeaderRow/TimelineCollapser.tsx
+++ b/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/TimelineHeaderRow/TimelineCollapser.tsx
@@ -14,8 +14,8 @@
 
 import React from 'react';
 import { Tooltip } from 'antd';
-import { DoubleRightOutlined } from '@ant-design/icons';
-import { IoChevronForward } from 'react-icons/io5';
+import { LuChevronsRight } from 'react-icons/lu';
+import { IoChevronDown, IoChevronForward } from 'react-icons/io5';
 
 import './TimelineCollapser.css';
 
@@ -48,7 +48,7 @@ export default class TimelineCollapser extends React.PureComponent<CollapserProp
         <Tooltip title={getTitle('Expand +1')} getPopupContainer={this.getContainer}>
           <IoChevronForward
             onClick={onExpandOne}
-            className="TimelineCollapser--btn-expand TimelineCollapser--btn-size"
+            className="TimelineCollapser--btn-expand TimelineCollapser--btn-size TimelineCollapser--btn-down"
           />
         </Tooltip>
         <Tooltip title={getTitle('Collapse +1')} getPopupContainer={this.getContainer}>
@@ -58,10 +58,16 @@ export default class TimelineCollapser extends React.PureComponent<CollapserProp
           />
         </Tooltip>
         <Tooltip title={getTitle('Expand All')} getPopupContainer={this.getContainer}>
-          <DoubleRightOutlined onClick={onExpandAll} className="TimelineCollapser--btn-expand" />
+          <LuChevronsRight
+            onClick={onExpandAll}
+            className="TimelineCollapser--btn-expand TimelineCollapser--btn-size TimelineCollapser--btn-down"
+          />
         </Tooltip>
         <Tooltip title={getTitle('Collapse All')} getPopupContainer={this.getContainer}>
-          <DoubleRightOutlined onClick={onCollapseAll} className="TimelineCollapser--btn" />
+          <LuChevronsRight
+            onClick={onCollapseAll}
+            className="TimelineCollapser--btn TimelineCollapser--btn-size"
+          />
         </Tooltip>
       </div>
     );
diff --git a/packages/jaeger-ui/src/components/common/CopyIcon.tsx b/packages/jaeger-ui/src/components/common/CopyIcon.tsx
index cf8b941405..738de7138a 100644
--- a/packages/jaeger-ui/src/components/common/CopyIcon.tsx
+++ b/packages/jaeger-ui/src/components/common/CopyIcon.tsx
@@ -20,7 +20,7 @@ import cx from 'classnames';
 import copy from 'copy-to-clipboard';
 
 import './CopyIcon.css';
-import { CopyOutlined } from '@ant-design/icons';
+import { IoCopyOutline } from 'react-icons/io5';
 
 type PropsType = {
   className?: string;
@@ -38,7 +38,7 @@ type StateType = {
 export default class CopyIcon extends React.PureComponent<PropsType, StateType> {
   static defaultProps: Partial<PropsType> = {
     className: undefined,
-    icon: <CopyOutlined />,
+    icon: <IoCopyOutline />,
     placement: 'top',
   };
 
diff --git a/packages/jaeger-ui/src/components/common/LoadingIndicator.css b/packages/jaeger-ui/src/components/common/LoadingIndicator.css
index a7036d35d8..6f766abeb8 100644
--- a/packages/jaeger-ui/src/components/common/LoadingIndicator.css
+++ b/packages/jaeger-ui/src/components/common/LoadingIndicator.css
@@ -27,15 +27,25 @@ limitations under the License.
   }
 }
 
+@keyframes LoadingIndicator--spin {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
 .LoadingIndicator {
-  animation: LoadingIndicator--colorAnim 1s infinite alternate;
-  font-size: 36px;
+  animation:
+    LoadingIndicator--colorAnim 1s infinite alternate,
+    LoadingIndicator--spin 1.2s infinite linear;
   /* outline / stroke the loading indicator */
   text-shadow:
     -0.5px 0 rgba(0, 128, 128, 0.6),
     0 0.5px rgba(0, 128, 128, 0.6),
     0.5px 0 rgba(0, 128, 128, 0.6),
     0 -0.5px rgba(0, 128, 128, 0.6);
+
+  width: 42px;
+  height: 42px;
 }
 
 .LoadingIndicator.is-centered {
@@ -50,5 +60,6 @@ limitations under the License.
 }
 
 .LoadingIndicator.is-small {
-  font-size: 0.7em;
+  width: 32px;
+  height: 32px;
 }
diff --git a/packages/jaeger-ui/src/components/common/LoadingIndicator.tsx b/packages/jaeger-ui/src/components/common/LoadingIndicator.tsx
index 7dec76ec1b..282e1188e3 100644
--- a/packages/jaeger-ui/src/components/common/LoadingIndicator.tsx
+++ b/packages/jaeger-ui/src/components/common/LoadingIndicator.tsx
@@ -13,7 +13,7 @@
 // limitations under the License.
 
 import React from 'react';
-import { LoadingOutlined } from '@ant-design/icons';
+import { LuLoader2 } from 'react-icons/lu';
 
 import './LoadingIndicator.css';
 
@@ -34,7 +34,7 @@ export default function LoadingIndicator(props: LoadingIndicatorProps) {
     ${small ? 'is-small' : ''}
     ${className || ''}
   `;
-  return <LoadingOutlined className={cls} {...rest} />;
+  return <LuLoader2 className={cls} {...rest} />;
 }
 
 LoadingIndicator.defaultProps = {
diff --git a/packages/jaeger-ui/src/components/common/__snapshots__/CopyIcon.test.js.snap b/packages/jaeger-ui/src/components/common/__snapshots__/CopyIcon.test.js.snap
index 360bc49308..4a22f67e18 100644
--- a/packages/jaeger-ui/src/components/common/__snapshots__/CopyIcon.test.js.snap
+++ b/packages/jaeger-ui/src/components/common/__snapshots__/CopyIcon.test.js.snap
@@ -11,7 +11,7 @@ exports[`<CopyIcon /> renders as expected 1`] = `
   <Button
     className="classNameValue CopyIcon"
     htmlType="button"
-    icon={<ForwardRef(CopyOutlined) />}
+    icon={<IoCopyOutline />}
     onClick={[Function]}
   />
 </Tooltip>
diff --git a/packages/jaeger-ui/vite.config.ts b/packages/jaeger-ui/vite.config.ts
index df59ece0bb..5632371c43 100644
--- a/packages/jaeger-ui/vite.config.ts
+++ b/packages/jaeger-ui/vite.config.ts
@@ -34,13 +34,6 @@ export default defineConfig({
     __REACT_APP_VSN_STATE__: JSON.stringify(process.env.REACT_APP_VSN_STATE || ''),
     __APP_ENVIRONMENT__: JSON.stringify(process.env.NODE_ENV || 'development'),
   },
-  // Workaround an imports issue with antd v3 that causes an error in the production build.
-  // https://github.com/ant-design/ant-design/issues/19002
-  resolve: {
-    alias: {
-      '@ant-design/icons/lib/dist': '@ant-design/icons/lib/index.es.js',
-    },
-  },
   plugins: [
     react({
       babel: {
diff --git a/yarn.lock b/yarn.lock
index b5f1c2fa0d..847e492c5a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -20,13 +20,6 @@
     "@jridgewell/gen-mapping" "^0.1.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@ant-design/colors@^3.1.0":
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/@ant-design/colors/-/colors-3.2.2.tgz#5ad43d619e911f3488ebac303d606e66a8423903"
-  integrity sha512-YKgNbG2dlzqMhA9NtI3/pbY16m3Yl/EeWBRa+lB1X1YaYxHrxNexiQYCLTWO/uDvAjLFMEDU+zR901waBtMtjQ==
-  dependencies:
-    tinycolor2 "^1.4.1"
-
 "@ant-design/colors@^6.0.0":
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/@ant-design/colors/-/colors-6.0.0.tgz#9b9366257cffcc47db42b9d0203bb592c13c0298"
@@ -49,27 +42,11 @@
     rc-form "^2.4.10"
     rc-util "^4.10.0"
 
-"@ant-design/icons-svg@^4.0.0":
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/@ant-design/icons-svg/-/icons-svg-4.3.0.tgz#cd8d3624bba50975e848591cea12cb6be132cd82"
-  integrity sha512-WOgvdH/1Wl8Z7VXigRbCa5djO14zxrNTzvrAQzhWiBQtEKT0uTc8K1ltjKZ8U1gPn/wXhMA8/jE39SJl0WNxSg==
-
 "@ant-design/icons-svg@^4.3.0":
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/@ant-design/icons-svg/-/icons-svg-4.3.1.tgz#4b2f65a17d4d32b526baa6414aca2117382bf8da"
   integrity sha512-4QBZg8ccyC6LPIRii7A0bZUk3+lEDCLnhB+FVsflGdcWPPmV+j3fire4AwwoqHV/BibgvBmR9ZIo4s867smv+g==
 
-"@ant-design/icons@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@ant-design/icons/-/icons-4.0.0.tgz#cdb870777f185422cfc0e235392592d3e4795ef6"
-  integrity sha512-oJTNTyo/6DjVmK/DSa58A+7gZRGgzBCAEJ9Pfa6U+BAZO28tvOE3YzlQd9gq9Qu6d47JL1ixyID3qsmRFqitlQ==
-  dependencies:
-    "@ant-design/colors" "^3.1.0"
-    "@ant-design/icons-svg" "^4.0.0"
-    classnames "^2.2.6"
-    insert-css "^2.0.0"
-    rc-util "^4.9.0"
-
 "@ant-design/icons@^4.0.0", "@ant-design/icons@^4.7.0":
   version "4.8.1"
   resolved "https://registry.yarnpkg.com/@ant-design/icons/-/icons-4.8.1.tgz#44f6c81f609811d68d48a123eb5dcc477f8fbcb7"
@@ -6934,11 +6911,6 @@ inquirer@^8.2.4:
     through "^2.3.6"
     wrap-ansi "^7.0.0"
 
-insert-css@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/insert-css/-/insert-css-2.0.0.tgz#eb5d1097b7542f4c79ea3060d3aee07d053880f4"
-  integrity sha512-xGq5ISgcUP5cvGkS2MMFLtPDBtrtQPSFfC6gA6U8wHKqfjTIMZLZNxOItQnoSjdOzlXOLU/yD32RKC4SvjNbtA==
-
 internal-slot@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.3.tgz#7347e307deeea2faac2ac6205d4bc7d34967f59c"
@@ -10438,7 +10410,7 @@ rc-upload@~4.3.0:
     classnames "^2.2.5"
     rc-util "^5.2.0"
 
-rc-util@^4.10.0, rc-util@^4.15.3, rc-util@^4.9.0:
+rc-util@^4.10.0, rc-util@^4.15.3:
   version "4.21.1"
   resolved "https://registry.yarnpkg.com/rc-util/-/rc-util-4.21.1.tgz#88602d0c3185020aa1053d9a1e70eac161becb05"
   integrity sha512-Z+vlkSQVc1l8O2UjR3WQ+XdWlhj5q9BMQNLk2iOBch75CqPfrJyGtcWMcnhRlNuDu0Ndtt4kLVO8JI8BrABobg==
@@ -11911,11 +11883,6 @@ thunky@^1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.0.3.tgz#f5df732453407b09191dae73e2a8cc73f381a826"
 
-tinycolor2@^1.4.1:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/tinycolor2/-/tinycolor2-1.6.0.tgz#f98007460169b0263b97072c5ae92484ce02d09e"
-  integrity sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==
-
 tmp@^0.0.33:
   version "0.0.33"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"