diff --git a/web/ASC.Web.Components/src/components/icons/svg/index.js b/web/ASC.Web.Components/src/components/icons/svg/index.js
index c2d89ab3f1..e377c39079 100644
--- a/web/ASC.Web.Components/src/components/icons/svg/index.js
+++ b/web/ASC.Web.Components/src/components/icons/svg/index.js
@@ -23,6 +23,7 @@ import OrigCalendarCheckedIcon from './calendar.checked.react.svg';
 import OrigCrmIcon from './crm.react.svg';
 import OrigDocumentsIcon from './documents.react.svg';
 import OrigFollowIcon from './follow.react.svg';
+import OrigMailIcon from './mail.react.svg';
 
 
 export const PeopleIcon = createStyledIcon(
@@ -121,3 +122,7 @@ export const FollowIcon = createStyledIcon(
   OrigFollowIcon,
   'FollowIcon'
 );
+export const MailIcon = createStyledIcon(
+  OrigMailIcon,
+  'MailIcon'
+);
diff --git a/web/ASC.Web.Components/src/components/icons/svg/mail.react.svg b/web/ASC.Web.Components/src/components/icons/svg/mail.react.svg
new file mode 100644
index 0000000000..92dabf0b7f
--- /dev/null
+++ b/web/ASC.Web.Components/src/components/icons/svg/mail.react.svg
@@ -0,0 +1,9 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.1 3H18.9C20.055 3 21 3.9 21 5V17C21 18.1 20.055 19 18.9 19H2.1C0.945 19 0 18.1 0 17V5C0 3.9 0.945 3 2.1 3ZM10.5 11.5909L19 6.81818V4.90909L10.5 9.68182L2 4.90909V6.81818L10.5 11.5909Z" fill="#ECEEF1"/>
+<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="3" width="21" height="16">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.1 3H18.9C20.055 3 21 3.9 21 5V17C21 18.1 20.055 19 18.9 19H2.1C0.945 19 0 18.1 0 17V5C0 3.9 0.945 3 2.1 3ZM10.5 11.5909L19 6.81818V4.90909L10.5 9.68182L2 4.90909V6.81818L10.5 11.5909Z" fill="white"/>
+</mask>
+<g mask="url(#mask0)">
+<rect width="22" height="22" fill="#D0D5DA"/>
+</g>
+</svg>