diff --git a/TC1/http_server/web/assets/css_pack.css b/TC1/http_server/web/assets/css_pack.css
index cf385d7..ba13d89 100644
--- a/TC1/http_server/web/assets/css_pack.css
+++ b/TC1/http_server/web/assets/css_pack.css
@@ -6,7 +6,7 @@
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
-  src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
+  src: url(flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
 }
 .material-icons {
   font-family: 'Material Icons';
diff --git a/TC1/http_server/web/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNc-old.woff2 b/TC1/http_server/web/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNc-old.woff2
new file mode 100644
index 0000000..d9c6038
Binary files /dev/null and b/TC1/http_server/web/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNc-old.woff2 differ
diff --git a/TC1/http_server/web/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2 b/TC1/http_server/web/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2
index d9c6038..0ea8e18 100644
Binary files a/TC1/http_server/web/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2 and b/TC1/http_server/web/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2 differ
diff --git a/TC1/http_server/web/assets/icon-single-svg/access_alarm-24px.svg b/TC1/http_server/web/assets/icon-single-svg/access_alarm-24px.svg
new file mode 100644
index 0000000..a0242f9
--- /dev/null
+++ b/TC1/http_server/web/assets/icon-single-svg/access_alarm-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12.5 8H11v6l4.75 2.85.75-1.23-4-2.37V8zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"/></svg>
\ No newline at end of file
diff --git a/TC1/http_server/web/assets/icon-single-svg/add-24px.svg b/TC1/http_server/web/assets/icon-single-svg/add-24px.svg
new file mode 100644
index 0000000..ed18612
--- /dev/null
+++ b/TC1/http_server/web/assets/icon-single-svg/add-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
\ No newline at end of file
diff --git a/TC1/http_server/web/assets/icon-single-svg/arrow_drop_down-24px.svg b/TC1/http_server/web/assets/icon-single-svg/arrow_drop_down-24px.svg
new file mode 100644
index 0000000..50126a0
--- /dev/null
+++ b/TC1/http_server/web/assets/icon-single-svg/arrow_drop_down-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
\ No newline at end of file
diff --git a/TC1/http_server/web/assets/icon-single-svg/cloud_download-24px.svg b/TC1/http_server/web/assets/icon-single-svg/cloud_download-24px.svg
new file mode 100644
index 0000000..cb27199
--- /dev/null
+++ b/TC1/http_server/web/assets/icon-single-svg/cloud_download-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"/></svg>
\ No newline at end of file
diff --git a/TC1/http_server/web/assets/icon-single-svg/event-24px.svg b/TC1/http_server/web/assets/icon-single-svg/event-24px.svg
new file mode 100644
index 0000000..61c6840
--- /dev/null
+++ b/TC1/http_server/web/assets/icon-single-svg/event-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
\ No newline at end of file
diff --git a/TC1/http_server/web/assets/icon-single-svg/help-24px.svg b/TC1/http_server/web/assets/icon-single-svg/help-24px.svg
new file mode 100644
index 0000000..ac7a460
--- /dev/null
+++ b/TC1/http_server/web/assets/icon-single-svg/help-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/></svg>
\ No newline at end of file
diff --git a/TC1/http_server/web/assets/icon-single-svg/home-24px.svg b/TC1/http_server/web/assets/icon-single-svg/home-24px.svg
new file mode 100644
index 0000000..78cac7b
--- /dev/null
+++ b/TC1/http_server/web/assets/icon-single-svg/home-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
\ No newline at end of file
diff --git a/TC1/http_server/web/assets/icon-single-svg/info-24px.svg b/TC1/http_server/web/assets/icon-single-svg/info-24px.svg
new file mode 100644
index 0000000..c98b8ac
--- /dev/null
+++ b/TC1/http_server/web/assets/icon-single-svg/info-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>
\ No newline at end of file
diff --git a/TC1/http_server/web/assets/icon-single-svg/keyboard_arrow_down-24px.svg b/TC1/http_server/web/assets/icon-single-svg/keyboard_arrow_down-24px.svg
new file mode 100644
index 0000000..e3c4848
--- /dev/null
+++ b/TC1/http_server/web/assets/icon-single-svg/keyboard_arrow_down-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/><path d="M0 0h24v24H0V0z" fill="none"/></svg>
\ No newline at end of file
diff --git a/TC1/http_server/web/assets/icon-single-svg/more_vert-24px.svg b/TC1/http_server/web/assets/icon-single-svg/more_vert-24px.svg
new file mode 100644
index 0000000..f450d12
--- /dev/null
+++ b/TC1/http_server/web/assets/icon-single-svg/more_vert-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>
\ No newline at end of file
diff --git a/TC1/http_server/web/assets/icon-single-svg/notes-24px.svg b/TC1/http_server/web/assets/icon-single-svg/notes-24px.svg
new file mode 100644
index 0000000..f1b1e3b
--- /dev/null
+++ b/TC1/http_server/web/assets/icon-single-svg/notes-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M3 18h12v-2H3v2zM3 6v2h18V6H3zm0 7h18v-2H3v2z"/><path d="M0 0h24v24H0V0z" fill="none"/></svg>
\ No newline at end of file
diff --git a/TC1/http_server/web/assets/icon-single-svg/search-24px.svg b/TC1/http_server/web/assets/icon-single-svg/search-24px.svg
new file mode 100644
index 0000000..4da3b3c
--- /dev/null
+++ b/TC1/http_server/web/assets/icon-single-svg/search-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
\ No newline at end of file
diff --git a/TC1/http_server/web/assets/icon-single-svg/settings-24px.svg b/TC1/http_server/web/assets/icon-single-svg/settings-24px.svg
new file mode 100644
index 0000000..e40c849
--- /dev/null
+++ b/TC1/http_server/web/assets/icon-single-svg/settings-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><path d="M0,0h24v24H0V0z" fill="none"/><path d="M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z"/></g></svg>
\ No newline at end of file
diff --git a/TC1/http_server/web/demo.html b/TC1/http_server/web/demo.html
index 760d044..787f610 100644
--- a/TC1/http_server/web/demo.html
+++ b/TC1/http_server/web/demo.html
@@ -27,7 +27,7 @@
           <div class="mdl-layout-spacer"></div>
           <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable">
             <label class="mdl-button mdl-js-button mdl-button--icon" for="search">
-              <i class="material-icons">search</i>
+              <i class="material-icons">icon-search</i>
             </label>
             <div class="mdl-textfield__expandable-holder">
               <input class="mdl-textfield__input" type="text" id="search">
@@ -35,7 +35,7 @@
             </div>
           </div>
           <button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon" id="hdrbtn">
-            <i class="material-icons">more_vert</i>
+            <i class="material-icons">icon-more_vert</i>
           </button>
           <ul class="mdl-menu mdl-js-menu mdl-js-ripple-effect mdl-menu--bottom-right" for="hdrbtn">
             <li class="mdl-menu__item">About</li>
@@ -51,24 +51,24 @@
             <span>hello@example.com</span>
             <div class="mdl-layout-spacer"></div>
             <button id="accbtn" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
-              <i class="material-icons" role="presentation">arrow_drop_down</i>
+              <i class="material-icons" role="presentation">icon-arrow_drop_down</i>
               <span class="visuallyhidden">Accounts</span>
             </button>
             <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="accbtn">
               <li class="mdl-menu__item">hello@example.com</li>
               <li class="mdl-menu__item">info@example.com</li>
-              <li class="mdl-menu__item"><i class="material-icons">add</i>Add another account...</li>
+              <li class="mdl-menu__item"><i class="material-icons">icon-add</i>Add another account...</li>
             </ul>
           </div>
         </header>
         <nav class="demo-navigation mdl-navigation mdl-color--blue-grey-800">
-          <a class="mdl-navigation__link mdl-nav-active" href="javascript:ShowPage(1);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">home</i>Home</a>
-          <a class="mdl-navigation__link" href="javascript:ShowPage(2);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">settings</i>Config</a>
-          <a class="mdl-navigation__link" href="javascript:ShowPage(3);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">delete</i>Timed Task</a>
-          <a class="mdl-navigation__link" href="javascript:ShowPage(4);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">report</i>System Status</a>
-          <a class="mdl-navigation__link" href="javascript:ShowPage(5);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">forum</i>OTA</a>
-          <a class="mdl-navigation__link" href="javascript:ShowPage(6);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">flag</i>System Log</a>
-          <a class="mdl-navigation__link" href="javascript:ShowPage(7);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">people</i>Abot</a>
+          <a class="mdl-navigation__link mdl-nav-active" href="javascript:ShowPage(1);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">icon-home</i>Home</a>
+          <a class="mdl-navigation__link" href="javascript:ShowPage(2);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">icon-settings</i>Config</a>
+          <a class="mdl-navigation__link" href="javascript:ShowPage(3);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">icon-access_alarm</i>Timed Task</a>
+          <a class="mdl-navigation__link" href="javascript:ShowPage(4);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">icon-info</i>System Status</a>
+          <a class="mdl-navigation__link" href="javascript:ShowPage(5);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">icon-cloud_download</i>OTA</a>
+          <a class="mdl-navigation__link" href="javascript:ShowPage(6);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">icon-notes</i>System Log</a>
+          <a class="mdl-navigation__link" href="javascript:ShowPage(7);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">icon-help</i>Abot</a>
         </nav>
       </div>
       <main class="mdl-layout__content">
@@ -168,7 +168,7 @@
               <div id="div_wifi_sel" class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select getmdl-select__fix-height">
                 <input id="wifi_sel" type="text" value="" class="mdl-textfield__input" readonly>
                 <input type="hidden" value="" name="wifi_sel">
-                <i class="mdl-icon-toggle__label material-icons">keyboard_arrow_down</i>
+                <i class="mdl-icon-toggle__label material-icons">icon-keyboard_arrow_down</i>
                 <label for="wifi_sel" class="mdl-textfield__label">SSID</label>
                 <ul id="ssid_sel_list" for="wifi_sel" class="mdl-menu mdl-menu--bottom-left mdl-js-menu">
                 </ul>
@@ -260,7 +260,7 @@
                 <div class="mdl-textfield mdl-js-textfield getmdl-select">
                   <input type="text" value="" class="mdl-textfield__input" readonly>
                   <input type="hidden" value=""  id="task_skt_idx" name="task_skt_idx">
-                  <i class="mdl-icon-toggle__label material-icons">keyboard_arrow_down</i>
+                  <i class="mdl-icon-toggle__label material-icons">icon-keyboard_arrow_down</i>
                   <label for="task_skt_idx" class="mdl-textfield__label">Socket</label>
                   <ul for="task_skt_idx" class="mdl-menu mdl-menu--bottom-left mdl-js-menu">
                       <li class="mdl-menu__item" data-val="1">Socket-1</li>
@@ -314,7 +314,7 @@
             </table>
             <div class="mdl-card__actions mdl-card--border">
               <div class="mdl-layout-spacer"></div>
-              <i class="material-icons">event</i>
+              <i class="material-icons">icon-event</i>
               <!-- <span>2020-02-22</span> -->
               <a class="mdl-button">
                 2020-02-22
diff --git a/TC1/http_server/web/icon.css b/TC1/http_server/web/icon.css
index 3acb2b9..a9bfaa5 100644
--- a/TC1/http_server/web/icon.css
+++ b/TC1/http_server/web/icon.css
@@ -3,7 +3,7 @@
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
-  src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
+  src: url(/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
 }
 .material-icons {
   font-family: 'Material Icons';