diff --git a/components/pages/home/header.tsx b/components/pages/home/header.tsx
index 0cc332d..ec132f5 100644
--- a/components/pages/home/header.tsx
+++ b/components/pages/home/header.tsx
@@ -1,4 +1,17 @@
import Image from "next/image";
+import { Github, X } from "iconoir-react";
+import Link from "next/link";
+
+const SNSIcons = [
+ {
+ url: "https://github.com/tuna2134",
+ icon: Github,
+ },
+ {
+ url: "https://x.com/@fdc_tuna2134",
+ icon: X,
+ },
+];
const Header: React.FC = async () => {
const res = await fetch(
@@ -22,6 +35,13 @@ const Header: React.FC = async () => {
className="mb-2 rounded-full"
/>
tuna2134
+
+ {SNSIcons.map((sns, key) => (
+
+
+
+ ))}
+
);
diff --git a/package.json b/package.json
index c18f6ee..da6f9be 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
"format": "prettier -w './**/*.{tsx,ts}'"
},
"dependencies": {
+ "iconoir-react": "^7.11.0",
"next": "15.3.1",
"react": "^19.0.0",
"react-dom": "^19.0.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e4a42dc..eaf970e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,6 +8,9 @@ importers:
.:
dependencies:
+ iconoir-react:
+ specifier: ^7.11.0
+ version: 7.11.0(react@19.1.0)
next:
specifier: 15.3.1
version: 15.3.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
@@ -353,6 +356,11 @@ packages:
graceful-fs@4.2.11:
resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+ iconoir-react@7.11.0:
+ resolution: {integrity: sha512-uvTKtnHYwbbTsmQ6HCcliYd50WK0GbjP497RwdISxKzfS01x4cK1Mn/F2mT/t2roSaJQ0I+KnHxMcyvmNMXWsQ==}
+ peerDependencies:
+ react: 18 || 19
+
is-arrayish@0.3.2:
resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
@@ -765,6 +773,10 @@ snapshots:
graceful-fs@4.2.11: {}
+ iconoir-react@7.11.0(react@19.1.0):
+ dependencies:
+ react: 19.1.0
+
is-arrayish@0.3.2:
optional: true