diff --git a/src/assets/img/google_calendar.png b/src/assets/img/google_calendar.png
index 976601c..18e9d93 100644
Binary files a/src/assets/img/google_calendar.png and b/src/assets/img/google_calendar.png differ
diff --git a/src/assets/img/google_calendar_new_logo_icon_159141 (1).png b/src/assets/img/google_calendar_new_logo_icon_159141 (1).png
deleted file mode 100644
index 18e9d93..0000000
Binary files a/src/assets/img/google_calendar_new_logo_icon_159141 (1).png and /dev/null differ
diff --git a/src/assets/img/iCal.png b/src/assets/img/iCal.png
new file mode 100644
index 0000000..1f264af
Binary files /dev/null and b/src/assets/img/iCal.png differ
diff --git a/src/views/TopPage.jsx b/src/views/TopPage.jsx
index 243fa11..195abd5 100644
--- a/src/views/TopPage.jsx
+++ b/src/views/TopPage.jsx
@@ -7,6 +7,7 @@ import { useState } from "react";
 import logo from "../assets/img/logo.png";
 import outlook from "../assets/img/outlook_logo.png";
 import googleCalerndar from "../assets/img/google_calendar.png";
+import iCal from "../assets/img/iCal.png";
 
 const TopPage = () => {
   const navigate = useNavigate();
@@ -69,6 +70,26 @@ const TopPage = () => {
             alt="googleカレンダー"
             style={{
               padding: "0 20px",
+              height: "50px",
+              width: "50px",
+            }}
+          />
+          <img
+            src={iCal}
+            alt="iCal"
+            style={{
+              padding: "0 20px",
+              height: "50px",
+              width: "50px",
+            }}
+          />
+          <img
+            src={outlook}
+            alt="outlook"
+            style={{
+              padding: "0 20px",
+              height: "50px",
+              width: "50px",
             }}
           />
         </Box>