diff --git a/projects/x-framework-components/src/lib/assets/icon/svg/csv.svg b/projects/x-framework-components/src/lib/assets/icon/svg/csv.svg
index 87436c7..d78332c 100644
--- a/projects/x-framework-components/src/lib/assets/icon/svg/csv.svg
+++ b/projects/x-framework-components/src/lib/assets/icon/svg/csv.svg
@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M230-360h120v-60H250v-120h100v-60H230q-17 0-28.5 11.5T190-560v160q0 17 11.5 28.5T230-360Zm156 0h120q17 0 28.5-11.5T546-400v-60q0-17-11.5-31.5T506-506h-60v-34h100v-60H426q-17 0-28.5 11.5T386-560v60q0 17 11.5 30.5T426-456h60v36H386v60Zm264 0h60l70-240h-60l-40 138-40-138h-60l70 240ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm0-80h640v-480H160v480Zm0 0v-480 480Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px">
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+        d="M230-360h120v-60H250v-120h100v-60H230q-17 0-28.5 11.5T190-560v160q0 17 11.5 28.5T230-360Zm156 0h120q17 0 28.5-11.5T546-400v-60q0-17-11.5-31.5T506-506h-60v-34h100v-60H426q-17 0-28.5 11.5T386-560v60q0 17 11.5 30.5T426-456h60v36H386v60Zm264 0h60l70-240h-60l-40 138-40-138h-60l70 240ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Z" />
+</svg>
\ No newline at end of file
diff --git a/projects/x-framework-components/src/lib/assets/icon/svg/png.svg b/projects/x-framework-components/src/lib/assets/icon/svg/png.svg
index c85353c..d0ca376 100644
--- a/projects/x-framework-components/src/lib/assets/icon/svg/png.svg
+++ b/projects/x-framework-components/src/lib/assets/icon/svg/png.svg
@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M260-500v-40h40v40h-40Zm400 140h40q25 0 42.5-17.5T760-420v-60h-60v60h-40v-120h100q0-25-17.5-42.5T700-600h-40q-25 0-42.5 17.5T600-540v120q0 25 17.5 42.5T660-360Zm-460 0h60v-80h60q17 0 28.5-11.5T360-480v-80q0-17-11.5-28.5T320-600H200v240Zm200 0h60v-96l40 96h60v-240h-60v94l-40-94h-60v240ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm0-80h640v-480H160v480Zm0 0v-480 480Zm0 0v-480 480Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px">
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+        d="M260-500v-40h40v40h-40Zm400 140h40q25 0 42.5-17.5T760-420v-60h-60v60h-40v-120h100q0-25-17.5-42.5T700-600h-40q-25 0-42.5 17.5T600-540v120q0 25 17.5 42.5T660-360Zm-460 0h60v-80h60q17 0 28.5-11.5T360-480v-80q0-17-11.5-28.5T320-600H200v240Zm200 0h60v-96l40 96h60v-240h-60v94l-40-94h-60v240ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm0-80v-480 480Z" />
+</svg>
\ No newline at end of file
diff --git a/projects/x-framework-components/src/lib/assets/icon/svg/range_selection.svg b/projects/x-framework-components/src/lib/assets/icon/svg/range_selection.svg
index e4ed847..5606c0c 100644
--- a/projects/x-framework-components/src/lib/assets/icon/svg/range_selection.svg
+++ b/projects/x-framework-components/src/lib/assets/icon/svg/range_selection.svg
@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M120-120v-720h80v720h-80Zm640 0v-720h80v720h-80ZM280-440v-80h80v80h-80Zm160 0v-80h80v80h-80Zm160 0v-80h80v80h-80Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px">
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+        d="M120-120v-720h80v720h-80Zm640 0v-720h80v720h-80ZM280-440v-80h80v80h-80Zm160 0v-80h80v80h-80Zm160 0v-80h80v80h-80Z" />
+</svg>
\ No newline at end of file
diff --git a/projects/x-framework-components/src/lib/assets/icon/svg/x_axis.svg b/projects/x-framework-components/src/lib/assets/icon/svg/x_axis.svg
index c30b771..c9fa46a 100644
--- a/projects/x-framework-components/src/lib/assets/icon/svg/x_axis.svg
+++ b/projects/x-framework-components/src/lib/assets/icon/svg/x_axis.svg
@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="m320-160-56-57 103-103H80v-80h287L264-503l56-57 200 200-200 200Zm320-240L440-600l200-200 56 57-103 103h287v80H593l103 103-56 57Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px">
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+        d="m320-160-56-57 103-103H80v-80h287L264-503l56-57 200 200-200 200Zm320-240L440-600l200-200 56 57-103 103h287v80H593l103 103-56 57Z" />
+</svg>
\ No newline at end of file
diff --git a/projects/x-framework-components/src/lib/assets/icon/svg/xy_axis.svg b/projects/x-framework-components/src/lib/assets/icon/svg/xy_axis.svg
index 9e7412a..bce7e46 100644
--- a/projects/x-framework-components/src/lib/assets/icon/svg/xy_axis.svg
+++ b/projects/x-framework-components/src/lib/assets/icon/svg/xy_axis.svg
@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="m136-80-56-56 264-264H160v-80h320v320h-80v-184L136-80Zm344-400v-320h80v184l264-264 56 56-264 264h184v80H480Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px">
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+        d="m136-80-56-56 264-264H160v-80h320v320h-80v-184L136-80Zm344-400v-320h80v184l264-264 56 56-264 264h184v80H480Z" />
+</svg>
\ No newline at end of file
diff --git a/projects/x-framework-components/src/lib/assets/icon/svg/y_axis.svg b/projects/x-framework-components/src/lib/assets/icon/svg/y_axis.svg
index c2f6179..12be85c 100644
--- a/projects/x-framework-components/src/lib/assets/icon/svg/y_axis.svg
+++ b/projects/x-framework-components/src/lib/assets/icon/svg/y_axis.svg
@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M320-561h80v287l62-62 58 56-160 160-160-160 58-56 62 62v-287Zm320 160h-80v-287l-64 64-56-56 160-160 160 160-56 56-64-64v287Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px">
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+        d="M320-561h80v287l62-62 58 56-160 160-160-160 58-56 62 62v-287Zm320 160h-80v-287l-64 64-56-56 160-160 160 160-56 56-64-64v287Z" />
+</svg>
\ No newline at end of file
diff --git a/projects/x-framework-components/src/lib/assets/icon/svg/zoom_in.svg b/projects/x-framework-components/src/lib/assets/icon/svg/zoom_in.svg
new file mode 100644
index 0000000..e77fbfe
--- /dev/null
+++ b/projects/x-framework-components/src/lib/assets/icon/svg/zoom_in.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px">
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+        d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-40-60v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z" />
+</svg>
\ No newline at end of file
diff --git a/projects/x-framework-components/src/lib/assets/icon/svg/zoom_out.svg b/projects/x-framework-components/src/lib/assets/icon/svg/zoom_out.svg
new file mode 100644
index 0000000..2ef36d8
--- /dev/null
+++ b/projects/x-framework-components/src/lib/assets/icon/svg/zoom_out.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px">
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path
+        d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400ZM280-540v-80h200v80H280Z" />
+</svg>
\ No newline at end of file
diff --git a/projects/x-framework-components/src/lib/x-icon/x-icon.typings.ts b/projects/x-framework-components/src/lib/x-icon/x-icon.typings.ts
index 2423a18..da49598 100644
--- a/projects/x-framework-components/src/lib/x-icon/x-icon.typings.ts
+++ b/projects/x-framework-components/src/lib/x-icon/x-icon.typings.ts
@@ -145,6 +145,7 @@ export enum XIconNames {
   replay = 'replay',
   x_axis = 'x_axis',
   y_axis = 'y_axis',
+  zoom_in = 'zoom_in',
   xy_axis = 'xy_axis',
   visible = 'visible',
   checked = 'checked',
@@ -171,6 +172,7 @@ export enum XIconNames {
   capture = 'capture',
   live_tv = 'live_tv',
   sd_card = 'sd_card',
+  zoom_out = 'zoom_out',
   verified = 'verified',
   collapse = 'collapse',
   arrow_up = 'arrow_up',
@@ -545,11 +547,13 @@ export const XProvidedIcons = {
   preview: 'preview',
   heading: 'heading',
   refresh: 'refresh',
+  zoom_in: 'zoom_in',
   lock: 'lock-closed',
   unlock: 'lock-open',
   un_checked: 'close',
   survey: 'newspaper',
   chat_box: 'chatbox',
+  zoom_out: 'zoom_out',
   verified: 'verified',
   arrow_up: 'arrow-up',
   business: 'business',
@@ -856,6 +860,7 @@ export const XCustomIcons: string[] = [
   XIconNames.italic,
   XIconNames.x_axis,
   XIconNames.y_axis,
+  XIconNames.zoom_in,
   XIconNames.xy_axis,
   XIconNames.toolbar,
   XIconNames.devices,
@@ -875,6 +880,7 @@ export const XCustomIcons: string[] = [
   XIconNames.monitor,
   XIconNames.preview,
   XIconNames.heading,
+  XIconNames.zoom_out,
   XIconNames.dropdown,
   XIconNames.add_call,
   XIconNames.sim_card,