diff --git a/frontend/src/components/Activities.vue b/frontend/src/components/Activities.vue
index 57c86c23..8d96e5ba 100644
--- a/frontend/src/components/Activities.vue
+++ b/frontend/src/components/Activities.vue
@@ -932,7 +932,7 @@ import MultipleAvatar from '@/components/MultipleAvatar.vue'
 import EmailContent from '@/components/EmailContent.vue'
 import UserAvatar from '@/components/UserAvatar.vue'
 import ActivityIcon from '@/components/Icons/ActivityIcon.vue'
-import EmailIcon from '@/components/Icons/EmailIcon.vue'
+import Email2Icon from '@/components/Icons/Email2Icon.vue'
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
 import NoteIcon from '@/components/Icons/NoteIcon.vue'
 import TaskIcon from '@/components/Icons/TaskIcon.vue'
@@ -1115,7 +1115,7 @@ const replyMessage = ref({})
 const defaultActions = computed(() => {
   let actions = [
     {
-      icon: h(EmailIcon, { class: 'h-4 w-4' }),
+      icon: h(Email2Icon, { class: 'h-4 w-4' }),
       label: __('New Email'),
       onClick: () => (emailBox.value.show = true),
     },
@@ -1252,7 +1252,7 @@ const emptyText = computed(() => {
 const emptyTextIcon = computed(() => {
   let icon = ActivityIcon
   if (props.title == 'Emails') {
-    icon = EmailIcon
+    icon = Email2Icon
   } else if (props.title == 'Comments') {
     icon = CommentIcon
   } else if (props.title == 'Calls') {
diff --git a/frontend/src/components/CommunicationArea.vue b/frontend/src/components/CommunicationArea.vue
index 6e5e419c..3bab4737 100644
--- a/frontend/src/components/CommunicationArea.vue
+++ b/frontend/src/components/CommunicationArea.vue
@@ -9,7 +9,7 @@
         @click="toggleEmailBox()"
       >
         <template #prefix>
-          <EmailIcon class="h-4" />
+          <Email2Icon class="h-4" />
         </template>
       </Button>
       <Button
@@ -87,7 +87,7 @@
 import EmailEditor from '@/components/EmailEditor.vue'
 import CommentBox from '@/components/CommentBox.vue'
 import CommentIcon from '@/components/Icons/CommentIcon.vue'
-import EmailIcon from '@/components/Icons/EmailIcon.vue'
+import Email2Icon from '@/components/Icons/Email2Icon.vue'
 import { usersStore } from '@/stores/users'
 import { useStorage } from '@vueuse/core'
 import { call, createResource } from 'frappe-ui'
diff --git a/frontend/src/components/EmailEditor.vue b/frontend/src/components/EmailEditor.vue
index 2398aba5..4e7cc5aa 100644
--- a/frontend/src/components/EmailEditor.vue
+++ b/frontend/src/components/EmailEditor.vue
@@ -143,7 +143,7 @@
               @click="showEmailTemplateSelectorModal = true"
             >
               <template #icon>
-                <EmailIcon class="h-4" />
+                <Email2Icon class="h-4" />
               </template>
             </Button>
           </div>
@@ -169,7 +169,7 @@
 <script setup>
 import IconPicker from '@/components/IconPicker.vue'
 import SmileIcon from '@/components/Icons/SmileIcon.vue'
-import EmailIcon from '@/components/Icons/EmailIcon.vue'
+import Email2Icon from '@/components/Icons/Email2Icon.vue'
 import AttachmentIcon from '@/components/Icons/AttachmentIcon.vue'
 import AttachmentItem from '@/components/AttachmentItem.vue'
 import MultiselectInput from '@/components/Controls/MultiselectInput.vue'
diff --git a/frontend/src/components/Icons/ActivityIcon.vue b/frontend/src/components/Icons/ActivityIcon.vue
index 6b2962a2..930d5506 100644
--- a/frontend/src/components/Icons/ActivityIcon.vue
+++ b/frontend/src/components/Icons/ActivityIcon.vue
@@ -9,7 +9,7 @@
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
-      d="M4.23264 0.640137C4.50878 0.640137 4.73264 0.863994 4.73264 1.14014V2.21646L5.00391 2.21638H11.0039C11.0946 2.21638 11.1824 2.21638 11.2674 2.21645V1.14014C11.2674 0.863994 11.4912 0.640137 11.7674 0.640137C12.0435 0.640137 12.2674 0.863994 12.2674 1.14014V2.21729C12.2674 2.22121 12.2673 2.22513 12.2672 2.22904C12.886 2.25159 13.2963 2.31433 13.6389 2.48886C14.1093 2.72855 14.4917 3.111 14.7314 3.5814C15.0039 4.11618 15.0039 4.81625 15.0039 6.21638V11.0164C15.0039 12.4165 15.0039 13.1166 14.7314 13.6514C14.4917 14.1218 14.1093 14.5042 13.6389 14.7439C13.1041 15.0164 12.404 15.0164 11.0039 15.0164H5.00391C3.60378 15.0164 2.90371 15.0164 2.36893 14.7439C1.89852 14.5042 1.51607 14.1218 1.27639 13.6514C1.00391 13.1166 1.00391 12.4165 1.00391 11.0164V6.21638C1.00391 4.81625 1.00391 4.11618 1.27639 3.5814C1.51607 3.111 1.89852 2.72855 2.36893 2.48886C2.71004 2.31506 3.1184 2.25212 3.73278 2.22932L3.73264 2.21729V1.14014C3.73264 0.863994 3.9565 0.640137 4.23264 0.640137ZM11.0039 3.21638H5.00391C4.28734 3.21638 3.81006 3.21716 3.44334 3.24712C3.0883 3.27613 2.92584 3.32743 2.82292 3.37987C2.54068 3.52368 2.31121 3.75315 2.1674 4.0354C2.11496 4.13832 2.06365 4.30078 2.03465 4.65582C2.0074 4.98935 2.00429 5.41434 2.00395 6.02764C2.02879 6.02384 2.05424 6.02186 2.08015 6.02186H13.9197C13.9484 6.02186 13.9765 6.02428 14.0039 6.02892C14.0035 5.41493 14.0004 4.98958 13.9732 4.65582C13.9442 4.30078 13.8929 4.13832 13.8404 4.0354C13.6966 3.75315 13.4671 3.52368 13.1849 3.37987C13.082 3.32743 12.9195 3.27613 12.5645 3.24712C12.1978 3.21716 11.7205 3.21638 11.0039 3.21638ZM14.0039 7.0148C13.9765 7.01945 13.9484 7.02186 13.9197 7.02186H2.08015C2.05423 7.02186 2.02877 7.01989 2.00391 7.01609V11.0164C2.00391 11.7329 2.00468 12.2102 2.03465 12.5769C2.06365 12.932 2.11496 13.0944 2.1674 13.1974C2.31121 13.4796 2.54068 13.7091 2.82292 13.8529C2.92584 13.9053 3.0883 13.9566 3.44334 13.9856C3.81006 14.0156 4.28734 14.0164 5.00391 14.0164H11.0039C11.7205 14.0164 12.1978 14.0156 12.5645 13.9856C12.9195 13.9566 13.082 13.9053 13.1849 13.8529C13.4671 13.7091 13.6966 13.4796 13.8404 13.1974C13.8929 13.0944 13.9442 12.932 13.9732 12.5769C14.0031 12.2102 14.0039 11.7329 14.0039 11.0164V7.0148ZM9.62 11.3961C9.62 11.0241 9.62 10.838 9.66889 10.6875C9.7678 10.3829 10.0066 10.1441 10.3111 10.0452C10.4617 9.99634 10.6477 9.99634 11.0198 9.99634H11.2531C11.6252 9.99634 11.8112 9.99634 11.9618 10.0452C12.2663 10.1441 12.5051 10.3829 12.604 10.6875C12.6529 10.838 12.6529 11.0241 12.6529 11.3961C12.6529 11.7682 12.6529 11.9542 12.604 12.1048C12.5051 12.4094 12.2663 12.6481 11.9618 12.747C11.8112 12.7959 11.6252 12.7959 11.2531 12.7959H11.0198C10.6477 12.7959 10.4617 12.7959 10.3111 12.747C10.0066 12.6481 9.7678 12.4094 9.66889 12.1048C9.62 11.9542 9.62 11.7682 9.62 11.3961Z"
+      d="M6.29021 2.64272C6.68375 0.785763 9.33429 0.785757 9.72783 2.64272L10.3657 5.65238L13.3753 6.29021C15.2323 6.68375 15.2323 9.33429 13.3753 9.72783L10.3657 10.3657L9.72783 13.3753C9.33429 15.2323 6.68375 15.2323 6.29021 13.3753L5.65238 10.3657L2.64272 9.72783C0.785763 9.33429 0.785757 6.68375 2.64272 6.29021L5.65238 5.65238L6.29021 2.64272ZM8.74956 2.85004C8.58 2.04999 7.43804 2.04998 7.26848 2.85004L6.56324 6.17777L6.49584 6.49583L6.17777 6.56324L2.85004 7.26848C2.04999 7.43804 2.04998 8.58 2.85004 8.74956L6.17777 9.4548L6.49584 9.5222L6.56324 9.84027L7.26848 13.168C7.43804 13.9681 8.58 13.9681 8.74956 13.168L9.4548 9.84027L9.5222 9.5222L9.84027 9.4548L13.168 8.74956C13.9681 8.58 13.9681 7.43804 13.168 7.26848L9.84027 6.56324L9.5222 6.49583L9.4548 6.17777L8.74956 2.85004Z"
       fill="currentColor"
     />
   </svg>
diff --git a/frontend/src/components/Icons/DurationIcon.vue b/frontend/src/components/Icons/DurationIcon.vue
index 3a88cfc7..e4d1afa6 100644
--- a/frontend/src/components/Icons/DurationIcon.vue
+++ b/frontend/src/components/Icons/DurationIcon.vue
@@ -1,24 +1,23 @@
 <template>
   <svg
-    width="16"
-    height="16"
-    viewBox="0 0 16 16"
+    width="12"
+    height="12"
+    viewBox="0 0 12 12"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <path
-      d="M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8Z"
-      stroke="currentColor"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M8.00024 4.97693V8.00018L10.1666 10.1667"
-      stroke="currentColor"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
+    <g clip-path="url(#clip0_4750_5685)">
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M10.4375 6C10.4375 8.45076 8.45076 10.4375 6 10.4375C3.54924 10.4375 1.5625 8.45076 1.5625 6C1.5625 3.54924 3.54924 1.5625 6 1.5625C8.45076 1.5625 10.4375 3.54924 10.4375 6ZM11.4375 6C11.4375 9.00305 9.00305 11.4375 6 11.4375C2.99695 11.4375 0.5625 9.00305 0.5625 6C0.5625 2.99695 2.99695 0.5625 6 0.5625C9.00305 0.5625 11.4375 2.99695 11.4375 6ZM9.00005 5.50004C9.27619 5.50004 9.50004 5.72391 9.50004 6.00005C9.50004 6.27619 9.27618 6.50004 9.00003 6.50004L6.25001 6.5C5.8358 6.49999 5.50003 6.16421 5.50002 5.75L5.5 3C5.5 2.72386 5.72385 2.5 6 2.5C6.27614 2.5 6.5 2.72385 6.5 3L6.50002 5.5L9.00005 5.50004Z"
+        fill="currentColor"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_4750_5685">
+        <rect width="12" height="12" fill="white" />
+      </clipPath>
+    </defs>
   </svg>
 </template>
diff --git a/frontend/src/components/Icons/Email2Icon.vue b/frontend/src/components/Icons/Email2Icon.vue
new file mode 100644
index 00000000..162a9428
--- /dev/null
+++ b/frontend/src/components/Icons/Email2Icon.vue
@@ -0,0 +1,16 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4.00013 2C2.34328 2 1.00013 3.34315 1.00013 5V5.48845C0.999957 5.49602 0.999957 5.50357 1.00013 5.51111V11C1.00013 12.6569 2.34328 14 4.00013 14H12.0001C13.657 14 15.0001 12.6569 15.0001 11V5.51111C15.0003 5.50357 15.0003 5.49602 15.0001 5.48845V5C15.0001 3.34315 13.657 2 12.0001 2H4.00013ZM14.0001 5.16863V5C14.0001 3.89543 13.1047 3 12.0001 3H4.00013C2.89556 3 2.00013 3.89543 2.00013 5V5.16863L7.80531 7.62467C7.92985 7.67736 8.07041 7.67736 8.19495 7.62467L14.0001 5.16863ZM2.00013 6.25445V11C2.00013 12.1046 2.89556 13 4.00013 13H12.0001C13.1047 13 14.0001 12.1046 14.0001 11V6.25445L8.58459 8.54564C8.21098 8.7037 7.78928 8.7037 7.41567 8.54564L2.00013 6.25445Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
diff --git a/frontend/src/components/Icons/EmailIcon.vue b/frontend/src/components/Icons/EmailIcon.vue
index 162a9428..a0054c30 100644
--- a/frontend/src/components/Icons/EmailIcon.vue
+++ b/frontend/src/components/Icons/EmailIcon.vue
@@ -9,7 +9,7 @@
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
-      d="M4.00013 2C2.34328 2 1.00013 3.34315 1.00013 5V5.48845C0.999957 5.49602 0.999957 5.50357 1.00013 5.51111V11C1.00013 12.6569 2.34328 14 4.00013 14H12.0001C13.657 14 15.0001 12.6569 15.0001 11V5.51111C15.0003 5.50357 15.0003 5.49602 15.0001 5.48845V5C15.0001 3.34315 13.657 2 12.0001 2H4.00013ZM14.0001 5.16863V5C14.0001 3.89543 13.1047 3 12.0001 3H4.00013C2.89556 3 2.00013 3.89543 2.00013 5V5.16863L7.80531 7.62467C7.92985 7.67736 8.07041 7.67736 8.19495 7.62467L14.0001 5.16863ZM2.00013 6.25445V11C2.00013 12.1046 2.89556 13 4.00013 13H12.0001C13.1047 13 14.0001 12.1046 14.0001 11V6.25445L8.58459 8.54564C8.21098 8.7037 7.78928 8.7037 7.41567 8.54564L2.00013 6.25445Z"
+      d="M13.75 7.06416V12.1549C13.75 12.9834 13.0784 13.6549 12.25 13.6549H3.75C2.92157 13.6549 2.25 12.9834 2.25 12.1549V7.06416L6.81475 9.5221C7.55469 9.92053 8.44531 9.92053 9.18525 9.5221L13.75 7.06416ZM13.7469 5.93008C13.7137 5.41511 13.4172 4.95039 12.9583 4.70457L8.70833 2.42778C8.26586 2.19074 7.73414 2.19074 7.29167 2.42778L3.04167 4.70457C2.5828 4.95039 2.28629 5.41511 2.25311 5.93008L7.28885 8.64163C7.73282 8.88069 8.26719 8.88069 8.71115 8.64163L13.7469 5.93008ZM1.25 6.02679C1.25 5.10517 1.75706 4.25829 2.56945 3.82309L6.81945 1.5463C7.55691 1.15123 8.4431 1.15123 9.18055 1.5463L13.4306 3.82309C14.2429 4.25829 14.75 5.10517 14.75 6.02679V12.1549C14.75 13.5356 13.6307 14.6549 12.25 14.6549H3.75C2.36929 14.6549 1.25 13.5356 1.25 12.1549V6.02679Z"
       fill="currentColor"
     />
   </svg>
diff --git a/frontend/src/components/Icons/PhoneIcon.vue b/frontend/src/components/Icons/PhoneIcon.vue
index 55a25228..46ad9beb 100644
--- a/frontend/src/components/Icons/PhoneIcon.vue
+++ b/frontend/src/components/Icons/PhoneIcon.vue
@@ -9,7 +9,7 @@
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
-      d="M3.95261 2.54013C3.92303 2.49299 3.85702 2.48621 3.81848 2.52636L2.78471 3.60321C2.49482 3.90517 2.42116 4.33187 2.58819 4.68366C2.84576 5.22612 3.21972 5.95835 3.69625 6.74891L5.43369 5.02622C5.4621 4.99804 5.46718 4.95393 5.44592 4.92004L3.95261 2.54013ZM4.24557 7.61247L6.13777 5.73633C6.49846 5.37871 6.56294 4.81878 6.29297 4.38854L4.79967 2.00863C4.42421 1.41026 3.5863 1.32423 3.09709 1.83383L2.06332 2.91068C1.50616 3.49105 1.32727 4.35947 1.68485 5.11258C2.28387 6.37416 3.52537 8.7043 5.26633 10.4746C7.06225 12.3007 9.57147 13.7019 10.8502 14.3515C11.5427 14.7033 12.3553 14.5979 12.9518 14.1386L14.0767 13.2726C14.6547 12.8276 14.638 11.9504 14.0434 11.5278L11.6812 9.8484C11.2786 9.56215 10.7334 9.58388 10.3549 9.90126L8.26183 11.6559C7.46601 11.1043 6.66352 10.4691 5.97931 9.77337C5.32709 9.11017 4.74568 8.35658 4.24557 7.61247ZM9.13278 12.2307C9.97096 12.7581 10.7473 13.1776 11.3031 13.4599C11.6307 13.6264 12.0315 13.5851 12.3417 13.3463L13.4666 12.4802C13.5122 12.4452 13.5109 12.3761 13.464 12.3428L11.1018 10.6634C11.0701 10.6409 11.0271 10.6426 10.9973 10.6676L9.13278 12.2307Z"
+      d="M2.67754 2.70675C2.53628 2.84008 2.44787 3.03363 2.46988 3.29885C2.47828 3.40004 2.4869 3.50717 2.49497 3.61981C2.63494 4.75003 2.9076 5.83579 3.29638 6.82863L4.1395 6.29907C5.02533 5.74269 5.45257 4.67951 5.19805 3.66489L4.98918 2.83225C4.93526 2.61729 4.74204 2.46656 4.52043 2.46656H3.36772C3.06265 2.46656 2.82575 2.56686 2.67754 2.70675ZM3.69508 7.71962L4.6536 7.11757C5.89375 6.33864 6.49189 4.85019 6.13556 3.42971L5.9267 2.59708C5.76493 1.9522 5.18528 1.5 4.52043 1.5H3.36772C2.85467 1.5 2.368 1.66981 2.01409 2.00386C1.65323 2.34447 1.46097 2.82869 1.50663 3.3788C1.51521 3.48212 1.52381 3.58915 1.53174 3.70087L1.53262 3.71327L1.53414 3.72561C1.70903 5.14795 2.08181 6.51379 2.62992 7.73832C2.8107 8.1422 3.76654 10.0804 5.03876 11.2498C6.27205 12.3833 6.85696 12.7556 8.29758 13.4488L8.31072 13.4551L8.32421 13.4606C9.77742 14.0548 11.0901 14.3742 12.5272 14.4965C13.6361 14.5909 14.4998 13.677 14.4998 12.6231V11.5096C14.4998 10.8539 14.0598 10.2799 13.4267 10.1095L12.6539 9.90153C11.1864 9.50659 9.63455 10.1384 8.86371 11.4495C8.67966 11.7625 8.49178 12.0826 8.3163 12.3822C7.24188 11.8473 6.72935 11.4908 5.69284 10.5382C4.79599 9.71382 4.04577 8.4042 3.69508 7.71962ZM9.21019 12.7685C10.3726 13.198 11.4466 13.4344 12.6092 13.5334C13.096 13.5749 13.5332 13.1706 13.5332 12.6231V11.5096C13.5332 11.291 13.3866 11.0997 13.1755 11.0429L12.4027 10.8349C11.3541 10.5527 10.2467 11.0044 9.69692 11.9394C9.53381 12.2168 9.3678 12.4995 9.21019 12.7685Z"
       fill="currentColor"
     />
   </svg>
diff --git a/frontend/src/components/Icons/TaskIcon.vue b/frontend/src/components/Icons/TaskIcon.vue
index 5dd1fb1e..660cfb85 100644
--- a/frontend/src/components/Icons/TaskIcon.vue
+++ b/frontend/src/components/Icons/TaskIcon.vue
@@ -6,18 +6,11 @@
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <g clip-path="url(#clip0_3692_15849)">
-      <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M14.25 8C14.25 11.4518 11.4518 14.25 8 14.25C4.54822 14.25 1.75 11.4518 1.75 8C1.75 4.54822 4.54822 1.75 8 1.75C11.4518 1.75 14.25 4.54822 14.25 8ZM15.25 8C15.25 12.0041 12.0041 15.25 8 15.25C3.99594 15.25 0.75 12.0041 0.75 8C0.75 3.99594 3.99594 0.75 8 0.75C12.0041 0.75 15.25 3.99594 15.25 8ZM11.2909 5.98482C11.4666 5.77175 11.4363 5.45663 11.2232 5.28096C11.0101 5.1053 10.695 5.13561 10.5193 5.34868L7.07001 9.53239L5.72845 7.79857C5.55946 7.58018 5.24543 7.54012 5.02703 7.70911C4.80863 7.8781 4.76858 8.19214 4.93756 8.41053L6.66217 10.6394C6.7552 10.7596 6.89788 10.831 7.04988 10.8334C7.20188 10.8357 7.3467 10.7688 7.4434 10.6515L11.2909 5.98482Z"
-        fill="currentColor"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_3692_15849">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M10.3396 2.75011C9.20746 2.24565 7.94257 2.12068 6.73358 2.39383C5.52459 2.66699 4.43629 3.32363 3.63099 4.26584C2.82568 5.20804 2.34652 6.38532 2.26497 7.6221C2.18342 8.85887 2.50384 10.0889 3.17845 11.1287C3.85307 12.1685 4.84572 12.9623 6.00837 13.3919C7.17102 13.8214 8.44138 13.8636 9.62998 13.5122C10.8186 13.1607 11.8617 12.4345 12.6039 11.4418C13.3459 10.4491 13.7473 9.24321 13.748 8.00385C13.748 8.00376 13.748 8.00366 13.748 8.00357L13.748 8.00385M13.748 8.00357L13.748 7.42885C13.748 7.15148 13.9729 6.92662 14.2503 6.92662C14.5277 6.92662 14.7525 7.15148 14.7525 7.42885V8.00385V8.00414C14.7517 9.46021 14.2802 10.877 13.4084 12.0432C12.5365 13.2094 11.3111 14.0626 9.91478 14.4754C8.51846 14.8883 7.02611 14.8387 5.66027 14.3341C4.29444 13.8295 3.12831 12.8969 2.3358 11.6754C1.5433 10.4539 1.16688 9.00892 1.26268 7.55601C1.35849 6.1031 1.92138 4.72008 2.86742 3.61322C3.81346 2.50635 5.09195 1.73495 6.51221 1.41406C7.93248 1.09317 9.41843 1.23999 10.7484 1.8326C11.0018 1.9455 11.1157 2.2424 11.0028 2.49577C10.8899 2.74913 10.593 2.863 10.3396 2.75011M14.6052 2.64497C14.8015 2.84101 14.8016 3.159 14.6056 3.35523L8.35559 9.61148C8.26142 9.70575 8.13365 9.75873 8.0004 9.75876C7.86716 9.75879 7.73936 9.70588 7.64515 9.61166L5.77015 7.73666C5.57401 7.54053 5.57401 7.22253 5.77015 7.0264C5.96628 6.83026 6.28428 6.83026 6.48041 7.0264L8.0001 8.54609L13.895 2.64532C14.091 2.44909 14.409 2.44893 14.6052 2.64497Z"
+      fill="currentColor"
+    />
   </svg>
 </template>
diff --git a/frontend/src/components/Layouts/AppSidebar.vue b/frontend/src/components/Layouts/AppSidebar.vue
index e6e47a92..1c0a017a 100644
--- a/frontend/src/components/Layouts/AppSidebar.vue
+++ b/frontend/src/components/Layouts/AppSidebar.vue
@@ -97,7 +97,7 @@
 
 <script setup>
 import Section from '@/components/Section.vue'
-import EmailIcon from '@/components/Icons/EmailIcon.vue'
+import Email2Icon from '@/components/Icons/Email2Icon.vue'
 import PinIcon from '@/components/Icons/PinIcon.vue'
 import UserDropdown from '@/components/UserDropdown.vue'
 import LeadsIcon from '@/components/Icons/LeadsIcon.vue'
@@ -160,7 +160,7 @@ const links = [
   },
   {
     label: 'Email Templates',
-    icon: EmailIcon,
+    icon: Email2Icon,
     to: 'Email Templates',
   },
 ]
diff --git a/frontend/src/components/Mobile/MobileSidebar.vue b/frontend/src/components/Mobile/MobileSidebar.vue
index 353934a3..bc06f5b6 100644
--- a/frontend/src/components/Mobile/MobileSidebar.vue
+++ b/frontend/src/components/Mobile/MobileSidebar.vue
@@ -88,7 +88,7 @@ import {
   DialogOverlay,
 } from '@headlessui/vue'
 import Section from '@/components/Section.vue'
-import EmailIcon from '@/components/Icons/EmailIcon.vue'
+import Email2Icon from '@/components/Icons/Email2Icon.vue'
 import PinIcon from '@/components/Icons/PinIcon.vue'
 import UserDropdown from '@/components/UserDropdown.vue'
 import LeadsIcon from '@/components/Icons/LeadsIcon.vue'
@@ -145,7 +145,7 @@ const links = [
   },
   {
     label: 'Email Templates',
-    icon: EmailIcon,
+    icon: Email2Icon,
     to: 'Email Templates',
   },
 ]
diff --git a/frontend/src/components/Modals/ContactModal.vue b/frontend/src/components/Modals/ContactModal.vue
index 3690fa51..36ce459a 100644
--- a/frontend/src/components/Modals/ContactModal.vue
+++ b/frontend/src/components/Modals/ContactModal.vue
@@ -84,7 +84,7 @@
 import Fields from '@/components/Fields.vue'
 import ContactIcon from '@/components/Icons/ContactIcon.vue'
 import GenderIcon from '@/components/Icons/GenderIcon.vue'
-import EmailIcon from '@/components/Icons/EmailIcon.vue'
+import Email2Icon from '@/components/Icons/Email2Icon.vue'
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
 import OrganizationsIcon from '@/components/Icons/OrganizationsIcon.vue'
 import AddressIcon from '@/components/Icons/AddressIcon.vue'
@@ -208,7 +208,7 @@ const detailFields = computed(() => {
       value: _contact.value.gender,
     },
     {
-      icon: EmailIcon,
+      icon: Email2Icon,
       name: 'email_id',
       value: _contact.value.email_id,
     },
diff --git a/frontend/src/pages/Contact.vue b/frontend/src/pages/Contact.vue
index 096edd44..b5e138a0 100644
--- a/frontend/src/pages/Contact.vue
+++ b/frontend/src/pages/Contact.vue
@@ -64,7 +64,7 @@
                 v-if="contact.data.email_id"
                 class="flex items-center gap-1.5"
               >
-                <EmailIcon class="h-4 w-4" />
+                <Email2Icon class="h-4 w-4" />
                 <span class="">{{ contact.data.email_id }}</span>
               </div>
               <span
@@ -227,7 +227,7 @@ import {
 } from 'frappe-ui'
 import Dropdown from '@/components/frappe-ui/Dropdown.vue'
 import LayoutHeader from '@/components/LayoutHeader.vue'
-import EmailIcon from '@/components/Icons/EmailIcon.vue'
+import Email2Icon from '@/components/Icons/Email2Icon.vue'
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
 import EditIcon from '@/components/Icons/EditIcon.vue'
 import CameraIcon from '@/components/Icons/CameraIcon.vue'
diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index 52bf0cca..a54195f1 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -77,7 +77,7 @@
             </Tooltip>
             <Tooltip :text="__('Send an email')">
               <Button class="h-7 w-7">
-                <EmailIcon
+                <Email2Icon
                   class="h-4 w-4"
                   @click="
                     deal.data.email
@@ -240,7 +240,7 @@
                         class="flex flex-col gap-1.5 text-base text-gray-800"
                       >
                         <div class="flex items-center gap-3 pb-1.5 pl-1 pt-4">
-                          <EmailIcon class="h-4 w-4" />
+                          <Email2Icon class="h-4 w-4" />
                           {{ contact.email }}
                         </div>
                         <div class="flex items-center gap-3 p-1 py-1.5">
@@ -306,6 +306,7 @@ import LoadingIndicator from '@/components/Icons/LoadingIndicator.vue'
 import EditIcon from '@/components/Icons/EditIcon.vue'
 import ActivityIcon from '@/components/Icons/ActivityIcon.vue'
 import EmailIcon from '@/components/Icons/EmailIcon.vue'
+import Email2Icon from '@/components/Icons/Email2Icon.vue'
 import CommentIcon from '@/components/Icons/CommentIcon.vue'
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
 import TaskIcon from '@/components/Icons/TaskIcon.vue'
diff --git a/frontend/src/pages/EmailTemplates.vue b/frontend/src/pages/EmailTemplates.vue
index 7dfc6442..970f46df 100644
--- a/frontend/src/pages/EmailTemplates.vue
+++ b/frontend/src/pages/EmailTemplates.vue
@@ -53,7 +53,7 @@
     <div
       class="flex flex-col items-center gap-3 text-xl font-medium text-gray-500"
     >
-      <EmailIcon class="h-10 w-10" />
+      <Email2Icon class="h-10 w-10" />
       <span>{{ __('No {0} Found', [__('Email Templates')]) }}</span>
       <Button :label="__('Create')" @click="showEmailTemplateModal = true">
         <template #prefix><FeatherIcon name="plus" class="h-4" /></template>
@@ -69,7 +69,7 @@
 
 <script setup>
 import CustomActions from '@/components/CustomActions.vue'
-import EmailIcon from '@/components/Icons/EmailIcon.vue'
+import Email2Icon from '@/components/Icons/Email2Icon.vue'
 import LayoutHeader from '@/components/LayoutHeader.vue'
 import ViewControls from '@/components/ViewControls.vue'
 import EmailTemplatesListView from '@/components/ListViews/EmailTemplatesListView.vue'
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index 3b878b63..b4457099 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -128,7 +128,7 @@
                 </Tooltip>
                 <Tooltip :text="__('Send an email')">
                   <Button class="h-7 w-7">
-                    <EmailIcon
+                    <Email2Icon
                       class="h-4 w-4"
                       @click="
                         lead.data.email
@@ -273,6 +273,7 @@ import Resizer from '@/components/Resizer.vue'
 import EditIcon from '@/components/Icons/EditIcon.vue'
 import ActivityIcon from '@/components/Icons/ActivityIcon.vue'
 import EmailIcon from '@/components/Icons/EmailIcon.vue'
+import Email2Icon from '@/components/Icons/Email2Icon.vue'
 import CommentIcon from '@/components/Icons/CommentIcon.vue'
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
 import TaskIcon from '@/components/Icons/TaskIcon.vue'
diff --git a/frontend/src/pages/MobileDeal.vue b/frontend/src/pages/MobileDeal.vue
index fb6ba895..4e40bd3a 100644
--- a/frontend/src/pages/MobileDeal.vue
+++ b/frontend/src/pages/MobileDeal.vue
@@ -180,7 +180,7 @@
                           class="flex flex-col gap-1.5 text-base text-gray-800"
                         >
                           <div class="flex items-center gap-3 pb-1.5 pl-1 pt-4">
-                            <EmailIcon class="h-4 w-4" />
+                            <Email2Icon class="h-4 w-4" />
                             {{ contact.email }}
                           </div>
                           <div class="flex items-center gap-3 p-1 py-1.5">
@@ -249,6 +249,7 @@ import DetailsIcon from '@/components/Icons/DetailsIcon.vue'
 import LoadingIndicator from '@/components/Icons/LoadingIndicator.vue'
 import ActivityIcon from '@/components/Icons/ActivityIcon.vue'
 import EmailIcon from '@/components/Icons/EmailIcon.vue'
+import Email2Icon from '@/components/Icons/Email2Icon.vue'
 import CommentIcon from '@/components/Icons/CommentIcon.vue'
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
 import TaskIcon from '@/components/Icons/TaskIcon.vue'
diff --git a/frontend/src/pages/Tasks.vue b/frontend/src/pages/Tasks.vue
index 542eb5ea..f748c765 100644
--- a/frontend/src/pages/Tasks.vue
+++ b/frontend/src/pages/Tasks.vue
@@ -177,7 +177,7 @@
     <div
       class="flex flex-col items-center gap-3 text-xl font-medium text-gray-500"
     >
-      <EmailIcon class="h-10 w-10" />
+      <Email2Icon class="h-10 w-10" />
       <span>{{ __('No {0} Found', [__('Tasks')]) }}</span>
       <Button :label="__('Create')" @click="showTaskModal = true">
         <template #prefix><FeatherIcon name="plus" class="h-4" /></template>
@@ -197,7 +197,7 @@ import CustomActions from '@/components/CustomActions.vue'
 import ArrowUpRightIcon from '@/components/Icons/ArrowUpRightIcon.vue'
 import TaskStatusIcon from '@/components/Icons/TaskStatusIcon.vue'
 import TaskPriorityIcon from '@/components/Icons/TaskPriorityIcon.vue'
-import EmailIcon from '@/components/Icons/EmailIcon.vue'
+import Email2Icon from '@/components/Icons/Email2Icon.vue'
 import LayoutHeader from '@/components/LayoutHeader.vue'
 import ViewControls from '@/components/ViewControls.vue'
 import TasksListView from '@/components/ListViews/TasksListView.vue'