diff --git a/src/components/icons/tabler/AwardIcon.tsx b/src/components/icons/tabler/AwardIcon.tsx
new file mode 100644
index 000000000..afd80c457
--- /dev/null
+++ b/src/components/icons/tabler/AwardIcon.tsx
@@ -0,0 +1,26 @@
+import { FC } from "react";
+import { DefaultIconStrokeWidth } from "./defaults";
+
+const AwardIcon: FC<{
+ className?: string;
+}> = (props) => {
+ return (
+
+ );
+};
+
+export default AwardIcon;
diff --git a/src/layouts/Menu.tsx b/src/layouts/Menu.tsx
index e29d67eef..1f685ed8d 100644
--- a/src/layouts/Menu.tsx
+++ b/src/layouts/Menu.tsx
@@ -1,4 +1,5 @@
import ActivityIcon from "@/components/icons/tabler/ActivityIcon";
+import AwardIcon from "@/components/icons/tabler/AwardIcon";
import FileTextIcon from "@/components/icons/tabler/FileTextIcon";
import PackageIcon from "@/components/icons/tabler/PackageIcon";
import UsersIcon from "@/components/icons/tabler/UsersIcon";
@@ -9,6 +10,7 @@ import { useNavigate } from "react-router-dom";
const navigation = [
{ name: "Problems", href: "/problem", icon: FileTextIcon },
{ name: "Judges", href: "/judge", icon: ActivityIcon },
+ { name: "Rank", href: "/rank", icon: AwardIcon },
];
const adminNavigation = [
diff --git a/src/routes/Router.tsx b/src/routes/Router.tsx
index 21e4aa357..912fbde7b 100644
--- a/src/routes/Router.tsx
+++ b/src/routes/Router.tsx
@@ -27,6 +27,8 @@ const PageRouter: React.FC = () => {
} />
} />
} />
+ rank} />
+ {/* Admin */}
}