diff --git a/src/assets/images/utility/docx.svg b/src/assets/images/utility/docx.svg
new file mode 100644
index 0000000..23a797e
--- /dev/null
+++ b/src/assets/images/utility/docx.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1623814499274" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9938" width="35" height="35" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M910.2336 1024H113.7664C51.2 1024 0 972.8 0 910.2336V113.7664C0 51.2 51.2 0 113.7664 0h796.4672C972.8 0 1024 51.2 1024 113.7664v796.4672C1024 972.8 972.8 1024 910.2336 1024zM850.5088 253.824h-71.68l-101.3248 391.68c-5.3504 19.328-8.576 36.224-9.6768 50.688h-1.3312c-2.2272-20.0192-5.0944-36.4544-8.6528-49.3824L551.168 253.8496h-65.664L373.8368 643.84c-6.2464 21.9904-9.8816 39.6544-11.008 52.992h-1.9968a254.976 254.976 0 0 0-8.3456-52.992L247.168 253.824H173.4912l149.6832 516.352h77.0048l104.96-372.6592a249.0112 249.0112 0 0 0 9.344-52.6848h1.3312c0.9216 18.6624 3.6864 36.4288 8.3456 53.3248l104.0128 371.9936h77.6704l144.64-516.3264z" fill="#3A80FC" p-id="9939"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/utility/jpg.svg b/src/assets/images/utility/jpg.svg
new file mode 100644
index 0000000..ac99081
--- /dev/null
+++ b/src/assets/images/utility/jpg.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1631085708689" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1181" width="35" height="35" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M910.2336 1024H113.7664C51.2 1024 0 972.8 0 910.2336V113.7664C0 51.2 51.2 0 113.7664 0h796.4672C972.8 0 1024 51.2 1024 113.7664v796.4672C1024 972.8 972.8 1024 910.2336 1024zM793.6 230.4H230.4c-28.2368 0-51.2 22.9632-51.2 51.2v460.8c0 28.2368 22.9632 51.2 51.2 51.2h563.2c28.2368 0 51.2-22.9632 51.2-51.2V281.6c0-28.2368-22.9632-51.2-51.2-51.2z m0 51.2l0.0256 416.9472L640 435.2l-128 230.4-128-128-153.6 175.5392V281.6h563.2z m-452.2752 173.5168a56.9088 56.9088 0 1 0-0.0256-113.8176 56.9088 56.9088 0 0 0 0.0256 113.8176z" fill="#1AA5DD" p-id="1182"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/utility/mp3.svg b/src/assets/images/utility/mp3.svg
new file mode 100644
index 0000000..a8d031d
--- /dev/null
+++ b/src/assets/images/utility/mp3.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1623814999557" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21326" width="35" height="35" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M833.4336 179.2l-483.584 113.7664V674.176a143.3344 143.3344 0 0 0-56.8832-11.4176C230.144 662.7584 179.2 700.928 179.2 748.0832c0 47.1296 50.944 85.3504 113.7664 85.3504 62.848 0 113.792-38.2208 113.792-85.3504V336.4864l369.7664-87.0144V560.384a143.3344 143.3344 0 0 0-56.8832-11.4176c-62.8224 0-113.7664 38.2208-113.7664 85.3504 0 47.104 50.944 85.3248 113.7664 85.3248 62.848 0 113.792-38.1952 113.792-85.3248V179.2z m76.8 844.8H113.7664C51.2 1024 0 972.8 0 910.2336V113.7664C0 51.2 51.2 0 113.7664 0h796.4672C972.8 0 1024 51.2 1024 113.7664v796.4672C1024 972.8 972.8 1024 910.2336 1024z" fill="#de4873" p-id="21327"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/utility/mp4.svg b/src/assets/images/utility/mp4.svg
new file mode 100644
index 0000000..7b76aa9
--- /dev/null
+++ b/src/assets/images/utility/mp4.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1623814951760" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20161" width="35" height="35" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M910.2336 1024H113.7664C51.2 1024 0 972.8 0 910.2336V113.7664C0 51.2 51.2 0 113.7664 0h796.4672C972.8 0 1024 51.2 1024 113.7664v796.4672C1024 972.8 972.8 1024 910.2336 1024z m-768-341.3248h512V341.3248h-512v341.3504zM663.9616 512l217.8048 160.9216V351.0784L663.9616 512z" fill="#655dd4" p-id="20162"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/utility/other.svg b/src/assets/images/utility/other.svg
new file mode 100644
index 0000000..9678ef6
--- /dev/null
+++ b/src/assets/images/utility/other.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1623817894067" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="31691" width="35" height="35" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M0.0512 0.0512m102.4 0l819.0976 0q102.4 0 102.4 102.4l0 819.0976q0 102.4-102.4 102.4l-819.0976 0q-102.4 0-102.4-102.4l0-819.0976q0-102.4 102.4-102.4Z" fill="#000000" opacity=".6" p-id="31692"></path><path d="M475.6992 307.2c12.032 0 23.1168 6.0416 29.6192 15.9488l1.792 3.072 8.7552 19.456 158.208 0.4864c11.9552-0.0512 25.5488 23.4752 25.5488 44.1344l4.3776 32.1024c13.3376 10.2912 32 31.744 34.4576 47.6416l0.256 3.328v185.6c0 25.9072-19.5584 47.232-44.288 49.2032l-3.7632 0.1536h-373.76c-25.2928 0-46.0288-20.0704-47.9488-45.5168l-0.1536-3.84V356.608c0-25.9584 19.5584-47.2832 44.288-49.2544l3.7632-0.1536h158.8736z m0.8448 49.1264h-145.6128a17.152 17.152 0 0 0-16.6912 14.976l-0.1792 2.6112v269.3632c0 8.8064 6.272 16.128 14.3872 17.3568l2.4832 0.2048H673.5872a17.152 17.152 0 0 0 16.6656-14.976l0.1792-2.56v-165.376c0-8.6784-8.7808-14.5152-17.7664-15.4368l-2.432-0.128h-142.08c-0.256 0-0.5632-0.1536-0.9216-0.512l-1.28-1.5872-1.664-2.6368-2.048-3.6864-3.7376-7.5008-6.3232-13.6704-7.808-17.92-14.5408-34.7392-8.5248-20.9408a5.3248 5.3248 0 0 0-3.328-2.6624l-1.4336-0.1792z" fill="#FFFFFF" p-id="31693"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/utility/pdf.svg b/src/assets/images/utility/pdf.svg
new file mode 100644
index 0000000..4a4a921
--- /dev/null
+++ b/src/assets/images/utility/pdf.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1623814365428" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1201" width="35" height="35" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M0 0m93.090909 0l837.818182 0q93.090909 0 93.090909 93.090909l0 837.818182q0 93.090909-93.090909 93.090909l-837.818182 0q-93.090909 0-93.090909-93.090909l0-837.818182q0-93.090909 93.090909-93.090909Z" fill="#FA4E4E" p-id="1202"></path><path d="M705.186909 643.991273c-40.145455-2.978909-78.789818-17.885091-110.010182-44.718546-60.939636 13.416727-118.923636 32.802909-176.896 56.645818C372.200727 737.896727 329.099636 779.636364 291.933091 779.636364c-7.435636 0-16.349091-1.489455-22.295273-5.957819-16.360727-7.447273-25.274182-23.854545-25.274182-40.250181 0-13.416727 2.967273-50.676364 144.186182-111.790546 32.698182-59.624727 57.984-120.738909 78.789818-184.832-17.838545-35.770182-56.482909-123.717818-29.730909-168.436363 8.925091-16.395636 26.763636-25.332364 46.08-23.854546 14.871273 0 29.730909 7.458909 38.656 19.386182 19.316364 26.833455 17.838545 83.467636-7.447272 166.946909a449.431273 449.431273 0 0 0 92.171636 119.237818c31.220364-5.957818 62.440727-10.426182 93.649454-10.426182 69.864727 1.489455 80.279273 34.280727 78.778182 53.655273 0 50.676364-49.047273 50.676364-74.309818 50.676364z m-416.232727 92.416l4.468363-1.489455c20.805818-7.447273 37.154909-22.353455 49.047273-41.739636-22.295273 8.948364-40.133818 23.854545-53.515636 43.229091z m197.701818-447.162182h-4.456727c-1.477818 0-4.456727 0-5.934546 1.489454-5.946182 25.332364-1.489455 52.165818 8.913455 76.020364 8.913455-25.344 8.913455-52.177455 1.489454-77.509818z m10.414545 216.122182l-1.489454 2.990545-1.489455-1.489454c-13.381818 34.280727-28.241455 68.561455-44.590545 101.352727l2.978909-1.489455v2.978909a863.883636 863.883636 0 0 1 101.073455-29.812363l-1.477819-1.489455h4.456728c-22.295273-22.353455-43.112727-47.697455-59.461819-73.041454z m202.170182 79.010909c-13.381818 0-25.274182 0-38.656 2.978909 14.871273 7.447273 29.730909 10.426182 44.602182 11.915636 10.402909 1.501091 20.805818 0 29.719273-2.978909 0-4.468364-5.934545-11.915636-35.665455-11.915636z" fill="#FFFFFF" p-id="1203"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/utility/ppt.svg b/src/assets/images/utility/ppt.svg
new file mode 100644
index 0000000..127f088
--- /dev/null
+++ b/src/assets/images/utility/ppt.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1623817483803" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24930" width="35" height="35" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M910.2336 1024H113.7664C51.2 1024 0 972.8 0 910.2336V113.7664C0 51.2 51.2 0 113.7664 0h796.4672C972.8 0 1024 51.2 1024 113.7664v796.4672C1024 972.8 972.8 1024 910.2336 1024zM425.0624 579.3536h66.9952c54.016 1.7664 99.0208-13.056 135.04-44.5184 35.968-31.4368 53.9648-72.4992 53.9648-123.136 0-50.0224-15.36-88.448-46.1568-115.3536C604.16 269.4656 560.8448 256 505.088 256H358.4v516.352h66.6624v-192.9984z m0-264.6784h68.0192c78.6432 0 117.9904 33.2288 117.9904 99.6864 0 34.2016-10.5472 60.4928-31.6672 78.7968-21.0944 18.3552-51.968 27.52-92.672 27.52h-61.6704v-206.0032z" fill="#F34E19" p-id="24931"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/utility/txt.svg b/src/assets/images/utility/txt.svg
new file mode 100644
index 0000000..95f328d
--- /dev/null
+++ b/src/assets/images/utility/txt.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1623814682090" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13249" width="35" height="35" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M910.2336 1024H113.7664C51.2 1024 0 972.8 0 910.2336V113.7664C0 51.2 51.2 0 113.7664 0h796.4672C972.8 0 1024 51.2 1024 113.7664v796.4672C1024 972.8 972.8 1024 910.2336 1024z m-270.6176-253.824l-196.6592-516.352h-71.3472l-196.6592 516.352h73.6768l49.664-141.3376h214.9888l52.6592 141.3376h73.6768z m-146.9952-199.68h-173.3376l77.312-214.656c3.1232-8.448 5.888-20.48 8.3456-36.0192h1.6896c2.8672 17.1264 5.5296 29.1328 7.9872 36.0192l78.0032 214.656z m15.104-257.1008h341.3504V256.512H507.7248v56.8832z m85.3504 142.2336h256v-56.8832h-256v56.8832z m85.3248 142.208h170.6752v-56.8832H678.4v56.8832z" fill="#13bbad" p-id="13250"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/utility/xlsx.svg b/src/assets/images/utility/xlsx.svg
new file mode 100644
index 0000000..86287dd
--- /dev/null
+++ b/src/assets/images/utility/xlsx.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1623814720037" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14274" width="35" height="35" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M910.2336 1024H113.7664C51.2 1024 0 972.8 0 910.2336V113.7664C0 51.2 51.2 0 113.7664 0h796.4672C972.8 0 1024 51.2 1024 113.7664v796.4672C1024 972.8 972.8 1024 910.2336 1024z m-152.2688-210.816L567.04 509.4656l188.2368-298.6752h-89.088l-124.416 206.5152a494.336 494.336 0 0 0-22.9376 44.7232h-1.5616a415.5392 415.5392 0 0 0-20.992-42.7776l-119.0144-208.4608h-95.2576l184.32 299.8528-200.2688 302.5408h94.8736l138.4448-226.304c8.832-18.944 13.4912-29.44 14.0032-31.488h1.9456c5.9904 15.5136 10.496 25.9072 13.6192 31.0784l134.5536 226.7136h94.4896z" fill="#039E55" p-id="14275"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/utility/zip.svg b/src/assets/images/utility/zip.svg
new file mode 100644
index 0000000..1937746
--- /dev/null
+++ b/src/assets/images/utility/zip.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1623815143129" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23848" width="35" height="35" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M910.2336 1024H113.7664C51.2 1024 0 972.8 0 910.2336V113.7664C0 51.2 51.2 0 113.7664 0h796.4672C972.8 0 1024 51.2 1024 113.7664v796.4672C1024 972.8 972.8 1024 910.2336 1024zM569.6 230.4v112.64H512v56.32h57.6v56.32H512V512h57.6v112.64h-115.2v-56.32H512V512h-57.6v-56.32H512v-56.32h-57.6v-56.32H512V230.4h-230.4v563.2h460.8V230.4h-172.8z" fill="#655dd4" p-id="23849"></path></svg>
\ No newline at end of file