feat: 优化 Bucket 图标组件的 SVG 格式和代码结构

Author: lin-snow

web/src/components/icons/bucket.vue

@@ -1,10 +1,17 @@
-
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><!-- Icon from Tabler Icons by Paweł Kuna - https://github.com/tabler/tabler-icons/blob/master/LICENSE --><g fill="none" stroke="#888888" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M4 7a8 4 0 1 0 16 0A8 4 0 1 0 4 7"></path><path d="M4 7c0 .664.088 1.324.263 1.965L7 19c.5 1.5 2.239 2 5 2s4.5-.5 5-2q.5-1.5 2.737-10.035A7.5 7.5 0 0 0 20 7"></path></g></svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
+    <!-- Icon from Tabler Icons by Paweł Kuna - https://github.com/tabler/tabler-icons/blob/master/LICENSE -->
+    <g fill="none" stroke="#888888" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+      <path d="M4 7a8 4 0 1 0 16 0A8 4 0 1 0 4 7"></path>
+      <path
+        d="M4 7c0 .664.088 1.324.263 1.965L7 19c.5 1.5 2.239 2 5 2s4.5-.5 5-2q.5-1.5 2.737-10.035A7.5 7.5 0 0 0 20 7"
+      ></path>
+    </g>
+  </svg>
 </template>
 
 <script lang="ts">
 export default {
-  name: 'TablerBucket'
+  name: 'TablerBucket',
 }
 </script>