diff --git a/packages/desktop-client/src/components/reports/ReportTopbar.jsx b/packages/desktop-client/src/components/reports/ReportTopbar.jsx
index 10e8eaf2363b418f0df6a2c590188783e0463622..2051aca8cd6c735dbc426ef90cf9c7bebf7105b0 100644
--- a/packages/desktop-client/src/components/reports/ReportTopbar.jsx
+++ b/packages/desktop-client/src/components/reports/ReportTopbar.jsx
@@ -2,13 +2,13 @@ import React from 'react';
 
 import {
   SvgCalculator,
-  SvgChart,
   SvgChartBar,
   SvgChartPie,
   SvgListBullet,
   SvgQueue,
   SvgTag,
 } from '../../icons/v1';
+import { SvgChartArea } from '../../icons/v1/ChartArea';
 import { theme } from '../../style';
 import { View } from '../common/View';
 import { FilterButton } from '../filters/FiltersMenu';
@@ -87,7 +87,7 @@ export function ReportTopbar({
         style={{ marginRight: 15 }}
         disabled={disabledItems('AreaGraph')}
       >
-        <SvgChart width={15} height={15} />
+        <SvgChartArea width={15} height={15} />
       </GraphButton>
       <GraphButton
         title="Donut Graph"
diff --git a/packages/desktop-client/src/icons/v1/ChartArea.tsx b/packages/desktop-client/src/icons/v1/ChartArea.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f5d2cf356165a4e4b6c2c70d3d2d5624ede638c8
--- /dev/null
+++ b/packages/desktop-client/src/icons/v1/ChartArea.tsx
@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+export const SvgChartArea = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    {...props}
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 20 20"
+    style={{
+      color: 'inherit',
+      ...props.style,
+    }}
+  >
+    <path
+      d="M 2.5 13 C 2 13.5 2 13.5 2 14 V 15 C 2 16 2 16 3 16 L 17 16 C 18 16 18 16 18 15 V 8.5 C 18 8 18 8 17.5 7.5 L 16 6 C 15.5 5.6 15.5 5.6 15 6 L 11 10 C 10.5 10.25 10.5 10.25 10 10 L 8 9 C 7.5 8.7 7.5 8.7 7 9 z M 0 5 c 0 -1.1 0.9 -2 2 -2 h 16 a 2 2 0 0 1 2 2 v 12 a 2 2 0 0 1 -2 2 H 2 a 2 2 0 0 1 -2 -2 V 4 z"
+      fill="currentColor"
+   />
+  </svg>
+);
diff --git a/packages/desktop-client/src/icons/v1/index.ts b/packages/desktop-client/src/icons/v1/index.ts
index af80dcca3a53d83993fa4ef1780283e719299021..43aecc74cf3764341939759ae9545cd7e675d0a7 100644
--- a/packages/desktop-client/src/icons/v1/index.ts
+++ b/packages/desktop-client/src/icons/v1/index.ts
@@ -68,6 +68,7 @@ export { SvgBuoy } from './Buoy';
 export { SvgCalculator } from './Calculator';
 export { SvgCalendar } from './Calendar';
 export { SvgCamera } from './Camera';
+export { SvgChartArea } from './ChartArea';
 export { SvgChartBar } from './ChartBar';
 export { SvgChartPie } from './ChartPie';
 export { SvgChart } from './Chart';
diff --git a/upcoming-release-notes/2526.md b/upcoming-release-notes/2526.md
new file mode 100644
index 0000000000000000000000000000000000000000..1d33e9cf93f6289129747510660bd21cfce2c334
--- /dev/null
+++ b/upcoming-release-notes/2526.md
@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [carkom]
+---
+
+Adding new icon to better match the area graph type