chore: update refresh icon

src/Network/Network.scss

@@ -7,7 +7,7 @@
       padding-top: 36px;
       .title {
         @include absolute(100%, 36px);
-        @include right-circle-btn();
+        @include right-btn();
         background: $gray;
         padding: $padding;
         color: #fff;

src/Resources/Resources.scss

@@ -14,7 +14,7 @@
         overflow: hidden;
       }
       .title {
-        @include right-circle-btn();
+        @include right-btn();
         padding: $padding;
         color: #fff;
         background: $blue;

src/style/icon.css

@@ -1,6 +1,6 @@
 @font-face {
   font-family: 'eruda-icon';
-  src: url('data:application/x-font-woff;charset=utf-8;base64,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')
+  src: url('data:application/x-font-woff;charset=utf-8;base64,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')
     format('woff');
 }
 
@@ -61,12 +61,12 @@
   content: '\e665';
 }
 
-.icon-reset:before {
-  content: '\e745';
+.icon-refresh:before {
+  content: '\e611';
 }
 
-.icon-refresh:before {
-  content: '\e600';
+.icon-reset:before {
+  content: '\e745';
 }
 
 .icon-select:before {

src/style/mixin.scss

@@ -36,18 +36,17 @@
   }
 }
 
-@mixin right-circle-btn {
+@mixin right-btn {
   .btn {
-    margin-left: 10px;
+    display: flex;
+    margin-left: 5px;
     float: right;
-    background: #fff;
-    color: $gray;
-    text-align: center;
+    color: #fff;
     width: 18px;
     height: 18px;
-    line-height: 18px;
-    border-radius: 50%;
-    font-size: 12px;
+    justify-content: center;
+    align-items: center;
+    font-size: $font-size-l;
     cursor: pointer;
     transition: color $anim-duration;
     &:active {