diff --git a/Magento_Backend/web/css/source/extend/main/_collapsible-blocks.less b/Magento_Backend/web/css/source/extend/main/_collapsible-blocks.less
index 1f2847e..413ee71 100644
--- a/Magento_Backend/web/css/source/extend/main/_collapsible-blocks.less
+++ b/Magento_Backend/web/css/source/extend/main/_collapsible-blocks.less
@@ -219,4 +219,14 @@
             }
         }
     }
+
+    //  Tabs
+    dd {
+        &.open {
+            &:empty {
+                background-image: url('@{baseDir}mui/images/ajax-loader-big.svg');
+                background-size: 50% 50%;
+            }
+        }
+    }
 }
diff --git a/Magento_Backend/web/css/source/extend/pages/_dashboard.less b/Magento_Backend/web/css/source/extend/pages/_dashboard.less
index 02307f8..27c1b73 100644
--- a/Magento_Backend/web/css/source/extend/pages/_dashboard.less
+++ b/Magento_Backend/web/css/source/extend/pages/_dashboard.less
@@ -104,7 +104,7 @@
 .dashboard-store-stats {
     .dashboard-item-content {
         min-height: 1.8rem;
-        background: url(../images/ajax-loader-small.gif) no-repeat 50% 50%;
+        background: url('@{baseDir}images/ajax-loader-small.svg') no-repeat 50% 50%;
 
         &:has(*) {
             background: unset;
diff --git a/Magento_MediaStorage/web/css/source/_extend.less b/Magento_MediaStorage/web/css/source/_extend.less
index a4e72ec..2b6c4c3 100644
--- a/Magento_MediaStorage/web/css/source/_extend.less
+++ b/Magento_MediaStorage/web/css/source/_extend.less
@@ -10,3 +10,9 @@
         }
     }
 }
+
+#sync_span {
+    img {
+        content: url('@{baseDir}images/process_spinner.svg');
+    }
+}
diff --git a/Magento_Ui/web/css/source/extend/data-grid/_data-grid-static.less b/Magento_Ui/web/css/source/extend/data-grid/_data-grid-static.less
index c42c27f..faaa60e 100644
--- a/Magento_Ui/web/css/source/extend/data-grid/_data-grid-static.less
+++ b/Magento_Ui/web/css/source/extend/data-grid/_data-grid-static.less
@@ -9,4 +9,10 @@
             padding-right: @indent__base;
         }
     }
+
+    .admin__data-grid-loading-mask {
+        .grid-loader {
+            background-image: url('@{baseDir}images/loader-2.svg');
+        }
+    }
 }
diff --git a/web/css/source/extend/_variables.less b/web/css/source/extend/_variables.less
index 5ff7e8e..bf95910 100644
--- a/web/css/source/extend/_variables.less
+++ b/web/css/source/extend/_variables.less
@@ -13,3 +13,4 @@
 @import './variables/_components.less';
 @import './variables/_dropdowns.less';
 @import './variables/_fields.less';
+@import 'variables/_loaders.less';
diff --git a/web/css/source/extend/components/_file-uploader.less b/web/css/source/extend/components/_file-uploader.less
index 206af96..8dfe205 100644
--- a/web/css/source/extend/components/_file-uploader.less
+++ b/web/css/source/extend/components/_file-uploader.less
@@ -117,3 +117,7 @@
         transition: @smooth__opacity;
     }
 }
+
+.file-uploader-spinner {
+    background-image: url('@{baseDir}images/loader-1.svg');
+}
\ No newline at end of file
diff --git a/web/css/source/extend/components/_media-gallery.less b/web/css/source/extend/components/_media-gallery.less
index e3cb7b8..5d42bfd 100644
--- a/web/css/source/extend/components/_media-gallery.less
+++ b/web/css/source/extend/components/_media-gallery.less
@@ -59,6 +59,11 @@
                 border-color: @image-gallery-placeholder__hover__border-color;
             }
         }
