Add Area Icon

actualbudget · Mar 30, 2024 · dca1bb6 · dca1bb6
1 parent 24e42da
commit dca1bb6
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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';