diff --git a/src/app/components/icon/person-icon.tsx b/src/app/components/icon/person-icon.tsx
new file mode 100644
index 0000000..bbf5537
--- /dev/null
+++ b/src/app/components/icon/person-icon.tsx
@@ -0,0 +1,12 @@
+import { IconProps } from "./icon-props";
+
+export function PersonIcon({ size = 24, color = "#fff" }: IconProps): JSX.Element {
+ return (
+
+ );
+}
diff --git a/src/app/components/icon/trending-up-icon.tsx b/src/app/components/icon/trending-up-icon.tsx
new file mode 100644
index 0000000..e29f862
--- /dev/null
+++ b/src/app/components/icon/trending-up-icon.tsx
@@ -0,0 +1,12 @@
+import { IconProps } from "./icon-props";
+
+export function TrendingUpIcon({ size = 24, color = "#fff" }: IconProps): JSX.Element {
+ return (
+
+ );
+}
diff --git a/src/app/components/stats.tsx b/src/app/components/stats.tsx
index fc8cb84..e3c6c2d 100644
--- a/src/app/components/stats.tsx
+++ b/src/app/components/stats.tsx
@@ -4,6 +4,8 @@ import { StorageIcon } from "@/app/components/icon/storage-icon";
import { Stat } from "@/app/components/stat";
import { ReactElement } from "react";
import useWebSocket from "react-use-websocket";
+import { PersonIcon } from "./icon/person-icon";
+import { TrendingUpIcon } from "./icon/trending-up-icon";
import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
type Stat = {
@@ -18,13 +20,13 @@ const stats: Stat[] = [
id: "totalRequests",
displayName: "Total Requests",
tooltip: "The total amount of requests to the API",
- icon: ,
+ icon: ,
},
{
id: "totalPlayerLookups",
displayName: "Player Lookups",
tooltip: "The total amount of player lookups",
- icon: ,
+ icon: ,
},
{
id: "totalServerLookups",