+
+        .file-row {
+            background-image: url('@{baseDir}mui/images/ajax-loader-big.svg');
+            background-size: 50% 50%;
+        }
     }
 
     .image-placeholder-text {
diff --git a/web/css/source/extend/components/_rules-temp.less b/web/css/source/extend/components/_rules-temp.less
index 8edd1c3..c7029b8 100644
--- a/web/css/source/extend/components/_rules-temp.less
+++ b/web/css/source/extend/components/_rules-temp.less
@@ -278,3 +278,7 @@
         }
     }
 }
+
+.rule-param-wait {
+    background-image: url('@{baseDir}images/ajax-loader-small.svg');
+}
diff --git a/web/css/source/extend/variables/_loaders.less b/web/css/source/extend/variables/_loaders.less
new file mode 100644
index 0000000..d49390a
--- /dev/null
+++ b/web/css/source/extend/variables/_loaders.less
@@ -0,0 +1,25 @@
+//
+//  Loader variables
+//  _____________________________________________
+
+// @loader-overlay__background-color: rgba(255, 255, 255, .5);
+// @loader-overlay__z-index: 9999;
+
+// @loader-icon__width: 160px;
+// @loader-icon__height: 160px;
+// @loader-icon__background-color: transparent;
+@loader-icon__background-image: url('@{baseDir}images/loader-2.svg');
+// @loader-icon__background-position: 50% 50%;
+// @loader-icon__border-radius: 5px;
+// @loader-icon__padding: '';
+
+// @loader-text: false;
+// @loader-text__color: @primary__color;
+// @loader-text__font-size: @font-size__base;
+// @loader-text__font-family: @font-family__base;
+// @loader-text__font-weight: @font-weight__regular;
+// @loader-text__font-style: @font-style__base;
+// @loader-text__padding: 130px 0 0;
+
+// @loading__background-color: @loader-overlay__background-color;
+// @loading__background-image: @loader-icon__background-image;
diff --git a/web/css/source/extend/variables/_spinner.less b/web/css/source/extend/variables/_spinner.less
index 053e3e1..ea14171 100644
--- a/web/css/source/extend/variables/_spinner.less
+++ b/web/css/source/extend/variables/_spinner.less
@@ -6,7 +6,7 @@
 @spinner__height: 4.8rem;
 
 @spinner__background-color: transparent;
-@spinner__background-image: url('@{baseDir}images/loader-1.gif');
+@spinner__background-image: url('@{baseDir}images/loader-1.svg');
 @spinner__background-position: 50% 50%;
 @spinner__background-repeat: no-repeat;
 @spinner__background-size: contain;
@@ -43,7 +43,7 @@
 @loader__height: 4.8rem;
 
 @loader__background-color: fade(@color-white, 50%);
-@loader__background-image: url('@{baseDir}images/loader-1.gif');
+@loader__background-image: url('@{baseDir}images/loader-1.svg');
 @loader__background-position: 50% 50%;
 @loader__background-repeat: no-repeat;
 @loader__background-size: contain;
@@ -58,7 +58,7 @@
 @loader-mask__height: 7.8rem;
 
 @loader-mask__background-color: fade(@color-white, 50%);
-@loader-mask__background-image: url('@{baseDir}images/loader-1.gif');
+@loader-mask__background-image: url('@{baseDir}images/loader-1.svg');
 @loader-mask__background-position: 50% 50%;
 @loader-mask__background-repeat: no-repeat;
 @loader-mask__background-size: 4.8rem;
