diff --git a/components/ui/icons/FiAlertTriangle.vue b/components/ui/icons/FiAlertTriangle.vue
new file mode 100644
index 0000000..88ff74e
--- /dev/null
+++ b/components/ui/icons/FiAlertTriangle.vue
@@ -0,0 +1,21 @@
+<template>
+  <svg
+    stroke="currentColor"
+    fill="none"
+    stroke-width="2"
+    viewBox="0 0 24 24"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="h-6 w-6 text-red-600"
+    aria-hidden="true"
+    height="1em"
+    width="1em"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"
+    ></path>
+    <line x1="12" y1="9" x2="12" y2="13"></line>
+    <line x1="12" y1="17" x2="12.01" y2="17"></line>
+  </svg>
+</template>
diff --git a/components/ui/icons/GithubIcon.vue b/components/ui/icons/GithubIcon.vue
new file mode 100644
index 0000000..e7c0758
--- /dev/null
+++ b/components/ui/icons/GithubIcon.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg
+    stroke="currentColor"
+    fill="currentColor"
+    stroke-width="0"
+    viewBox="0 0 16 16"
+    height="1em"
+    width="1em"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
+    ></path>
+  </svg>
+</template>
diff --git a/components/ui/icons/GoogleIcon.vue b/components/ui/icons/GoogleIcon.vue
new file mode 100644
index 0000000..7fc80ef
--- /dev/null
+++ b/components/ui/icons/GoogleIcon.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg
+    stroke="currentColor"
+    fill="currentColor"
+    stroke-width="0"
+    viewBox="0 0 16 16"
+    height="1em"
+    width="1em"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z"
+    ></path>
+  </svg>
+</template>
diff --git a/components/ui/icons/HiArrowLeftOnRectangle.vue b/components/ui/icons/HiArrowLeftOnRectangle.vue
new file mode 100644
index 0000000..967e96c
--- /dev/null
+++ b/components/ui/icons/HiArrowLeftOnRectangle.vue
@@ -0,0 +1,19 @@
+<template>
+  <svg
+    stroke="currentColor"
+    fill="currentColor"
+    stroke-width="0"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
+    class="h-6 w-6 shrink-0"
+    height="1em"
+    width="1em"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      d="M7.5 3.75A1.5 1.5 0 006 5.25v13.5a1.5 1.5 0 001.5 1.5h6a1.5 1.5 0 001.5-1.5V15a.75.75 0 011.5 0v3.75a3 3 0 01-3 3h-6a3 3 0 01-3-3V5.25a3 3 0 013-3h6a3 3 0 013 3V9A.75.75 0 0115 9V5.25a1.5 1.5 0 00-1.5-1.5h-6zm5.03 4.72a.75.75 0 010 1.06l-1.72 1.72h10.94a.75.75 0 010 1.5H10.81l1.72 1.72a.75.75 0 11-1.06 1.06l-3-3a.75.75 0 010-1.06l3-3a.75.75 0 011.06 0z"
+      clip-rule="evenodd"
+    ></path>
+  </svg>
+</template>
diff --git a/components/ui/icons/HiChat.vue b/components/ui/icons/HiChat.vue
new file mode 100644
index 0000000..d98047f
--- /dev/null
+++ b/components/ui/icons/HiChat.vue
@@ -0,0 +1,19 @@
+<template>
+  <svg
+    stroke="currentColor"
+    fill="currentColor"
+    stroke-width="0"
+    viewBox="0 0 20 20"
+    aria-hidden="true"
+    class="h-6 w-6 shrink-0"
+    height="1em"
+    width="1em"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      d="M18 10c0 3.866-3.582 7-8 7a8.841 8.841 0 01-4.083-.98L2 17l1.338-3.123C2.493 12.767 2 11.434 2 10c0-3.866 3.582-7 8-7s8 3.134 8 7zM7 9H5v2h2V9zm8 0h-2v2h2V9zM9 9h2v2H9V9z"
+      clip-rule="evenodd"
+    ></path>
+  </svg>
+</template>
diff --git a/components/ui/icons/HiChevronLeft.vue b/components/ui/icons/HiChevronLeft.vue
new file mode 100644
index 0000000..62dc602
--- /dev/null
+++ b/components/ui/icons/HiChevronLeft.vue
@@ -0,0 +1,18 @@
+<template>
+  <svg
+    stroke="currentColor"
+    fill="currentColor"
+    stroke-width="0"
+    viewBox="0 0 20 20"
+    aria-hidden="true"
+    height="32"
+    width="32"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
+      clip-rule="evenodd"
+    ></path>
+  </svg>
+</template>
diff --git a/components/ui/icons/HiEllipsisHorizontal.vue b/components/ui/icons/HiEllipsisHorizontal.vue
new file mode 100644
index 0000000..d208c16
--- /dev/null
+++ b/components/ui/icons/HiEllipsisHorizontal.vue
@@ -0,0 +1,19 @@
+<template>
+  <svg
+    stroke="currentColor"
+    fill="currentColor"
+    stroke-width="0"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
+    class="text-sky-500 cursor-pointer hover:text-sky-600 transition"
+    height="32"
+    width="32"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      d="M4.5 12a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zm6 0a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zm6 0a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z"
+      clip-rule="evenodd"
+    ></path>
+  </svg>
+</template>
diff --git a/components/ui/icons/HiPaperAirplane.vue b/components/ui/icons/HiPaperAirplane.vue
new file mode 100644
index 0000000..c73f737
--- /dev/null
+++ b/components/ui/icons/HiPaperAirplane.vue
@@ -0,0 +1,17 @@
+<template>
+  <svg
+    stroke="currentColor"
+    fill="currentColor"
+    stroke-width="0"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
+    class="text-white"
+    height="18"
+    width="18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M3.478 2.405a.75.75 0 00-.926.94l2.432 7.905H13.5a.75.75 0 010 1.5H4.984l-2.432 7.905a.75.75 0 00.926.94 60.519 60.519 0 0018.445-8.986.75.75 0 000-1.218A60.517 60.517 0 003.478 2.405z"
+    ></path>
+  </svg>
+</template>
diff --git a/components/ui/icons/HiPhoto.vue b/components/ui/icons/HiPhoto.vue
new file mode 100644
index 0000000..8e43998
--- /dev/null
+++ b/components/ui/icons/HiPhoto.vue
@@ -0,0 +1,19 @@
+<template>
+  <svg
+    stroke="currentColor"
+    fill="currentColor"
+    stroke-width="0"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
+    class="text-sky-500"
+    height="30"
+    width="30"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      d="M1.5 6a2.25 2.25 0 012.25-2.25h16.5A2.25 2.25 0 0122.5 6v12a2.25 2.25 0 01-2.25 2.25H3.75A2.25 2.25 0 011.5 18V6zM3 16.06V18c0 .414.336.75.75.75h16.5A.75.75 0 0021 18v-1.94l-2.69-2.689a1.5 1.5 0 00-2.12 0l-.88.879.97.97a.75.75 0 11-1.06 1.06l-5.16-5.159a1.5 1.5 0 00-2.12 0L3 16.061zm10.125-7.81a1.125 1.125 0 112.25 0 1.125 1.125 0 01-2.25 0z"
+      clip-rule="evenodd"
+    ></path>
+  </svg>
+</template>
diff --git a/components/ui/icons/HiUsers.vue b/components/ui/icons/HiUsers.vue
new file mode 100644
index 0000000..0fa9ac8
--- /dev/null
+++ b/components/ui/icons/HiUsers.vue
@@ -0,0 +1,17 @@
+<template>
+  <svg
+    stroke="currentColor"
+    fill="currentColor"
+    stroke-width="0"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
+    class="h-6 w-6 shrink-0"
+    height="1em"
+    width="1em"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M4.5 6.375a4.125 4.125 0 118.25 0 4.125 4.125 0 01-8.25 0zM14.25 8.625a3.375 3.375 0 116.75 0 3.375 3.375 0 01-6.75 0zM1.5 19.125a7.125 7.125 0 0114.25 0v.003l-.001.119a.75.75 0 01-.363.63 13.067 13.067 0 01-6.761 1.873c-2.472 0-4.786-.684-6.76-1.873a.75.75 0 01-.364-.63l-.001-.122zM17.25 19.128l-.001.144a2.25 2.25 0 01-.233.96 10.088 10.088 0 005.06-1.01.75.75 0 00.42-.643 4.875 4.875 0 00-6.957-4.611 8.586 8.586 0 011.71 5.157v.003z"
+    ></path>
+  </svg>
+</template>
diff --git a/components/ui/icons/MdOutlineGroupAdd.vue b/components/ui/icons/MdOutlineGroupAdd.vue
new file mode 100644
index 0000000..603da3e
--- /dev/null
+++ b/components/ui/icons/MdOutlineGroupAdd.vue
@@ -0,0 +1,19 @@
+<template>
+  <svg
+    stroke="currentColor"
+    fill="currentColor"
+    stroke-width="0"
+    viewBox="0 0 24 24"
+    height="20"
+    width="20"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none">
+      <path d="M0 0h24v24H0z"></path>
+      <path d="M0 0h24v24H0z"></path>
+    </g>
+    <path
+      d="M22 9V7h-2v2h-2v2h2v2h2v-2h2V9zM8 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM8 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H2v-.99C2.2 16.29 5.3 15 8 15s5.8 1.29 6 2v1zM12.51 4.05C13.43 5.11 14 6.49 14 8s-.57 2.89-1.49 3.95C14.47 11.7 16 10.04 16 8s-1.53-3.7-3.49-3.95zM16.53 13.83C17.42 14.66 18 15.7 18 17v3h2v-3c0-1.45-1.59-2.51-3.47-3.17z"
+    ></path>
+  </svg>
+</template>
diff --git a/components/ui/icons/ModalCloseIcon.vue b/components/ui/icons/ModalCloseIcon.vue
new file mode 100644
index 0000000..994c2fe
--- /dev/null
+++ b/components/ui/icons/ModalCloseIcon.vue
@@ -0,0 +1,13 @@
+<template>
+  <svg
+    stroke="currentColor"
+    fill="currentColor"
+    stroke-width="0"
+    viewBox="0 0 512 512"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"
+    ></path>
+  </svg>
+</template>