diff --git a/components/modal/IconHeader.tsx b/components/modal/IconHeader.tsx
index f0e390be..330e20b2 100644
--- a/components/modal/IconHeader.tsx
+++ b/components/modal/IconHeader.tsx
@@ -19,11 +19,16 @@ export const IconHeader: React.FC<IconHeaderProps> = ({ icon }) => {
           {icon.name}
         </DialogTitle>
         <Link
-          href={ensureProtocol(icon.url)}
-          target="_blank"
-          rel="noopener noreferrer"
-          className="text-sm text-blue-500 hover:underline flex items-center gap-1"
-        >
+  href={
+    icon.url === "freefire.com"
+      ? "https://ff.garena.com"
+      : ensureProtocol(icon.url)
+  }
+  target="_blank"
+  rel="noopener noreferrer"
+  className="text-sm text-blue-500 hover:underline flex items-center gap-1"
+>
+        
           <span>{icon.url}</span>
           <ExternalLink className="text-gray-500 w-3 h-3" />
         </Link>
diff --git a/interfaces/index.ts b/interfaces/index.ts
index dd5f28bd..62b6acfa 100644
--- a/interfaces/index.ts
+++ b/interfaces/index.ts
@@ -8,3 +8,8 @@ export interface Icon {
 export interface Category {
   name: string;
 }
+export interface Icon {
+  name: string;
+  classes: string[];
+  url: string;
+}