diff --git a/src/app/(auth)/@content/sign-up/step3/page.tsx b/src/app/(auth)/@content/sign-up/step3/page.tsx
index ddcd048..dad1131 100644
--- a/src/app/(auth)/@content/sign-up/step3/page.tsx
+++ b/src/app/(auth)/@content/sign-up/step3/page.tsx
@@ -7,30 +7,44 @@ import { Button } from '@/components/ui/Button';
 import { StepBar } from '@/components/ui/StepBar';
 import { useSignupStore } from '@/stores/signUpStore';
 import { useSignUp } from '@/hooks/users/useSignUp';
-import IconArrowDown from '@/assets/icons/icon-arrow-down.svg';
 import IconArrowBack from '@/assets/icons/icon-arrow-back.svg';
+import IconLogin1 from '@/assets/icons/icon-login1.svg';
+import IconLogin2 from '@/assets/icons/icon-login2.svg';
+import IconLogin3 from '@/assets/icons/icon-login3.svg';
+import IconLogin4 from '@/assets/icons/icon-login4.svg';
+import IconLogin5 from '@/assets/icons/icon-login5.svg';
+import IconLogin6 from '@/assets/icons/icon-login6.svg';
+import IconLogin7 from '@/assets/icons/icon-login7.svg';
+import IconLogin8 from '@/assets/icons/icon-login8.svg';
+import IconLogin9 from '@/assets/icons/icon-login9.svg';
+import IconLogin10 from '@/assets/icons/icon-login10.svg';
+import IconLogin11 from '@/assets/icons/icon-login11.svg';
+import IconLogin12 from '@/assets/icons/icon-login12.svg';
+import IconLogin13 from '@/assets/icons/icon-login13.svg';
+import IconLogin14 from '@/assets/icons/icon-login14.svg';
+import IconLogin15 from '@/assets/icons/icon-login15.svg';
+import IconLogin16 from '@/assets/icons/icon-login16.svg';
 
 const category = [
   [
-    // TODO : svg로 아이콘 받으면 다시 넣기
-    { label: '인사말', icon: IconArrowDown },
-    { label: '자기소개', icon: IconArrowDown },
-    { label: '사과문', icon: IconArrowDown },
-    { label: '부탁글', icon: IconArrowDown },
-    { label: '감사글', icon: IconArrowDown },
-    { label: '제안글', icon: IconArrowDown },
-    { label: '공지글', icon: IconArrowDown },
-    { label: '소개글', icon: IconArrowDown },
+    { label: '인사말', icon: IconLogin1 },
+    { label: '자기소개', icon: IconLogin2 },
+    { label: '사과문', icon: IconLogin3 },
+    { label: '부탁글', icon: IconLogin4 },
+    { label: '감사글', icon: IconLogin5 },
+    { label: '제안글', icon: IconLogin6 },
+    { label: '공지글', icon: IconLogin7 },
+    { label: '소개글', icon: IconLogin8 },
   ],
   [
-    { label: '후기작성', icon: IconArrowDown },
-    { label: '소셜글', icon: IconArrowDown },
-    { label: '고객상담', icon: IconArrowDown },
-    { label: '교수문의', icon: IconArrowDown },
-    { label: '조별활동', icon: IconArrowDown },
-    { label: '공모전', icon: IconArrowDown },
-    { label: '지원서', icon: IconArrowDown },
-    { label: '기타', icon: IconArrowDown },
+    { label: '후기작성', icon: IconLogin9 },
+    { label: '소셜글', icon: IconLogin10 },
+    { label: '고객상담', icon: IconLogin11 },
+    { label: '교수문의', icon: IconLogin12 },
+    { label: '조별활동', icon: IconLogin13 },
+    { label: '공모전', icon: IconLogin14 },
+    { label: '지원서', icon: IconLogin15 },
+    { label: '기타', icon: IconLogin16 },
   ],
 ];
 
