icon change

Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>

src/components/FormWishlistItem.vue

@@ -9,7 +9,7 @@
     />
     <div class="flex w-full flex-col justify-between space-y-2 p-2">
       <div class="mb-4 flex flex-row items-center space-x-2 text-xl">
-        <IconPlus v-if="mode === 'create'" class="h-6 w-6" />
+        <IconCreation v-if="mode === 'create'" class="h-6 w-6" />
         <IconPencil v-else class="h-5 w-5" />
         <h1 v-if="mode === 'create'">
           {{ t('components.form-wishlist-item.headline-new-item.text') }}
@@ -80,7 +80,12 @@ import {
   InputCheckbox,
   InputTextArea,
 } from '@/components'
-import { IconSave, IconDelete, IconPlus, IconPencil } from '@/components/icons'
+import {
+  IconSave,
+  IconDelete,
+  IconCreation,
+  IconPencil,
+} from '@/components/icons'
 import { WishlistItem } from '@/types'
 import { PropType } from 'vue'
 

src/components/icons/IconCreation.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M19 1l-1.26 2.75L15 5l2.74 1.26L19 9l1.25-2.74L23 5l-2.75-1.25M9 4L6.5 9.5L1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5M19 15l-1.26 2.74L15 19l2.74 1.25L19 23l1.25-2.75L23 19l-2.75-1.26"
+    ></path>
+  </svg>
+</template>

src/components/icons/IconPlus.vue

@@ -1,5 +0,0 @@
-<template>
-  <svg viewBox="0 0 24 24">
-    <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-  </svg>
-</template>

src/components/icons/index.ts

@@ -12,5 +12,5 @@ export { default as IconToggleOn } from './IconToggleOn.vue'
 export { default as IconToggleOff } from './IconToggleOff.vue'
 export { default as IconSave } from './IconSave.vue'
 export { default as IconDelete } from './IconDelete.vue'
-export { default as IconPlus } from './IconPlus.vue'
+export { default as IconCreation } from './IconCreation.vue'
 export { default as IconPencil } from './IconPencil.vue'