diff --git a/public/signup/icons/bi_facebook.svg b/public/signup/icons/bi_facebook.svg
new file mode 100644
index 000000000..e2c617c85
--- /dev/null
+++ b/public/signup/icons/bi_facebook.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_13832_3816)">
+<path d="M23.9991 12.073C23.9991 5.40405 18.6261 -0.00195312 11.9991 -0.00195312C5.36909 -0.000453125 -0.00390625 5.40405 -0.00390625 12.0745C-0.00390625 18.1 4.38509 23.095 10.1211 24.001V15.5635H7.07609V12.0745H10.1241V9.41205C10.1241 6.38655 11.9166 4.71555 14.6571 4.71555C15.9711 4.71555 17.3436 4.95105 17.3436 4.95105V7.92105H15.8301C14.3406 7.92105 13.8756 8.85255 13.8756 9.80805V12.073H17.2026L16.6716 15.562H13.8741V23.9995C19.6101 23.0935 23.9991 18.0985 23.9991 12.073Z" fill="#1976D2"/>
+</g>
+<defs>
+<clipPath id="clip0_13832_3816">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/signup/icons/flat-color-icons_google.svg b/public/signup/icons/flat-color-icons_google.svg
new file mode 100644
index 000000000..c5ba07eee
--- /dev/null
+++ b/public/signup/icons/flat-color-icons_google.svg
@@ -0,0 +1,6 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.3055 10.0415H21.5V10H12.5V14H18.1515C17.327 16.3285 15.1115 18 12.5 18C9.1865 18 6.5 15.3135 6.5 12C6.5 8.6865 9.1865 6 12.5 6C14.0295 6 15.421 6.577 16.4805 7.5195L19.309 4.691C17.523 3.0265 15.134 2 12.5 2C6.9775 2 2.5 6.4775 2.5 12C2.5 17.5225 6.9775 22 12.5 22C18.0225 22 22.5 17.5225 22.5 12C22.5 11.3295 22.431 10.675 22.3055 10.0415Z" fill="#FFC107"/>
+<path d="M3.65234 7.3455L6.93784 9.755C7.82684 7.554 9.97984 6 12.4993 6C14.0288 6 15.4203 6.577 16.4798 7.5195L19.3083 4.691C17.5223 3.0265 15.1333 2 12.4993 2C8.65834 2 5.32734 4.1685 3.65234 7.3455Z" fill="#F97316"/>
+<path d="M12.5002 22.0003C15.0832 22.0003 17.4302 21.0118 19.2047 19.4043L16.1097 16.7853C15.0719 17.5745 13.8039 18.0014 12.5002 18.0003C9.89916 18.0003 7.69066 16.3418 6.85866 14.0273L3.59766 16.5398C5.25266 19.7783 8.61366 22.0003 12.5002 22.0003Z" fill="#4CAF50"/>
+<path d="M22.3055 10.0415H21.5V10H12.5V14H18.1515C17.7571 15.1082 17.0467 16.0766 16.108 16.7855L16.1095 16.7845L19.2045 19.4035C18.9855 19.6025 22.5 17 22.5 12C22.5 11.3295 22.431 10.675 22.3055 10.0415Z" fill="#1976D2"/>
+</svg>
diff --git a/src/app/(auth-routes)/sign-up/page.tsx b/src/app/(auth-routes)/sign-up/page.tsx
index 21e1c0dec..73128d826 100644
--- a/src/app/(auth-routes)/sign-up/page.tsx
+++ b/src/app/(auth-routes)/sign-up/page.tsx
@@ -3,8 +3,6 @@
 import Image from "next/image";
 import Link from "next/link";
 
-import FacebookIcon from "../../../public/signup/icons/bi_facebook.svg";
-import GoogleIcon from "../../../public/signup/icons/flat-color-icons_google.svg";
 import SignupForm from "./_component/SignupForm";
 
 const page = () => {
@@ -26,7 +24,7 @@ const page = () => {
           <div className="mt-6 flex flex-col items-center gap-2 text-center sm:flex-row md:gap-[18px]">
             <button className="flex w-full flex-row items-center justify-center gap-2.5 rounded-lg border border-border px-4 py-3 md:w-fit md:px-8 md:py-4">
               <Image
-                src={GoogleIcon}
+                src={"/signup/icons/flat-color-icons_google.svg"}
                 alt="Google Icon"
                 width={24}
                 height={24}
@@ -37,7 +35,7 @@ const page = () => {
             </button>
             <button className="flex w-full flex-row items-center justify-center gap-2.5 rounded-lg border border-border px-4 py-3 md:w-fit md:px-8 md:py-4">
               <Image
-                src={FacebookIcon}
+                src={"/signup/icons/bi_facebook.svg"}
                 alt="Facebook Icon"
                 width={24}
                 height={24}