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 420845ce44..095228ce61 100644
--- a/web/ASC.Web.Components/src/components/icons/svg/index.js
+++ b/web/ASC.Web.Components/src/components/icons/svg/index.js
@@ -144,6 +144,9 @@ import OrigInfoIcon from './info.react.svg';
import OrigArrowPathIcon from './arrow.path.react.svg'
+import OrigToggleButtonCheckedIcon from './toggle.button.checked.react.svg';
+import OrigToggleButtonUncheckedIcon from './toggle.button.unchecked.react.svg';
+
export const AZSortingIcon = createStyledIcon(
OrigAZSortingIcon,
'AZSortingIcon'
@@ -695,4 +698,14 @@ export const NavLogoOpenedIcon = createStyledIcon(
export const ArrowPathIcon = createStyledIcon(
OrigArrowPathIcon,
'ArrowPathIcon'
+);
+
+export const ToggleButtonCheckedIcon = createStyledIcon(
+ OrigToggleButtonCheckedIcon,
+ 'ToggleButtonCheckedIcon'
+);
+
+export const ToggleButtonUncheckedIcon = createStyledIcon(
+ OrigToggleButtonUncheckedIcon,
+ 'ToggleButtonUncheckedIcon'
);
\ No newline at end of file
diff --git a/web/ASC.Web.Components/src/components/icons/svg/toggle.button.checked.react.svg b/web/ASC.Web.Components/src/components/icons/svg/toggle.button.checked.react.svg
new file mode 100644
index 0000000000..46f5f17c8a
--- /dev/null
+++ b/web/ASC.Web.Components/src/components/icons/svg/toggle.button.checked.react.svg
@@ -0,0 +1,3 @@
+
diff --git a/web/ASC.Web.Components/src/components/icons/svg/toggle.button.unchecked.react.svg b/web/ASC.Web.Components/src/components/icons/svg/toggle.button.unchecked.react.svg
new file mode 100644
index 0000000000..6f2c2a1833
--- /dev/null
+++ b/web/ASC.Web.Components/src/components/icons/svg/toggle.button.unchecked.react.svg
@@ -0,0 +1,3 @@
+