upd: icon font svg replace

src/styles/font/demo_index.html

@@ -31,6 +31,102 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6ac;</span>
+                <div class="name">stepper_2_02</div>
+                <div class="code-name">&amp;#xe6ac;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6ab;</span>
+                <div class="name">minus</div>
+                <div class="code-name">&amp;#xe6ab;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6a6;</span>
+                <div class="name">arrow-up2</div>
+                <div class="code-name">&amp;#xe6a6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6a7;</span>
+                <div class="name">arrow-down2</div>
+                <div class="code-name">&amp;#xe6a7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6a8;</span>
+                <div class="name">screen-little</div>
+                <div class="code-name">&amp;#xe6a8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6a9;</span>
+                <div class="name">arrow-right2</div>
+                <div class="code-name">&amp;#xe6a9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6aa;</span>
+                <div class="name">close-little</div>
+                <div class="code-name">&amp;#xe6aa;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6a5;</span>
+                <div class="name">joy-smile</div>
+                <div class="code-name">&amp;#xe6a5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6a2;</span>
+                <div class="name">arrow-down</div>
+                <div class="code-name">&amp;#xe6a2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6a3;</span>
+                <div class="name">arrow-right</div>
+                <div class="code-name">&amp;#xe6a3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6a4;</span>
+                <div class="name">arrow-up</div>
+                <div class="code-name">&amp;#xe6a4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe69e;</span>
+                <div class="name">heart</div>
+                <div class="code-name">&amp;#xe69e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe69f;</span>
+                <div class="name">heart-fill</div>
+                <div class="code-name">&amp;#xe69f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6a0;</span>
+                <div class="name">star</div>
+                <div class="code-name">&amp;#xe6a0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6a1;</span>
+                <div class="name">star-fill</div>
+                <div class="code-name">&amp;#xe6a1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe69d;</span>
+                <div class="name">heart</div>
+                <div class="code-name">&amp;#xe69d;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon nutui-iconfont">&#xe69c;</span>
                 <div class="name">github</div>
                 <div class="code-name">&amp;#xe69c;</div>
@@ -465,6 +561,150 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-plus"></span>
+            <div class="name">
+              stepper_2_02
+            </div>
+            <div class="code-name">.nut-icon-plus
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-minus"></span>
+            <div class="name">
+              minus
+            </div>
+            <div class="code-name">.nut-icon-minus
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-arrow-up2"></span>
+            <div class="name">
+              arrow-up2
+            </div>
+            <div class="code-name">.nut-icon-arrow-up2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-arrow-down2"></span>
+            <div class="name">
+              arrow-down2
+            </div>
+            <div class="code-name">.nut-icon-arrow-down2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-screen-little"></span>
+            <div class="name">
+              screen-little
+            </div>
+            <div class="code-name">.nut-icon-screen-little
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-arrow-right2"></span>
+            <div class="name">
+              arrow-right2
+            </div>
+            <div class="code-name">.nut-icon-arrow-right2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-close-little"></span>
+            <div class="name">
+              close-little
+            </div>
+            <div class="code-name">.nut-icon-close-little
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-joy-smile"></span>
+            <div class="name">
+              joy-smile
+            </div>
+            <div class="code-name">.nut-icon-joy-smile
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-arrow-down"></span>
+            <div class="name">
+              arrow-down
+            </div>
+            <div class="code-name">.nut-icon-arrow-down
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-arrow-right"></span>
+            <div class="name">
+              arrow-right
+            </div>
+            <div class="code-name">.nut-icon-arrow-right
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-arrow-up"></span>
+            <div class="name">
+              arrow-up
+            </div>
+            <div class="code-name">.nut-icon-arrow-up
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-heart1"></span>
+            <div class="name">
+              heart
+            </div>
+            <div class="code-name">.nut-icon-heart1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-heart-fill"></span>
+            <div class="name">
+              heart-fill
+            </div>
+            <div class="code-name">.nut-icon-heart-fill
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-star1"></span>
+            <div class="name">
+              star
+            </div>
+            <div class="code-name">.nut-icon-star1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-star-fill"></span>
+            <div class="name">
+              star-fill
+            </div>
+            <div class="code-name">.nut-icon-star-fill
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-heart"></span>
+            <div class="name">
+              heart
+            </div>
+            <div class="code-name">.nut-icon-heart
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon nutui-iconfont nut-icon-github"></span>
             <div class="name">
               github
