diff --git a/frontend/src/assets/icons/helpers/convertSvgToVue.js b/frontend/src/assets/icons/helpers/convertSvgToVue.js
index c4ee28ec7..9f689cc47 100644
--- a/frontend/src/assets/icons/helpers/convertSvgToVue.js
+++ b/frontend/src/assets/icons/helpers/convertSvgToVue.js
@@ -16,7 +16,14 @@ readdirSync(inputDir).forEach((file) => {
   const fileName = parse(file).name
   // eslint-disable-next-line security/detect-non-literal-fs-filename
   const content = readFileSync(filePath, 'utf8')
-  const vueComponent = `<!-- eslint-disable vue/multi-word-component-names -->\n<!-- eslint-disable @intlify/vue-i18n/no-raw-text -->\n<template>\n${content}\n<style scss>\n.svg-icon {\nfill: currentcolor;\nstroke: currentcolor;\n}\n</style>\n</template>\n`
+
+  // add 'fill' and 'stroke' attributes to SVG code
+  const modifiedContent = content.replace(
+    /<svg([^>]*)>/,
+    '<svg$1 fill="currentColor" stroke="currentColor">',
+  )
+
+  const vueComponent = `<!-- eslint-disable vue/multi-word-component-names -->\n<!-- eslint-disable @intlify/vue-i18n/no-raw-text -->\n<template>\n${modifiedContent}\n</template>\n`
 
   const outputFilePath = join(outputDir, `${fileName}.vue`)
   // eslint-disable-next-line security/detect-non-literal-fs-filename