Web: Components: Add toggle-button svgs

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'
 );

web/ASC.Web.Components/src/components/icons/svg/toggle.button.checked.react.svg

@@ -0,0 +1,3 @@
+<svg width="28" height="16" viewBox="0 0 28 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="28" height="16" rx="8" fill="#2DA7DB"/>
+</svg>

web/ASC.Web.Components/src/components/icons/svg/toggle.button.unchecked.react.svg

@@ -0,0 +1,3 @@
+<svg width="28" height="16" viewBox="0 0 28 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="28" height="16" rx="8" fill="#A3A9AE"/>
+</svg>