diff --git a/data/frontend/reference.ts b/data/frontend/reference.ts
index 501aef24ae2ec2faa3a430b15549b57032d32e09..2cf7e815b0be77c60665e7288af63a694aab118f 100644
--- a/data/frontend/reference.ts
+++ b/data/frontend/reference.ts
@@ -1,17 +1,16 @@
 export default {
-	title: '参考资料',
+  title: '参考资料',
+  icon: 'https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png',
 	nav: [
 		{
       title: '书籍',
       nav: [
         {
-          icon: 'assets/icon/frontend/023.png',
           name: 'JavaScript 20 年',
           desc: 'JavaScript 20 年',
           url: 'https://cn.history.js.org/',
         },
         {
-          icon: 'assets/icon/frontend/023.png',
           name: '你不知道的JavaScript',
           desc: '你不知道的JavaScript',
           url: 'https://github.com/getify/You-Dont-Know-JS',
@@ -23,7 +22,6 @@ export default {
           url: 'https://zh.javascript.info/',
         },
         {
-          icon: 'assets/icon/frontend/023.png',
           name: 'ECMAScript 6入门',
           desc: 'ECMAScript 6入门',
           url: 'http://es6.ruanyifeng.com/#README',
@@ -34,7 +32,6 @@ export default {
           ]
         },
         {
-          icon: 'assets/icon/frontend/023.png',
           name: 'JavaScript教程',
           desc: 'JavaScript 标准参考教程',
           url: 'https://wangdoc.com/javascript/basic/index.html',
@@ -50,13 +47,12 @@ export default {
       title: '文档',
       nav: [
         {
-          icon: 'assets/icon/frontend/023.png',
           name: 'JavaScript Puzzlers',
           desc: '你真的了解JavaScript吗？来试试吧！',
           url: 'http://javascript-puzzlers.herokuapp.com/',
         },
         {
-          icon: 'assets/icon/frontend/040.png',
+          icon: 'https://avatars1.githubusercontent.com/u/41361384?s=200&v=4',
           name: 'InterviewMap',
           desc: '打造最好的面试图谱',
           url: 'https://yuchengkai.cn/docs/zh/',
@@ -67,13 +63,11 @@ export default {
           ]
         },
         {
-          icon: 'assets/icon/frontend/023.png',
           name: '飞冰早报',
           desc: '飞冰早报',
           url: 'http://fe.jskou.com/ice',
         },
         {
-          icon: 'assets/icon/frontend/023.png',
           name: 'jsdoc',
           desc: '用于JavaScript的API文档生成器。',
           url: 'http://www.css88.com/doc/jsdoc/index.html',
@@ -84,7 +78,7 @@ export default {
           ]
         },
         {
-          icon: 'assets/icon/frontend/075.png',
+          icon: 'https://avatars3.githubusercontent.com/u/43479428?s=200&v=4',
           name: '30 seconds of code',
           desc: '精选的有用JavaScript代码段集合，您可以在30秒或更短的时间内理解这些代码段。',
           url: 'https://30secondsofcode.org/',
@@ -95,13 +89,12 @@ export default {
           ]
         },
         {
-          icon: 'assets/icon/frontend/086.jpg',
           name: '33-js-concepts',
           desc: 'JavaScript开发者应懂的33个概念',
           url: 'https://github.com/stephentian/33-js-concepts',
         },
         {
-          icon: 'assets/icon/frontend/114.png',
+          icon: 'https://avatars1.githubusercontent.com/u/1725583?s=200&v=4',
           name: 'ECMAScript Proposals',
           desc: '跟踪ECMAScript 提案',
           url: 'https://tc39.github.io/process-document/',
@@ -112,7 +105,7 @@ export default {
           ]
         },
         {
-          icon: 'assets/icon/frontend/114.png',
+          icon: 'https://avatars1.githubusercontent.com/u/1725583?s=200&v=4',
           name: 'ecma262',
           desc: 'ECMA-262的状态，流程和文档',
           url: 'https://tc39.es/ecma262/',
@@ -129,7 +122,6 @@ export default {
           url: 'https://bonsaiden.github.io/JavaScript-Garden/zh/',
         },
         {
-          icon: 'assets/icon/frontend/023.png',
           name: 'Airbnb JavaScript 编码规范',
           desc: 'Airbnb JavaScript 编码规范',
           url: 'https://github.com/yuche/javascript',
@@ -140,13 +132,11 @@ export default {
           ]
         },
         {
-          icon: 'assets/icon/frontend/023.png',
           name: 'Daily-Interview-Question',
           desc: '工作日每天一道前端大厂面试题，祝大家天天进步，一年后会看到不一样的自己',
           url: 'https://github.com/Advanced-Frontend/Daily-Interview-Question',
         },
         {
-          icon: 'assets/icon/frontend/023.png',
           name: 'javascript-algorithms',
           desc: 'JavaScript 算法与数据结构',
           url: 'https://github.com/trekhleb/javascript-algorithms',
diff --git a/data/frontend/tool.ts b/data/frontend/tool.ts
index 87af6964135d1bf911b91f1dfd068cd1363fb4db..b63c789fbeb23aa615cabdc0a6ae402baa7ce17a 100644
--- a/data/frontend/tool.ts
+++ b/data/frontend/tool.ts
@@ -5,37 +5,35 @@ export default {
       title: 'CSS',
       nav: [
         {
-          icon: 'assets/icon/frontend/0.svg',
           name: 'CSS3 UI Lib',
           desc: 'CSS动画集成、在线调试阴影',
           url: 'http://css3lib.alloyteam.com/#panel/demo1',
         },
         {
-          icon: 'assets/icon/utility-tool/032.png',
           name: 'CSS Sprites Generator',
           desc: 'CSS雪碧图生成',
           url: 'https://www.toptal.com/developers/css/sprite-generator',
         },
         {
-          icon: 'assets/icon/utility-tool/003.svg',
+          icon: 'http://www.colorzilla.com/favicon.ico',
           name: 'CSS渐变调试器',
           desc: '前端开发调试CSS渐变必备神器',
           url: 'http://www.colorzilla.com/gradient-editor/',
         },
         {
-          icon: 'assets/icon/frontend/020.png',
+          icon: 'https://animista.net/favicon.ico',
           name: 'Animista',
           desc: '在线生成CSS动画',
           url: 'http://animista.net/play/background/ken-burns',
         },
         {
-          icon: 'assets/icon/frontend/036.png',
+          icon: 'https://cssgradient.io/favicon.ico',
           name: 'CSS Gradient',
           desc: 'CSS渐变调试并生成CSS代码',
           url: 'https://cssgradient.io/',
         },
         {
-          icon: 'assets/icon/frontend/037.png',
+          icon: 'https://www.grabient.com/favicon.ico',
           name: 'Grabient',
           desc: 'CSS渐变调试并生成CSS代码，还可以角度变换',
           url: 'https://www.grabient.com/',
@@ -46,31 +44,30 @@ export default {
           ]
         },
         {
-          icon: 'assets/icon/frontend/0.svg',
+          icon: 'http://pxtoem.com/favicon.ico',
           name: 'px与em单位转换',
           desc: 'px与em单位转换',
           url: 'http://pxtoem.com/',
         },
         {
-          icon: 'assets/icon/frontend/066.gif',
+          icon: 'http://apps.eky.hk/css-triangle-generator/favicon.gif',
           name: 'CSS三角形產生器',
           desc: 'CSS三角形產生器 - 使用純CSS繪畫三角形',
           url: 'http://apps.eky.hk/css-triangle-generator/zh-hant',
         },
         {
-          icon: 'assets/icon/frontend/014.png',
+          icon: 'https://www.sassmeister.com/favicon.ico',
           name: 'SassMeister',
           desc: '将sass语法转换成CSS语法',
           url: 'https://www.sassmeister.com/',
         },
         {
-          icon: 'assets/icon/frontend/103.png',
+          icon: 'https://transfonter.org/favicon.ico',
           name: 'transfonter',
           desc: '字体图标转换Base64',
           url: 'https://transfonter.org/',
         },
         {
-          icon: 'assets/icon/frontend/104.png',
           name: 'Loading集合',
           desc: '上千种Loading认你选',
           url: 'https://www.xiejiahe.com/detail/59ec506be9b3310879551f5e',
@@ -91,15 +88,16 @@ export default {
     },
     {
       title: 'JavaScript',
+      icon: 'https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png',
       nav: [
         {
-          icon: 'assets/icon/utility-tool/004.png',
+          icon: 'https://regexper.com/favicon.ico',
           name: '正则表达式验证器',
           desc: '验证JavaScript正则表达式',
           url: 'https://regexper.com/',
         },
         {
-          icon: 'assets/icon/frontend/064.png',
+          icon: 'https://www.json.cn/favicon.ico',
           name: 'JSON在线解析及格式化验证',
           desc: 'json在线解析,json格式化,json格式验证,json转xml,xml转json',
           url: 'https://www.json.cn/',
@@ -116,19 +114,16 @@ export default {
           ]
         },
         {
-          icon: 'assets/icon/frontend/023.png',
           name: '正则表达式在线测试',
           desc: '正则表达式在线测试',
           url: 'http://tool.chinaz.com/regex',
         },
         {
-          icon: 'assets/icon/frontend/023.png',
           name: 'spy-debugger',
           desc: '微信调试，各种WebView样式调试、手机浏览器的页面真机调试。便捷的远程调试手机页面、抓包工具，支持：HTTP/HTTPS，无需USB连接设备',
           url: 'https://github.com/wuchangming/spy-debugger',
         },
         {
-          icon: 'assets/icon/frontend/023.png',
           name: 'VConsole',
           desc: '一个轻量、可拓展、针对手机网页的前端开发者调试面板',
           url: 'https://github.com/Tencent/vConsole/',
diff --git a/data/utilityTool/gui.ts b/data/utilityTool/gui.ts
index 64eabe35ed3c5abcd829a073910413ee7e3f4e37..23c1b596e8b2c6b47a190ae5f3fc614bf5817912 100644
--- a/data/utilityTool/gui.ts
+++ b/data/utilityTool/gui.ts
@@ -75,6 +75,12 @@ export default {
             'https://github.com/zeit/hyper'
           ]
         },
+        {
+          icon: 'https://www.listary.com/wp-content/themes/listary5/images/favicon.ico',
+          name: 'Listary',
+          desc: 'Listary是Windows的革命性搜索实用程序，它使休闲用户和高级用户都能快速找到文件并启动应用程序！',
+          url: 'https://www.listary.com/',
+        },
       ]
     },
     {
diff --git a/src/view/index/default/index.component.html b/src/view/index/default/index.component.html
index 6cd07deac26ad97076888d34a04cd6526aaaf596..f574e29235d5692ecd3061103c648e9e0f94b5af 100644
--- a/src/view/index/default/index.component.html
+++ b/src/view/index/default/index.component.html
@@ -90,6 +90,7 @@
                 *ngIf="item.icon && item.showSideIcon !== false"
                 [src]="item.icon"
                 class="side-logo"
+                (error)="onSideLogoError($event)"
                 alt="" 
               />
             </div>
diff --git a/src/view/index/default/index.component.ts b/src/view/index/default/index.component.ts
index bf9e3152f4b697fefed5d7d452cadfe564ddb160..13a0f082f5fc44fd19b8bbf94a8342cbc9d5f60b 100644
--- a/src/view/index/default/index.component.ts
+++ b/src/view/index/default/index.component.ts
@@ -154,4 +154,11 @@ export default class HomeComponent {
 
   handleSearch = null
   onImgError = onImgError
+
+  onSideLogoError(e) {
+    const el = e.currentTarget;
+    if (el) {
+      el?.parentNode?.removeChild(el)
+    }
+  }
 }