Skip to content

Commit 5d2a795

Browse files
tenphitenphi
committed
feat(Icon): new chart icons
1 parent 6338075 commit 5d2a795

8 files changed

+67
-4
lines changed

‎src/icons/ChartAreaStackedIcon.tsx‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import { wrapIcon } from './wrap-icon';
2+
3+
export const ChartAreaStackedIcon = wrapIcon(
4+
'ChartAreaStackedIcon',
5+
<svg
6+
viewBox="0 0 24 24"
7+
xmlns="http://www.w3.org/2000/svg"
8+
width="24"
9+
height="24"
10+
fill="none"
11+
>
12+
<path
13+
stroke="#000"
14+
strokeLinecap="round"
15+
strokeLinejoin="round"
16+
strokeWidth="1.5"
17+
d="m4 17 3.259-3.637L12 15l4-4 4 4M4 12l3-4 4 2 5-5 4 4v10H4z"
18+
/>
19+
</svg>,
20+
);

‎src/icons/ChartAreaStackedPercentageIcon.tsx‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import { wrapIcon } from './wrap-icon';
2+
3+
export const ChartAreaStackedPercentageIcon = wrapIcon(
4+
'ChartAreaStackedPercentageIcon',
5+
<svg
6+
viewBox="0 0 24 24"
7+
xmlns="http://www.w3.org/2000/svg"
8+
width="24"
9+
height="24"
10+
fill="none"
11+
>
12+
<path
13+
stroke="#000"
14+
strokeLinecap="round"
15+
strokeLinejoin="round"
16+
strokeWidth="1.5"
17+
d="m3 18 4-4 5 3 5-4 4 3.192M3 13l4-4 5 2 5-4 4 2.077M4 21h16a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1"
18+
/>
19+
</svg>,
20+
);

‎src/icons/ChartBarHorizontalIcon.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ export const ChartBarHorizontalIcon = wrapIcon(
1414
strokeLinecap="round"
1515
strokeLinejoin="round"
1616
strokeWidth="1.5"
17-
d="M4.125 14.667h6.75c.298 0 .585.093.796.26.21.167.329.393.329.629v3.555c0 .236-.118.462-.33.629-.21.166-.497.26-.795.26h-6.75c-.298 0-.585-.094-.796-.26-.21-.167-.329-.393-.329-.629m1.125-4.444c-.298 0-.585.093-.796.26-.21.167-.329.393-.329.629v3.555m1.125-4.444c-.298 0-.585-.094-.796-.26-.21-.167-.329-.393-.329-.63v-3.555c0-.236.119-.462.33-.628.21-.167.497-.26.795-.26m0 5.333h11.25c.298 0 .585-.094.796-.26.21-.167.329-.393.329-.63v-3.555c0-.236-.119-.462-.33-.628a1.3 1.3 0 0 0-.795-.26H4.125M3 19.11V6.667m1.125 2.666c-.298 0-.585-.093-.796-.26C3.12 8.906 3 8.68 3 8.444V4.89c0-.236.119-.462.33-.629.21-.166.497-.26.795-.26h15.75c.298 0 .584.094.796.26.21.167.329.393.329.629v3.555c0 .236-.119.462-.33.629-.21.167-.497.26-.795.26z"
17+
d="M4 9h16a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1m0 0h11a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4m0-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1m0 0h7a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1m-1 4V6"
1818
/>
1919
</svg>,
2020
);

‎src/icons/ChartBarStackedHorizontalIcon.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ export const ChartBarStackedHorizontalIcon = wrapIcon(
1414
strokeLinecap="round"
1515
strokeLinejoin="round"
1616
strokeWidth="1.5"
17-
d="M7.625 20v-5.333m0 5.333h-4.5C2.504 20 2 19.602 2 19.111v-3.555c0-.491.504-.89 1.125-.89M7.625 20h4.5c.621 0 1.125-.398 1.125-.889v-3.555c0-.491-.504-.89-1.125-.89h-4.5m0 0h-4.5m0 0H11m-7.875 0c-.621 0-1.125-.397-1.125-.888v-3.556c0-.49.504-.889 1.125-.889M11 14.667V9.333m0 5.334h4.5c.621 0 1.125-.398 1.125-.89v-3.555c0-.49-.504-.889-1.125-.889H11m0 0H3.125m0 0H13.25m-10.125 0C2.504 9.333 2 8.935 2 8.444V4.89C2 4.398 2.504 4 3.125 4H13.25m0 5.333V4m0 5.333h5.625c.621 0 1.125-.398 1.125-.889V4.89C20 4.398 19.496 4 18.875 4H13.25M2 18.222V5.778"
17+
d="M4 9h16a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1m0 0h12a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4m0-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1m0 0h8a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1m-1 4V6m11 3V3m-3 12V9M8 21v-6"
1818
/>
1919
</svg>,
2020
);

