refactor: simplify SvgIcon component by removing unused img tag and cleaning up iconName computation

src/component/Canvas/SvgIcon/index.vue

@@ -1,16 +1,12 @@
 <template>
   <div class="c-svg">
-    <!-- <svg
+    <svg
       :class="svgClass"
       v-bind="$attrs"
       :style="{ color: color, fontSize: size + 'px' }"
     >
       <use :href="iconName"></use>
-    </svg> -->
-	<img  
-	  :class="svgClass"
-      v-bind="$attrs"
-      :style="{ color: color, fontSize: size + 'px' }" :src='iconName' alt="">
+    </svg>
   </div>
 </template>
 
@@ -30,12 +26,7 @@ const props = defineProps({
     default: 16,
   },
 });
-const iconName = computed(() => {
-	console.log(require(`@/assets/icons/${props.name}.svg`))
-	return require(`@/assets/icons/${props.name}.svg`)
-	return imgUrl
-});
-// const iconName = computed(() => `#icon-${props.name}`);
+const iconName = computed(() => `#icon-${props.name}`);
 const svgClass = computed(() => {
   if (props.name) return `svg-icon icon-${props.name}`;
   return "svg-icon";