diff --git a/web/public/iconfont.js b/web/public/iconfont.js
index 36b3dbda3f..f8deb7dc4a 100644
--- a/web/public/iconfont.js
+++ b/web/public/iconfont.js
@@ -2,6 +2,8 @@
 ((window._iconfont_svg_string_4909832 =
   '<svg>' +
   `
+    <symbol id="icon-html" viewBox="0 0 1024 1024"><path d="M533.367467 0h52.565333v107.178667c99.054933 0.682667 198.212267-1.3312 297.198933 0.580266 21.2992-2.594133 37.9904 18.705067 35.84 46.08 1.604267 222.4128-0.341333 444.962133 0.9216 667.511467-0.9216 24.064 1.809067 50.722133-8.874666 72.021333-13.550933 12.629333-31.163733 10.9568-47.0016 11.946667-92.672-0.6144-185.344-0.443733-278.084267-0.443733V1024h-57.685333c-141.243733-33.109333-282.760533-63.317333-424.072534-95.232-0.1024-277.8112-0.1024-555.554133 0-833.262933C247.1936 63.6928 390.178133 31.3344 533.367467 0z" fill="#64A247" ></path><path d="M148.206933 564.804267v-148.241067H168.96v58.368h40.721067v-58.368h20.7872v148.206933h-20.821334v-64.785066H168.96v64.8192h-20.753067z m126.907734 0v-123.153067h-30.549334v-25.088H326.314667v25.088h-30.446934v123.153067H275.114667z m64.341333 0v-148.241067h31.061333l18.705067 101.102933 18.432-101.102933h31.163733v148.206933h-19.285333v-116.6336l-20.445867 116.6336h-19.968L358.741333 448.170667v116.6336h-19.285333z m120.558933 0v-147.0464h20.7872v122.0608h51.643734v24.951466h-72.430934z m115.712-422.570667v739.5328h300.066134V142.2336h-300.100267z m67.515734 431.069867l-43.6224-46.592a10.376533 10.376533 0 0 1-2.184534-6.792534 13.312 13.312 0 0 1 2.184534-7.748266l43.6224-46.557867c1.8432-2.4576 4.471467-3.413333 6.9632-2.491733 2.491733 0.887467 4.437333 3.4816 5.12 6.792533 0.648533 3.310933-0.068267 6.826667-1.877334 9.250133l-37.853866 40.823467 37.853866 40.7552c2.901333 3.857067 2.901333 9.693867 0 12.629333a6.3488 6.3488 0 0 1-5.12 2.901334 6.3488 6.3488 0 0 1-5.12-2.935467l0.034134-0.034133z m16.042666 68.846933c-4.369067-0.955733-5.12-7.748267-2.935466-12.629333l90.9312-233.6768c2.184533-4.846933 6.5536-6.826667 10.205866-3.8912 3.208533 3.140267 4.130133 8.977067 2.184534 13.585066l-90.2144 232.789334c-2.184533 4.846933-5.802667 5.802667-10.205867 3.857066z m154.2144-114.449067l-43.656533 46.557867c-2.798933 3.754667-7.3728 3.754667-10.171733 0a11.946667 11.946667 0 0 1 0-13.550933l37.819733-40.721067-37.819733-40.7552a11.9808 11.9808 0 0 1 0-13.550933c2.798933-3.754667 7.3728-3.754667 10.171733 0l43.690667 46.557866a14.472533 14.472533 0 0 1 2.1504 8.738134 12.3904 12.3904 0 0 1-2.184534 6.7584v-0.034134z" fill="#FFFFFF" ></path></symbol>
+
     <symbol id="icon-json" viewBox="0 0 1024 1024"><path d="M535.1936 0h69.54496v95.27808c124.17536 0.67584 248.35072-1.3568 373.20192 0.67584a40.63744 40.63744 0 0 1 45.1584 45.1584c1.91488 234.57792 0 469.26848 1.1264 703.8464-1.1264 24.04864 2.25792 50.688-11.2896 72.02304-17.04448 12.42112-38.94272 11.2896-58.81344 11.2896h-349.1584v95.27808h-72.92416C354.9184 990.9248 177.4592 960.55808 0 928.72704V95.49312C178.36032 63.55968 356.8384 32.512 535.1936 0z" fill="#EC4F45" p-id="6512"></path><path d="M212.1472 742.64576c36.70016 0 65.37216-9.58464 86.016-28.75392 20.64384-19.16928 30.96576-48.57856 30.96576-88.22784V309.12512H254.90944v313.09824c0 19.33312-3.52256 34.4064-10.56768 45.21984-7.04512 10.81344-20.0704 16.22016-39.07584 16.22016-5.57056 0-11.0592-0.24576-16.46592-0.73728a372.4288 372.4288 0 0 1-15.48288-1.72032v58.9824c5.57056 0.65536 11.96032 1.2288 19.16928 1.72032a291.2256 291.2256 0 0 0 19.6608 0.73728zM604.73856 130.94912v762.10176h383.81568V130.94912z" fill="#FFFFFF" p-id="6513"></path><path d="M645.48864 294.2976h302.42304v110.29504h-302.42304V294.2976z m0 164.70528h302.42304v110.28992h-302.42304V459.008z m0 164.70016h302.42304v110.29504h-302.42304v-110.29504z" fill="#EC4F45" p-id="6514"></path></symbol>
     <symbol id="icon-moxing-default" viewBox="0 0 1024 1024"><path d="M771.7 616.4c-13.9 0-27.8 4.4-41.7 8.9L590.8 381c23.2-22.2 41.7-48.9 41.7-84.4 0-62.2-51-111.1-115.9-111.1s-115.9 53.3-115.9 111.1c0 26.6 9.3 53.3 27.8 75.5L284.7 620.8c-9.3 0-18.5-4.4-27.8-4.4-64.9 0-115.9 48.9-115.9 111 0 62.2 51 111.1 115.9 111.1 55.7 0 102-40 111.3-93.3h287.5c9.3 53.3 55.7 93.3 111.3 93.3 64.9 0 115.9-48.9 115.9-111.1 0.1-62.1-46.3-111-111.2-111zM665 700.8H372.9c-4.6-26.7-23.2-48.9-41.7-62.2l139.1-239.9c13.9 8.9 32.5 8.9 46.4 8.9 9.3 0 23.2 0 32.5-4.4L693 647.5c-14 13.3-23.3 31.1-28 53.3z"  ></path></symbol>
     <symbol id="icon-builtin" viewBox="0 0 1024 1024"><path d="M544.256 45.824a64 64 0 0 0-64.512 0l-352 205.312a64 64 0 0 0-31.744 55.296v22.1696a64 64 0 1 0 64 0v-22.1696L512 101.12l352 205.312v141.6192h64V306.432a64 64 0 0 0-31.744-55.296L544.2048 45.824zM960 640c0 23.7056-12.8512 44.3904-32 55.5008v22.1696c0 22.784-12.0832 43.8272-31.744 55.296l-352.0512 205.312a64 64 0 0 1-64.512 0l-351.9488-205.312a64 64 0 0 1-31.744-55.296v-141.6192h64v141.6192L512 922.9824l352-205.312v-22.1696A64 64 0 1 1 960 640z" ></path><path d="M316.3136 704H256l135.5776-384H457.216l135.5776 384h-60.3648l-34.4064-101.5808H350.8224l-34.5088 101.632zM425.984 389.8368h-2.9184l-55.6544 163.84h114.1248l-55.552-163.84zM704 320v384h-56.832v-384h56.832z"  ></path></symbol>
diff --git a/web/src/constants/file.ts b/web/src/constants/file.ts
index a6809703c6..27c8318b6a 100644
--- a/web/src/constants/file.ts
+++ b/web/src/constants/file.ts
@@ -18,5 +18,6 @@ export const FileIconMap = {
   mkv: 'mkv',
   rmvb: 'rmvb',
   wav: 'wav',
+  html: 'html',
   json: 'json',
 };