@@ -1071,6 +1311,134 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-plus"></use>
+                </svg>
+                <div class="name">stepper_2_02</div>
+                <div class="code-name">#nut-icon-plus</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-minus"></use>
+                </svg>
+                <div class="name">minus</div>
+                <div class="code-name">#nut-icon-minus</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-arrow-up2"></use>
+                </svg>
+                <div class="name">arrow-up2</div>
+                <div class="code-name">#nut-icon-arrow-up2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-arrow-down2"></use>
+                </svg>
+                <div class="name">arrow-down2</div>
+                <div class="code-name">#nut-icon-arrow-down2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-screen-little"></use>
+                </svg>
+                <div class="name">screen-little</div>
+                <div class="code-name">#nut-icon-screen-little</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-arrow-right2"></use>
+                </svg>
+                <div class="name">arrow-right2</div>
+                <div class="code-name">#nut-icon-arrow-right2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-close-little"></use>
+                </svg>
+                <div class="name">close-little</div>
+                <div class="code-name">#nut-icon-close-little</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-joy-smile"></use>
+                </svg>
+                <div class="name">joy-smile</div>
+                <div class="code-name">#nut-icon-joy-smile</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-arrow-down"></use>
+                </svg>
+                <div class="name">arrow-down</div>
+                <div class="code-name">#nut-icon-arrow-down</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-arrow-right"></use>
+                </svg>
+                <div class="name">arrow-right</div>
+                <div class="code-name">#nut-icon-arrow-right</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-arrow-up"></use>
+                </svg>
+                <div class="name">arrow-up</div>
+                <div class="code-name">#nut-icon-arrow-up</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-heart1"></use>
+                </svg>
+                <div class="name">heart</div>
+                <div class="code-name">#nut-icon-heart1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-heart-fill"></use>
+                </svg>
+                <div class="name">heart-fill</div>
+                <div class="code-name">#nut-icon-heart-fill</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-star1"></use>
+                </svg>
+                <div class="name">star</div>
+                <div class="code-name">#nut-icon-star1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-star-fill"></use>
+                </svg>
+                <div class="name">star-fill</div>
+                <div class="code-name">#nut-icon-star-fill</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-heart"></use>
+                </svg>
+                <div class="name">heart</div>
+                <div class="code-name">#nut-icon-heart</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#nut-icon-github"></use>
                 </svg>
                 <div class="name">github</div>

src/styles/font/iconfont.json

@@ -6,6 +6,118 @@
   "description": "nutui 3.0字体管理",
   "glyphs": [
     {
+      "icon_id": "18535616",
+      "name": "stepper_2_02",
+      "font_class": "plus",
+      "unicode": "e6ac",
+      "unicode_decimal": 59052
+    },
+    {
+      "icon_id": "18535598",
+      "name": "minus",
+      "font_class": "minus",
+      "unicode": "e6ab",
+      "unicode_decimal": 59051
+    },
+    {
+      "icon_id": "18254512",
+      "name": "arrow-up2",
+      "font_class": "arrow-up2",
+      "unicode": "e6a6",
+      "unicode_decimal": 59046
+    },
+    {
+      "icon_id": "18254513",
+      "name": "arrow-down2",
+      "font_class": "arrow-down2",
+      "unicode": "e6a7",
+      "unicode_decimal": 59047
+    },
+    {
+      "icon_id": "18254514",
+      "name": "screen-little",
+      "font_class": "screen-little",
+      "unicode": "e6a8",
+      "unicode_decimal": 59048
+    },
+    {
+      "icon_id": "18254515",
+      "name": "arrow-right2",
+      "font_class": "arrow-right2",
+      "unicode": "e6a9",
+      "unicode_decimal": 59049
+    },
+    {
+      "icon_id": "18254516",
+      "name": "close-little",
+      "font_class": "close-little",
+      "unicode": "e6aa",
+      "unicode_decimal": 59050
+    },
+    {
+      "icon_id": "18246005",
+      "name": "joy-smile",
+      "font_class": "joy-smile",
+      "unicode": "e6a5",
+      "unicode_decimal": 59045
+    },
+    {
+      "icon_id": "18245929",
+      "name": "arrow-down",
+      "font_class": "arrow-down",
+      "unicode": "e6a2",
+      "unicode_decimal": 59042
+    },
+    {
+      "icon_id": "18245930",
+      "name": "arrow-right",
+      "font_class": "arrow-right",
+      "unicode": "e6a3",
+      "unicode_decimal": 59043
+    },
+    {
+      "icon_id": "18245931",
+      "name": "arrow-up",
+      "font_class": "arrow-up",
+      "unicode": "e6a4",
+      "unicode_decimal": 59044
+    },
+    {
+      "icon_id": "18194679",
+      "name": "heart",
+      "font_class": "heart1",
+      "unicode": "e69e",
+      "unicode_decimal": 59038
+    },
+    {
+      "icon_id": "18194680",
+      "name": "heart-fill",
+      "font_class": "heart-fill",
+      "unicode": "e69f",
+      "unicode_decimal": 59039
+    },
+    {
+      "icon_id": "18194681",
+      "name": "star",
+      "font_class": "star1",
+      "unicode": "e6a0",
+      "unicode_decimal": 59040
+    },
+    {
+      "icon_id": "18194682",
+      "name": "star-fill",
+      "font_class": "star-fill",
+      "unicode": "e6a1",
+      "unicode_decimal": 59041
+    },
+    {
+      "icon_id": "18194643",
+      "name": "heart",
+      "font_class": "heart",
+      "unicode": "e69d",
+      "unicode_decimal": 59037
+    },
+    {
       "icon_id": "18193891",
       "name": "github",
       "font_class": "github",