diff --git a/web/images/ajax-loader-small.svg b/web/images/ajax-loader-small.svg
new file mode 100644
index 0000000..3a0492a
--- /dev/null
+++ b/web/images/ajax-loader-small.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_3693_249144)">
+        <path d="M8 0.450195C8.54538 0.450195 8.9873 0.892119 8.9873 1.4375C8.9873 1.98288 8.54538 2.4248 8 2.4248C6.89737 2.4248 5.81915 2.75167 4.90234 3.36426C3.9857 3.97677 3.27157 4.84771 2.84961 5.86621C2.42765 6.88491 2.31711 8.00645 2.53223 9.08789C2.74737 10.1692 3.27801 11.1628 4.05762 11.9424C4.83723 12.722 5.83077 13.2526 6.91211 13.4678C7.99355 13.6829 9.11509 13.5723 10.1338 13.1504C11.1523 12.7284 12.0232 12.0143 12.6357 11.0977C13.2483 10.1809 13.5752 9.10263 13.5752 8C13.5752 7.45462 14.0171 7.0127 14.5625 7.0127C15.1079 7.0127 15.5498 7.45462 15.5498 8C15.5498 9.49323 15.1069 10.9528 14.2773 12.1943C13.4478 13.4359 12.2691 14.4041 10.8896 14.9756C9.51017 15.547 7.9918 15.6965 6.52734 15.4053C5.06279 15.114 3.71702 14.3948 2.66113 13.3389C1.60525 12.283 0.886045 10.9372 0.594727 9.47266C0.303496 8.0082 0.453015 6.48983 1.02441 5.11035C1.59587 3.73087 2.56414 2.55222 3.80566 1.72266C5.04725 0.893066 6.50677 0.450196 8 0.450195Z" fill="#1b1b1b"/>
+        <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 8 8" to="360 8 8" dur="1s" repeatCount="indefinite" />
+    </g>
+</svg>
diff --git a/web/images/loader-1.svg b/web/images/loader-1.svg
new file mode 100644
index 0000000..d85f9e3
--- /dev/null
+++ b/web/images/loader-1.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+    <g>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M24 5C20.2422 5 16.5687 6.11433 13.4442 8.20208C10.3196 10.2898 7.88436 13.2572 6.4463 16.729C5.00823 20.2008 4.63197 24.0211 5.36509 27.7067C6.09821 31.3924 7.90778 34.7778 10.565 37.435C13.2222 40.0922 16.6077 41.9018 20.2933 42.6349C23.9789 43.368 27.7992 42.9918 31.271 41.5537C34.7428 40.1156 37.7102 37.6804 39.7979 34.5558C41.8857 31.4313 43 27.7578 43 24C43 22.8954 43.8954 22 45 22C46.1046 22 47 22.8954 47 24C47 28.549 45.6511 32.9958 43.1238 36.7781C40.5965 40.5604 37.0044 43.5084 32.8017 45.2492C28.599 46.99 23.9745 47.4455 19.5129 46.5581C15.0514 45.6706 10.9532 43.4801 7.73655 40.2635C4.51995 37.0468 2.32941 32.9486 1.44195 28.4871C0.554489 24.0255 1.00997 19.401 2.75078 15.1983C4.4916 10.9956 7.43956 7.40347 11.2219 4.8762C15.0042 2.34893 19.451 1 24 1C25.1046 1 26 1.89543 26 3C26 4.10457 25.1046 5 24 5Z"  fill="#1b1b1b"/>
+        <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 24 24" to="360 24 24" dur="1s" repeatCount="indefinite" />
+    </g>
+</svg>
diff --git a/web/images/loader-2.svg b/web/images/loader-2.svg
new file mode 100644
index 0000000..d85f9e3
--- /dev/null
+++ b/web/images/loader-2.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+    <g>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M24 5C20.2422 5 16.5687 6.11433 13.4442 8.20208C10.3196 10.2898 7.88436 13.2572 6.4463 16.729C5.00823 20.2008 4.63197 24.0211 5.36509 27.7067C6.09821 31.3924 7.90778 34.7778 10.565 37.435C13.2222 40.0922 16.6077 41.9018 20.2933 42.6349C23.9789 43.368 27.7992 42.9918 31.271 41.5537C34.7428 40.1156 37.7102 37.6804 39.7979 34.5558C41.8857 31.4313 43 27.7578 43 24C43 22.8954 43.8954 22 45 22C46.1046 22 47 22.8954 47 24C47 28.549 45.6511 32.9958 43.1238 36.7781C40.5965 40.5604 37.0044 43.5084 32.8017 45.2492C28.599 46.99 23.9745 47.4455 19.5129 46.5581C15.0514 45.6706 10.9532 43.4801 7.73655 40.2635C4.51995 37.0468 2.32941 32.9486 1.44195 28.4871C0.554489 24.0255 1.00997 19.401 2.75078 15.1983C4.4916 10.9956 7.43956 7.40347 11.2219 4.8762C15.0042 2.34893 19.451 1 24 1C25.1046 1 26 1.89543 26 3C26 4.10457 25.1046 5 24 5Z"  fill="#1b1b1b"/>
+        <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 24 24" to="360 24 24" dur="1s" repeatCount="indefinite" />
+    </g>
+</svg>
diff --git a/web/images/process_spinner.svg b/web/images/process_spinner.svg
new file mode 100644
index 0000000..3a0492a
--- /dev/null
+++ b/web/images/process_spinner.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_3693_249144)">
+        <path d="M8 0.450195C8.54538 0.450195 8.9873 0.892119 8.9873 1.4375C8.9873 1.98288 8.54538 2.4248 8 2.4248C6.89737 2.4248 5.81915 2.75167 4.90234 3.36426C3.9857 3.97677 3.27157 4.84771 2.84961 5.86621C2.42765 6.88491 2.31711 8.00645 2.53223 9.08789C2.74737 10.1692 3.27801 11.1628 4.05762 11.9424C4.83723 12.722 5.83077 13.2526 6.91211 13.4678C7.99355 13.6829 9.11509 13.5723 10.1338 13.1504C11.1523 12.7284 12.0232 12.0143 12.6357 11.0977C13.2483 10.1809 13.5752 9.10263 13.5752 8C13.5752 7.45462 14.0171 7.0127 14.5625 7.0127C15.1079 7.0127 15.5498 7.45462 15.5498 8C15.5498 9.49323 15.1069 10.9528 14.2773 12.1943C13.4478 13.4359 12.2691 14.4041 10.8896 14.9756C9.51017 15.547 7.9918 15.6965 6.52734 15.4053C5.06279 15.114 3.71702 14.3948 2.66113 13.3389C1.60525 12.283 0.886045 10.9372 0.594727 9.47266C0.303496 8.0082 0.453015 6.48983 1.02441 5.11035C1.59587 3.73087 2.56414 2.55222 3.80566 1.72266C5.04725 0.893066 6.50677 0.450196 8 0.450195Z" fill="#1b1b1b"/>
+        <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 8 8" to="360 8 8" dur="1s" repeatCount="indefinite" />
+    </g>
+</svg>
diff --git a/web/mui/images/ajax-loader-big.svg b/web/mui/images/ajax-loader-big.svg
new file mode 100644
index 0000000..327bb7d
--- /dev/null
+++ b/web/mui/images/ajax-loader-big.svg
@@ -0,0 +1,6 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M32 6.5C26.9566 6.5 22.0264 7.99555 17.833 10.7975C13.6395 13.5995 10.3711 17.5821 8.44109 22.2416C6.51105 26.9011 6.00607 32.0283 6.98999 36.9748C7.97391 41.9213 10.4026 46.465 13.9688 50.0312C17.535 53.5975 22.0787 56.0261 27.0252 57.01C31.9717 57.9939 37.0989 57.489 41.7584 55.5589C46.418 53.6289 50.4005 50.3605 53.2025 46.167C56.0045 41.9736 57.5 37.0434 57.5 32C57.5 30.6193 58.6193 29.5 60 29.5C61.3807 29.5 62.5 30.6193 62.5 32C62.5 38.0323 60.7112 43.9292 57.3598 48.9449C54.0085 53.9606 49.245 57.8699 43.6719 60.1783C38.0987 62.4868 31.9662 63.0908 26.0498 61.914C20.1333 60.7371 14.6988 57.8323 10.4333 53.5668C6.16776 49.3013 3.26291 43.8667 2.08606 37.9503C0.909213 32.0338 1.51322 25.9013 3.82169 20.3282C6.13016 14.755 10.0394 9.99156 15.0551 6.64018C20.0708 3.28879 25.9677 1.5 32 1.5C33.3807 1.5 34.5 2.61929 34.5 4C34.5 5.38071 33.3807 6.5 32 6.5Z" fill="#1b1b1b"/>
+        <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 32 32" to="360 32 32" dur="1s" repeatCount="indefinite" />
+    </g>
+</svg>