diff --git a/src/framework/theme/components/icon/_icon.component.theme.scss b/src/framework/theme/components/icon/_icon.component.theme.scss
index 3ba60596a8..6f5d252f49 100644
--- a/src/framework/theme/components/icon/_icon.component.theme.scss
+++ b/src/framework/theme/components/icon/_icon.component.theme.scss
@@ -12,6 +12,10 @@
     height: nb-theme(icon-height);
   }
 
+  nb-icon svg {
+    vertical-align: nb-theme(icon-svg-vertical-align);
+  }
+
   @each $status in nb-get-statuses() {
     nb-icon.status-#{$status} {
       color: nb-theme(icon-#{$status}-color);
diff --git a/src/framework/theme/styles/themes/_mapping.scss b/src/framework/theme/styles/themes/_mapping.scss
index 5887c27e2d..19e282f384 100644
--- a/src/framework/theme/styles/themes/_mapping.scss
+++ b/src/framework/theme/styles/themes/_mapping.scss
@@ -1734,6 +1734,7 @@ $eva-mapping: (
   icon-line-height: 1,
   icon-width: 1em,
   icon-height: 1em,
+  icon-svg-vertical-align: top,
   icon-primary-color: color-primary-default,
   icon-info-color: color-info-default,
   icon-success-color: color-success-default,