@@ -90,7 +104,9 @@ export default function Step1() {
                         : 'bg-primary-navy1 text-primary-navy4 hover:bg-primary-navy2'
                     } `}
                   >
-                    <Icon className="mr-2 h-5 w-5" />
+                     <Icon 
+                      className={`mr-2 h-6 w-6 ${isActive && 'brightness-0 invert' }`}
+                    />
                     {label}
                   </button>
                 );
diff --git a/src/assets/icons/icon-login1.svg b/src/assets/icons/icon-login1.svg
new file mode 100644
index 0000000..1488bab
--- /dev/null
+++ b/src/assets/icons/icon-login1.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.000244141" width="24" height="24" fill="url(#pattern0_2019_1869)"/>
+<defs>
+<pattern id="pattern0_2019_1869" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2019_1869" transform="scale(0.01)"/>
+</pattern>
+<image id="image0_2019_1869" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/icon-login10.svg b/src/assets/icons/icon-login10.svg
new file mode 100644
index 0000000..5e85290
--- /dev/null
+++ b/src/assets/icons/icon-login10.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.000244141" width="24" height="24" fill="url(#pattern0_2019_3749)"/>
+<defs>
+<pattern id="pattern0_2019_3749" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2019_3749" transform="scale(0.01)"/>
+</pattern>
+<image id="image0_2019_3749" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/icon-login11.svg b/src/assets/icons/icon-login11.svg
new file mode 100644
index 0000000..0ab0547
--- /dev/null
+++ b/src/assets/icons/icon-login11.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.000244141" width="24" height="24" fill="url(#pattern0_2019_1348)"/>
+<defs>
+<pattern id="pattern0_2019_1348" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2019_1348" transform="scale(0.01)"/>
+</pattern>
+<image id="image0_2019_1348" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/icon-login12.svg b/src/assets/icons/icon-login12.svg
new file mode 100644
index 0000000..8b53a2b
--- /dev/null
+++ b/src/assets/icons/icon-login12.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.000244141" width="24" height="24" fill="url(#pattern0_2019_3752)"/>
+<defs>
+<pattern id="pattern0_2019_3752" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2019_3752" transform="translate(0 -0.00520833) scale(0.0104167)"/>
+</pattern>
+<image id="image0_2019_3752" width="96" height="97" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABhCAYAAAApxKSdAAAACXBIWXMAACxKAAAsSgF3enRNAAAEcUlEQVR4nO2cv33bOBTHv7zP9fYGpw2iTHBMxy7KBFEqllEmiDxB7JLVKROc3bGLMkHkDeQNogmYApDM6Eid9AjykfT7lpRBwPiBeP9ARkVRYOjxh/YAXjomgDImgDImgDImgDImgDImgDImgDImgDImgDImgDImgDImgDImgDImgDImgDImgDImgDJ/hrhJlGTXwDTEvQbEtsjTbdObRE1qwlGSzYBb4K+mAxkoT8CiyNN76Q3EAkRJNgf+kXY8Mj4VeXoraSgSIEqyGPgm6XDEvCnydH1pI6kRngvbjZmFpJFUgFjYbszEkkZSAcRGZ8RcSRqJBCjydAG8A3aS9sYz4kDMu14x8BhsNC+QRpFwkacbnAgPQUYzbJ4kjRqnIoo8/Vnk6Qz41PReA+YOYSZAGgdsgNlxKO7jg3uEBmmA7IB5k0hY+gS8AjZ+wg/4QGTKy7ALD8CkyeSD/AkoN6oMw6MkWwHv5UPrLY1XfZkQ6egvUZLd+4zogSJP58CHAPfvE9+B6fHkR0l27RfcxYSqB7wF1lGS/WaIijxdAa8Regg9Yod70uMau7dF+LSHLMi8wokwK1/0ruoUt3qGyCMQH2+zftXf4pKSYqcjdEXsCvjXD+yAd1Vj4CZwf21zU+Tp1C+iA/5J3wAfm3bQVknyY5Rk6wq7sGQYKYxH4LUf729ESbYEfhCoCNVmTfhvYFthF/qewrjDbTn/WfU+/vkcsrO2i/JXwA9fPTtQSmF8bbn/S3jCFVUWRZ7+LP8QJdkCWOPsXFBCxAHn8hVXP636574I7heSB5xvfzy2CbDCPc3/S5Gn0aUdd3ks5T3OS5qUL3rv4g06dmEHvCvydFYx+XOcoT1r8qV0fS7oVApjQrd2oTKV4N3Le9yBg9ZzWhoHs66Ab96bOOBd1Snt24V9UFW16me4oOpty2N47rNDG1BF3d47x503Cr0Cv/v+tkf9XQNLGvr1fbcBVZxKYcSETWHcnEglBAmqJGgLAM8pjHn5YsAUxqmgap9KUDvZp70FHXPnC/7H/S2RBUB195vi3Mugfv0Qt6BjQqUwDkHV8Q+lVELwoEpC3wSA0ymMc6ptd7ic/bp8MUqySZRkawKnEprSRwGgPoWxpT6FsQ+q6qLt1oMqCX2zAVWck8Koc2evcYcEOpl4iQ0YggDgtp2qUxhTagrjPqha0eEJjTELAGcWw/2qX9FhNLtnDF7QKfbVtmXdH5SCqs4nX0qQd8Q65rPfeg57fqhUggZDFADcCt+UnoYFPfHrL2WoAoBLHwz+HbUh2YBRYgIoYwIoYwIoYwIoYwIoYwIoYwIoYwIoYwIoYwIoYwIoYwIoYwIoYwIoIxVg6K+dtkGnH+tYC9uNmbWkkVSAJf1/07FLdrg5uRjpF7O2uDqsieDmYCH9iGvTD7dOcMrHvLyPtz7htp1lky/oNhLAaI65ocqYAMqYAMqYAMqYAMqYAMqYAMqYAMqYAMqYAMqYAMqYAMqYAMqYAMqYAMqYAMqYAMqYAMr8AloIwQCyfDFoAAAAAElFTkSuQmCC"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/icon-login13.svg b/src/assets/icons/icon-login13.svg
new file mode 100644
index 0000000..ab8bc5a
--- /dev/null
+++ b/src/assets/icons/icon-login13.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.000244141" width="24" height="24" fill="url(#pattern0_2019_2298)"/>
+<defs>
+<pattern id="pattern0_2019_2298" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2019_2298" transform="translate(0 -0.00520833) scale(0.0104167)"/>
+</pattern>
+<image id="image0_2019_2298" width="96" height="97" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/icon-login14.svg b/src/assets/icons/icon-login14.svg
new file mode 100644
index 0000000..1adcddd
--- /dev/null
+++ b/src/assets/icons/icon-login14.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.000244141" width="24" height="24" fill="url(#pattern0_2019_3644)"/>
+<defs>
+<pattern id="pattern0_2019_3644" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2019_3644" transform="scale(0.01)"/>
+</pattern>
+<image id="image0_2019_3644" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/icon-login15.svg b/src/assets/icons/icon-login15.svg
new file mode 100644
index 0000000..2f70ba7
--- /dev/null
+++ b/src/assets/icons/icon-login15.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.500244" width="24" height="24" fill="url(#pattern0_2019_5153)"/>
+<defs>
+<pattern id="pattern0_2019_5153" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2019_5153" transform="scale(0.01)"/>
+</pattern>
+<image id="image0_2019_5153" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAESklEQVR4nO2dPXqjOBiAX/aZPnODyQ3GNwgl3eQGQyrKyQ02ewO3VGvfYKejW+YG9gk2uUF8AqZAzhKMCRhJfMjf+zwuwLak8Mb6+SREVFUVihz+mLsAyntUiDBUiDBUiDBUiDBUiDBUiDBUiDBUiDBUiDBUiDBUiDA+2UwsSvJbIAZubaY7IztgVxXZs68MIxvR3ijJPwP/AHeTE5PJFnisiuzVdUaThRgZJfDVRoEEswdi11JstCFrwpcB9d/46DqTSUJMm/HdTlEWgWwhhNN4D+UmSvKVywy02zuezy4TVyHCUCHCUCHCUCHCUCHCUCHCUCHCUCHCUCHCUCHCUCHCsDpj+AEvwLPH/MawAm7mLgT4E/ITSH3MuF2CpEk2X1XWWqoMAFO29dzlAH9CYk/5TCGeuwDgr8r6s7EQQiL3CJn59Nmo/zCvq8FMcafm8LUqsg+rRZ9Crgoz1VvS6L1FSb6qiizt+56OQxzQJcPwPUryTd93VYhlemQc6ZWiQiwyQMaRs1JUiCVGyDjSKUWFjOdkgHuBjCMnUlTIOB6qIts1T0yQceTd+EeFDOehKrJN84QFGSf4HIdskRftXQHfBnzOpYxD88CXkL+qInvylNcooiQv6b+vxaWMF+qwzRu+qqzSUz6XUPa851LGHli12yRfQpwv478EE/BMz7ztWkbnzT++qqxvUZI/I7MN6bq4s8gAv436F/OSTpeMmHrqwKkM0G5vmy4ZKfAvHmSACmlyTsbfFtIefMOoCqkRIQN0guoA3FdFVjZPziUDrlvIgfpitWNTKTPJgOutskTKgOsUIlYGXJ8Q0TLAbxvyk3p3HZukDB9sipcBy4/2Pg2I1oJ7Gb+oe2uTl8v6ElI6TrtPiGsZ24/WWo1h0dFeE6297/nIomSA32hvif1fSsr5NmRxMsBvo36Hvx3nFikDwh2ppx0yNthZ4e5MBoQ5DtlXRfbutoelyIAwhZTNA1NNLUIGXIEQ+nthQ/EiA8IU0o4GxBPT8yYDwhPy0tz02CxMmDL16lUGhCekbB1P2bDyREaU5Ctzm5ozQhNiq7rqlEEt/PbCNAcRmpCydXzJL6RPhvPdHoIS0hwMmjjX2J0ZZpUBYQn51TqOR37/YW4ZEFbopGwdD6muXqjbnU3H6N67DAhLSFvAc8dn9tQXeQeU554LMpcMCFhIVWSbKMlfzfmyvfbqHHPKgLCEfImSPG2uQDTV0OD9VUzca82Me2eFJARgHSX5rh16P0fjEU0r6pjX7KvzQxNyA5RRkj+21+rC220FK2oJMZf9Epzu+zXpkUfmP+w/a6Wxy4H3I3cbs5WHqsjkPq7C9FK2Vkpinxv+nza2NXXsfNc5GwPDR+ruZOjsWYIQszgs5nSkHBJbPDyhDSw9x/AtMX2w5GSsClGmE1JwMQhUiDBUiDBUiDBUiDBUiDBUiDBUiDBUiDBUiDBUiDBUiDB+A3p+0Wk3Q6gdAAAAAElFTkSuQmCC"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/icon-login16.svg b/src/assets/icons/icon-login16.svg
new file mode 100644
index 0000000..13740e7
--- /dev/null
+++ b/src/assets/icons/icon-login16.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.500244" width="24" height="24" fill="url(#pattern0_2019_3720)"/>
+<defs>
+<pattern id="pattern0_2019_3720" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2019_3720" transform="scale(0.0104167 0.0103093)"/>
+</pattern>
+<image id="image0_2019_3720" width="96" height="97" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABhCAYAAAApxKSdAAAACXBIWXMAACxKAAAsSgF3enRNAAAB9ElEQVR4nO3csW3bQBxG8e+C9MkG8QjZIC7ZJSPEFct4BI+glKwib5B0LDVCRvAKmoApRAOGSt0feGL0fpVE4g46PkAUoJPasiwR5x39Am6dAWAGgBkAZgCYAWAGgBkAZgCYAWAGgBkAZgCYAWAGgL2vmKQN0+ckj0m+JflQMecVOyb5nWS3zOPf3sla7xcy68U/5P+/8OeOSe57I1S8Be1yexc/Oa151ztJRYAvBXNsVffavQnDDAAzAMwAMAPADAAzAMwAMAPADAAzAMwAMAPADAAzAMwAMAPADAAzAMwAMAPADAAzAMwAsJK9oRf6k9Mey+S0p/TrxsaXoAI8LPO4f/N834bpe5JfGxlfhngLej5bfJJkPfa8gfGliAD7C89dy/hS3oRhRIC7C89dy/hSRICnNkwfzw+ux542ML4UEeBTkkMbpvvXA+vjw3ru2seXqviJ0k3/6dwyj61nvDdhmAFgBoAZAGYAmAFgBoAZAGYAmAFgBoAZAGYAmAFgBoAZAGYAmAFgBoAZAGYAmAFgBoAZAFYR4Fgwx1Z1r73qv6NvVffau7cmJkkbpl2SH90TbcvPZR4feycpCZAkbZjuAmzvhrws8/hSMVFZAF3GT0EwA8AMADMAzAAwA8AMADMAzAAwA8AMADMAzAAwA8AMAPsHImV2uyEv+gUAAAAASUVORK5CYII="/>
+</defs>
+</svg>
diff --git a/src/assets/icons/icon-login2.svg b/src/assets/icons/icon-login2.svg
new file mode 100644
index 0000000..8321be3
--- /dev/null
+++ b/src/assets/icons/icon-login2.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.000244141" width="24" height="24" fill="url(#pattern0_2019_3341)"/>
+<defs>
+<pattern id="pattern0_2019_3341" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2019_3341" transform="scale(0.01)"/>
+</pattern>
+<image id="image0_2019_3341" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/icon-login3.svg b/src/assets/icons/icon-login3.svg
new file mode 100644
index 0000000..8e876b8
--- /dev/null
+++ b/src/assets/icons/icon-login3.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.000244141" width="24" height="24" fill="url(#pattern0_2019_3713)"/>
+<defs>
+<pattern id="pattern0_2019_3713" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2019_3713" transform="translate(-0.1 -0.1) scale(0.012)"/>
+</pattern>
+<image id="image0_2019_3713" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/icon-login4.svg b/src/assets/icons/icon-login4.svg
new file mode 100644
index 0000000..d957e26
--- /dev/null
+++ b/src/assets/icons/icon-login4.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.000244141" width="24" height="24" fill="url(#pattern0_2019_3634)"/>
+<defs>
+<pattern id="pattern0_2019_3634" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2019_3634" transform="scale(0.0104167)"/>
+</pattern>
+<image id="image0_2019_3634" width="96" height="96" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/icon-login5.svg b/src/assets/icons/icon-login5.svg
new file mode 100644
index 0000000..c7e6195
--- /dev/null
+++ b/src/assets/icons/icon-login5.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.000244141" width="24" height="24" fill="url(#pattern0_2019_3612)"/>
+<defs>
+<pattern id="pattern0_2019_3612" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2019_3612" transform="scale(0.01)"/>
+</pattern>
+<image id="image0_2019_3612" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/icon-login6.svg b/src/assets/icons/icon-login6.svg
new file mode 100644
index 0000000..f4b120c
--- /dev/null
+++ b/src/assets/icons/icon-login6.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.000244141" width="24" height="24" fill="url(#pattern0_2019_3637)"/>
+<defs>
+<pattern id="pattern0_2019_3637" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2019_3637" transform="scale(0.01)"/>
+</pattern>
+<image id="image0_2019_3637" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAF2klEQVR4nO2dT3biOBCHP8+bfXKDZE4Q5gRx77xrbhCy8pY+wTA3IEuvmpxgkp137ZygwwkGbhBO4FlI9BBCN3LpjwXW914WPLBK8Q+VZFWVyNq2JREPv/XdgcR7kiCRkQSJjCRIZCRBIiMJEhlJkMhIgkRGEiQykiCRkQSJjCRIZCRBIiMJEhm/hzaYFdUlMAJy4Fr/9cEr8AY0wGtbl2899eMdWYh4SFZU18AYmAA33g3KWAIL4Kmty1VfnfAqSFZUY2AK3Hoz4ocXYNbWZRPasBdBsqLKgTnxjgZTggvjVBA9PyyAz84ajYMHlDDe5xlnguhR8QRcOGkwPtbAuK3LV59GnCx7s6KaAN84XzEAroDv+n/1hrUgWVEtgK/2XTkZvvoUxUoQLcadm66cFN5EEQuiOzREMbZ4EUU0qesJ/Jvrzpwof7qc6DsLope2K857Au/CGhi5WhJLXNaCJMYuV8DMVWOdRkhyVb/kk4sn+q4jZGFr8IyZuWjEWBC9orhyYfRMudUexIou8ZCJhZ0NanRFEXMwIEe2Qz1FxVfEGM0hOp7xr4UdJ/41JFlRNchE+cMmnmLqsqZSAwCnJoamEV43tjFqKkhuY8T3hpxr9LPWRHi5lSBHXZYDd7XlBUv/GohL1E0VL2Dausyk15oIMgb+kRoYKOI508RljSQND5xcemESxA+X0gtNBBE3PmDEX+KUuRgZSZDISIJERqjc3se2LieBbH3glGL/oUaI1dbLGdg3xkSQlQM7fa/UQttvpBeauKyVtPEdnrKimtHP9vslDkOshoj/TxNBXGRU3DCs7RfxPTNxWY208aFiE244KohOb1lKDQyQF5uLTVdZTzZGBobVvTIVZGFj5ETZoJLgumIliHFelkWMOXaWqJvYAKufxcOzohrxf7FqzuEA1nNbl34jhjsdyjmfJLk1quROXOCpBZqioovbTE7rZI6umYsNpz1K1qjStIWrBnX8fYrK77UaHTCsVFKjOsGdOvofRF30eUobdZoNqjawOfSmdj1jjifHbVDzTIPHWnZpOcIrp5FWugQmh+o3dGrSFHnp9jMwdz16pAU7I+C7y454YAnk+y5K932Buxr6F5ToKxeNibbf9Tfu3kUHPLFB3aR9MWaoL5LLAw1ugVdXyYBWdeq6EzFW4H5Yfgaa+6wDcVYBKr18jG2kPPQkBsCdtiXGOmIYmShr9mIf2k2FXBVaieLyaI0Raguiz9XX/e5DX8+Lj3vJA6izmLqe6EeoB7A+WB+4AfuvQzLXieqdcJrk0NblW1uXU+AT4WMo890XesHR5/FQFwhCx16yTtq6bNq6HKEenkKxv+09C2j7Z9x1HSW+04BCpd8sdx/M9NwRy07CrMuHvSbKtXW5yopqiVvXseRjVsdi7/XEoT1bOu0Ah8hcdJX68wxMDbcorLfBHXKRFdXI9DyU4MfECvm7rcuZyQf15mcs7mpLjmFq0CkI0nU9H2OBkXHmZMyCbFAuauGhbWfJ34ZBu9y0vVjLETaorfOF4NpjI2TjMhNf75s9umovRkHWKDGk6ZjH3MOFnmdccn3kfeOFTWwu62BQqSMN8NeRzyyyopof+YwpOccTP4y/XDEJ4kIMUz4T9rDnkxshLiusvB50LKQx/WAMc4jTcjc9wiQpoL5Yd5kPQwjyq+F676n2sPHQppROub4hBJmhlrH7iAI4hvhqV0KnxUOoH3QZoYS5RI2Yme9D7bOiWtH/FsqDjg8ZE0SQPoggI0a0ajxbQaD35HDRidcxrLJ8MuXw/OWbR6lLPmtB9E3p49CAlfTCsxYEessbEwfIzl4QeCdKKPd1I0kBgoEIAj9EyQmXniQaJYMRBNScotOTvuB/tOSSiwYlyJa2LueoGMY9/kaMKOZy1s8hpmh/vy173mf7m7mgRNyWwB3bBfiihe/WlySIDH2e8YTDcZWldo3d202C2LHzw8vXKDfV2GyaJkEiY5CTeswkQSIjCRIZSZDISIJExn+06yryXK3hIwAAAABJRU5ErkJggg=="/>
+</defs>
+</svg>
diff --git a/src/assets/icons/icon-login7.svg b/src/assets/icons/icon-login7.svg
new file mode 100644
index 0000000..3f2ab5d
--- /dev/null
+++ b/src/assets/icons/icon-login7.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.000244141" width="24" height="24" fill="url(#pattern0_2019_1860)"/>
+<defs>
+<pattern id="pattern0_2019_1860" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2019_1860" transform="scale(0.01)"/>
+</pattern>
+<image id="image0_2019_1860" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/icon-login8.svg b/src/assets/icons/icon-login8.svg
new file mode 100644
index 0000000..bb38a85
--- /dev/null
+++ b/src/assets/icons/icon-login8.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.000244141" width="24" height="24" fill="url(#pattern0_2019_4890)"/>
+<defs>
+<pattern id="pattern0_2019_4890" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2019_4890" transform="scale(0.01)"/>
+</pattern>
+<image id="image0_2019_4890" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAD+0lEQVR4nO2dvXXbMBRGP+SktzdwMoGVCaISnbWBmYqtPYHlDeISVawJYncspQ2kDaQJYk2AFIQcObElEr8fnXdLHZ4HHl0SeAAeSWWthcDDh9InILxEhJAhQsgQIWSIEDJECBkihAwRQoYIIUOEkCFCyBAhZHzM1ZDS5hTACMA4V5uJeQIwt029jBlU5VjtVdpMAVwBOEneWH5WAKpYYpILUdrcA7hM2kh5tgDGMaQkHUOUNhO8fxlAe+c/xAiUelCvEsdn4sxdgEGkFnKROD4bo9AAkvaSIULIECFkiBAyRAgZIoQMEUKGCCFDhPxhgXZNqijZlt9JWQCY2qae735Q2nwCMEWhNbih3SErAF8AfAYwC4x1bZt6vC8DAGxTr21TVwC+Bcb3YkhCtgAmtqmXtqnXaPdXVp6xZrapvx86wDb1PYBrz/jeDEnIlRMBALBN/QS/1eQtWplHcdI2Hm14MxQhj+6KfYHbEOp7Fc+dzK78025KhiBkgwN3gruKH3vE67urN+95fBBDEFJ1uKIrEKSsMWAXcvt3FvQaTljX3bq+m0jjnscHwSxkYZt62vVgJ+6uw6EXbq7RlarHscGwCtnC44+wTd01FT6Y8u5w5Utnfc8jBFYh1X6K25MJjo8nF6486U2UNhWAG89z8IZRyMw2tXdJzd6k8RiXSpul0qZyVZUA2tIlpc0cwA/fcwiBTcgKHSdth3Bzli6p8DnaP/6X0sYqbSyAnwC+hp6DL2xCuqS4nWMh8yw7BkxCrmMWLgcsrRSFRcji2GKfDy4Vvo0dNyUMQrboPqnrjZvLLFLFjw2DkJjjxpttYCBLK6V3DO9CUtyu2KZeu0LocUCYETLUKpcUsnEz6yy48WQeEsNNFpPOT0p2WcnvjNi8ticTm5JCJvsz5CGgtBmnbqNkl3UGYHlsTYmIU2SY15Qe1M9QYAGPGYa0V9hDhJAhQsgQIWSIEDJKZ1lAuymVei0rBiNkeDVISSHRXkeRixyvCSnZZd0PSQYAuKr4pJQUMqhlE+D52ZGklOyyLpU2a2SunQ3gFO2DPEkpPajfQJZOXiBpLxkihAwRQoYIIUOEkFE6y5oh8zN8jt3uH90b70oKmeWY+R7gwVW5Fyusfo2SXda6YNs76JZu/tuqE6XNCITF2CW7rHMAa6VNqauUqqvaUXpQPwHpH1MKSXvJECFkiBAyRAgZIoQMEUKGCCFDhJCRWkifF4u9B7g/eYQyS+ul2MR4gDWpEHeCoa9zHQLRnrVPPoa4PY9bDOQ5cQ9WiFgSm+U7hsDzhyXHiPCdJhKG+2FJoTuS9pIhQsgQIWSIEDJECBkihAwRQoYIIUOEkCFCyBAhZIgQMn4Dp7UWJ1DKbnQAAAAASUVORK5CYII="/>
+</defs>
+</svg>
diff --git a/src/assets/icons/icon-login9.svg b/src/assets/icons/icon-login9.svg
new file mode 100644
index 0000000..cd90bb8
--- /dev/null
+++ b/src/assets/icons/icon-login9.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect y="0.000244141" width="24" height="24" fill="url(#pattern0_2019_995)"/>
+<defs>
+<pattern id="pattern0_2019_995" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2019_995" transform="scale(0.01)"/>
+</pattern>
+<image id="image0_2019_995" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAD6klEQVR4nO2dT3KbMBSHf+p0n9wgvkF6g2TJ0j1BvGObnKD0Bs6SVZ0bODuW5AR1TlCOUE5AF4g2dfyHSOjpJ/t9M57xYMN7w2cBEk/YdF0HhYdPsRNQ/keFkKFCyFAhZKgQMlQIGZ99VjZZuQAwB3A5STZpUwNYdlX+22cjxrUfYrJyBeDOJ/gJ8grg1keK0yHLZOUcKmMX1wCWPhtwPYcsfIKeOF4/VFches4IhF5lkaFCyFAhZKgQMlQIGSqEjNSFtAAeAHwF8Bw5l0nwGssiYN5VeW3fr01W1gBu4qXjT8ot5OWNjIEiQh6TkrKQ++0FVtCLfCrTkaqQp67KN3s+eycqJVIVUuz7wIp6kktlWlIU8tRVeXPkO0X4NMKQopDi2BessCRbSWpCxrSOgSJcGuFISUiLD+xkK+4xUC7BSEVIC2DxgdYxUCCxy2DmnvoLgAbABsDKpXDArnNrsvIWwPCaAbiaKMfJYRAy7PgGfSlN49ASDmI7jPXbZVbSzL6G99FFxRTy0FW5V4WGDzuGXWCycgZgjb56JAqxziHPMWXsw7bMqD39WEKaSHHHsG9IRoRYQuYmK1lLic6yhVwBqNmk2FrlbzFziNkPuQaRFCvjR+w8YncMKaSwyADiCwEiS2GSAXAIASJJYZMB8AgBhKUwygC4hAC9lHXoIHbYhE4GwCcEAG7sDgsJ3SjBAKMQoB/sC0m0sapjsAo5W1iFNIG33wbevjPnKiTqAOIhWIWE3mEq5AO0vpPvRxB6+84wCpH49dYCMZxgFNIIxKBtIQxFDts0Y7/4ppoE6HfyqOqUrso3JitdcgsOo5CjhywrosD7yTmFycolxj0E5hWEHURGIXt35AERAxfo7/jdjxBDedhiFDLbXjBCxDZjxLyLw4DT45kCz+VrYecOOog4tM0l/g0qLhHwaUZdlRvXdRmFJI+PEMbL3rNGhZChQshQIWSoEDJUCBkqhAwVQobU0MkjBOqtAjFD37O/kAgmIeR7V+WFQJxgmKzcAPgpEUvikEV7/3osBx50MzkSQorY0w18MVkpNqtK4pB1DaCxzT5FLiF4I0vqpH4BHR0ehV72kqFCyFAhZKgQMiRO6i36yfiNQKxdLJDQvwFJCFl2Vb4SiLOP2mTlFxDWYO1C4pDVCMQ4BmUN1i6keuozgTg7sbNtk+kDSRyyrgD8Yq2lZUOvsshQIWSoEDJUCBkqhAwVQoYKIUOFkKFCyHAVkszYUGq4CllNmcSJ4fVHMk5Cuipf+wY+UV7h+SBmpzmGf1fOyjn6G0BJ111NRI1x8+MP4iVEmR69yiJDhZChQshQIWSoEDJUCBl/AP0NCFLOfSvlAAAAAElFTkSuQmCC"/>
+</defs>
+</svg>