diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx
index 7d0961527..89a3bb16e 100644
--- a/components/Footer/Details/index.tsx
+++ b/components/Footer/Details/index.tsx
@@ -9,9 +9,10 @@ import { footer } from "../mockedData"
 
 import styles from "./details.module.css"
 
+import type { SocialIconsProps } from "@/types/components/footer/socialIcons"
 import { IconName } from "@/types/components/icon"
 
-function SocialIcon({ iconName }: { iconName: string }) {
+function SocialIcon({ iconName }: SocialIconsProps) {
   const SocialIcon = getIconByIconName(iconName as IconName)
   return SocialIcon ? <SocialIcon color="white" /> : <span>{iconName}</span>
 }
diff --git a/types/components/footer/socialIcons.ts b/types/components/footer/socialIcons.ts
new file mode 100644
index 000000000..83c7b82ba
--- /dev/null
+++ b/types/components/footer/socialIcons.ts
@@ -0,0 +1,3 @@
+export type SocialIconsProps = {
+  iconName: string
+}