adjust icon svg align

components/style/mixins/iconfont.less

@@ -4,13 +4,13 @@
   vertical-align: -0.125em; // for SVG icon, see https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
   text-align: center;
   text-transform: none;
-  line-height: 1;
+  line-height: 0;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 
   svg {
-    display: block;
+    display: inline-block;
   }
 
   &:before {

site/theme/static/demo.less

@@ -193,10 +193,6 @@
     border-radius: 20px;
     opacity: 0;
 
-    svg {
-      display: inline-block;
-    }
-
     &:hover {
       color: @site-text-color-secondary;
       transform: scale(1.2);