changes

app/components/media/ChipImage.vue

@@ -12,7 +12,10 @@
         class="p-2 is-flex is-justify-content-center is-align-items-center"
         style="min-height: 120px"
       >
-        <SvgIcon v-bind="{ name: 'pdf.svg', type: 'primary', size: 32 }" />
+        <Icon
+          name="mdi:file-pdf-box"
+          :size="32"
+        />
       </div>
       <div
         v-else
@@ -45,7 +48,10 @@
           @click="this.$copyToClipboard(`${$getpath()}static/files/${file.file__file}`)"
         >
           <span class="icon">
-            <SvgIcon v-bind="{ name: 'copy.svg', type: 'primary', size: 18 }" />
+            <Icon
+              name="material-symbols:content-copy-outline-rounded"
+              :size="18"
+            />
           </span>
         </button>
         <button
@@ -53,7 +59,10 @@
           @click="download()"
         >
           <span class="icon">
-            <SvgIcon v-bind="{ name: 'download.svg', type: 'primary', size: 18 }" />
+            <Icon
+              name="material-symbols:download-rounded"
+              :size="18"
+            />
           </span>
         </button>
         <button
@@ -62,7 +71,10 @@
           @click="askConfirm()"
         >
           <span class="icon">
-            <SvgIcon v-bind="{ name: 'bin1.svg', type: 'primary', size: 18 }" />
+            <Icon
+              name="material-symbols:delete-outline-rounded"
+              :size="18"
+            />
           </span>
         </button>
       </div>