‎src/icons/ChartBarStackedPercentageHorizontalIcon.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ export const ChartBarStackedPercentageHorizontalIcon = wrapIcon(
1414
strokeLinecap="round"
1515
strokeLinejoin="round"
1616
strokeWidth="1.5"
17-
d="M8.625 4v5.333m0-5.333h-4.5C3.504 4 3 4.398 3 4.889v3.555c0 .491.504.89 1.125.89M8.625 4h11.25c.621 0 1.125.398 1.125.889v3.555c0 .491-.504.89-1.125.89m-11.25 0h-4.5m4.5 0h11.25m-15.75 0H12m-7.875 0c-.621 0-1.125.397-1.125.888v3.556c0 .49.504.889 1.125.889m15.75-5.334H12m7.875 0c.621 0 1.125.398 1.125.89v3.555c0 .49-.504.889-1.125.889M12 9.333v5.334m0 0H4.125m7.875 0h7.875m-15.75 0H14.25m-10.125 0c-.621 0-1.125.398-1.125.889v3.555c0 .491.504.889 1.125.889H14.25m0-5.333V20m0-5.333h5.625M14.25 20h5.625c.621 0 1.125-.398 1.125-.889v-3.555c0-.491-.504-.89-1.125-.89M3 5.779v12.444M21 5.778v12.444"
17+
d="M9 3v6m0-6H4.125C3.504 3 3 3.448 3 4v4c0 .552.504 1 1.125 1M9 3h10.875C20.496 3 21 3.448 21 4v4c0 .552-.504 1-1.125 1M9 9H4.125M9 9h10.875M4.125 9H12M4.125 9C3.504 9 3 9.448 3 10v4c0 .552.504 1 1.125 1m15.75-6H12m7.875 0C20.496 9 21 9.448 21 10v4c0 .552-.504 1-1.125 1M12 9v6m0 0H4.125M12 15h7.875m-15.75 0H15M4.125 15C3.504 15 3 15.448 3 16v4c0 .552.504 1 1.125 1H15m0-6v6m0-6h4.875M15 21h4.875c.621 0 1.125-.448 1.125-1v-4c0-.552-.504-1-1.125-1M3 5v14M21 5v14"
1818
/>
1919
</svg>,
2020
);

‎src/icons/ChartBarStackedPercentageIcon.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ export const ChartBarStackedPercentageIcon = wrapIcon(
1414
strokeLinecap="round"
1515
strokeLinejoin="round"
1616
strokeWidth="1.5"
17-
d="M3 15h6m-6 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1m-6-4V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1m0 10v4m0-4V5m0 14v-7m0 7a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1M9 5v7m0-7a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1m-6 7h6m0 0v7m0-7V5m0 14v-9m0 9a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-9m-6 0h6m-6 0V5m6 5V5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1M5 20h14M5 4h14"
17+
d="M3 15h6m-6 0v5a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1m-6-5V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1m0 11v5m0-5V4m0 16v-8m0 8a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1M9 4v8m0-8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1m-6 8h6m0 0v8m0-8V4m0 16V10m0 10a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V10m-6 0h6m-6 0V4m6 6V4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1M5 21h14M5 3h14"
1818
/>
1919
</svg>,
2020
);

‎src/icons/ChartFunnelIcon.tsx‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import { wrapIcon } from './wrap-icon';
2+
3+
export const ChartFunnelIcon = wrapIcon(
4+
'ChartFunnelIcon',
5+
<svg
6+
viewBox="0 0 24 24"
7+
xmlns="http://www.w3.org/2000/svg"
8+
width="24"
9+
height="24"
10+
fill="none"
11+
>
12+
<path
13+
stroke="#000"
14+
strokeLinecap="round"
15+
strokeLinejoin="round"
16+
strokeWidth="1.5"
17+
d="M5 9h14M7 15h10M4.387 3h15.226a1 1 0 0 1 .948 1.316l-5.105 15.316A2 2 0 0 1 13.558 21h-3.116a2 2 0 0 1-1.898-1.368L3.44 4.316A1 1 0 0 1 4.387 3"
18+
/>
19+
</svg>,
20+
);

‎src/icons/index.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,8 @@ export { CalendarEditIcon } from './CalendarEditIcon';
1111
export { CalendarIcon } from './CalendarIcon';
1212
export { CaretDownIcon } from './CaretDownIcon';
1313
export { CaretUpIcon } from './CaretUpIcon';
14+
export { ChartAreaStackedIcon } from './ChartAreaStackedIcon';
15+
export { ChartAreaStackedPercentageIcon } from './ChartAreaStackedPercentageIcon';
1416
export { ChartBarGroupedHorizontalIcon } from './ChartBarGroupedHorizontalIcon';
1517
export { ChartBarGroupedIcon } from './ChartBarGroupedIcon';
1618
export { ChartBarHorizontalIcon } from './ChartBarHorizontalIcon';
@@ -23,6 +25,7 @@ export { ChartBoxPlot2Icon } from './ChartBoxPlot2Icon';
2325
export { ChartBoxPlotIcon } from './ChartBoxPlotIcon';
2426
export { ChartBubbleIcon } from './ChartBubbleIcon';
2527
export { ChartDonut2Icon } from './ChartDonut2Icon';
28+
export { ChartFunnelIcon } from './ChartFunnelIcon';
2629
export { ChartPie2Icon } from './ChartPie2Icon';
2730
export { ChartScatterIcon } from './ChartScatterIcon';
2831
export { CheckCircleFilledIcon } from './CheckCircleFilledIcon';

0 commit comments

Comments
 (0)