Remove title if not set

Author: Simon Planinschek

generator.js

@@ -6,11 +6,12 @@ const axios = require('axios')
 const iconURL = 'https://fonts.google.com/metadata/icons'
 
 function setup() {
-  let typesFile = "import React from 'react'\n\n"
-  typesFile +=
-    'export interface IconProps extends React.SVGProps<SVGSVGElement> {\n'
-  typesFile += '\ttitle?: string\n'
-  typesFile += '}\n'
+  const typesFile = `
+    import React from 'react'
+    export interface IconProps extends React.SVGProps<SVGSVGElement> {
+        title?: string
+    }
+    `
 
   // Create types file
   fs.writeFileSync(path.join(__dirname, 'src', 'types.ts'), typesFile)
@@ -41,13 +42,16 @@ function formatName(string) {
  * @returns {string} - Component
  */
 function componentTemplate(name, svg) {
-  let component = "import React from 'react'\n"
-  component += "import { IconProps } from './types'\n\n"
-  component += `const ${name}: React.FC<IconProps> = ({ title = '${name}', ...props }) => (`
-  component += svg + ')\n\n'
-  component += `export { ${name} as default }`
-
-  return component
+  return `
+    import React from 'react'
+    import { IconProps } from './types'
+    
+    const ${name}: React.FC<IconProps> = ({ ...props }) => (
+        ${svg}
+    )
+    
+    export { ${name} as default } 
+  `
 }
 
 /**
@@ -86,7 +90,7 @@ async function getSVGFile(icon, version) {
     .replace(/enable-background/g, 'enableBackground')
     .replace(/clip-rule/g, 'clipRule')
     .replace(/fill-rule/g, 'fillRule')
-    .replace('>', '><title>{title}</title>')
+    .replace('>', '>{props.title && <title>{props.title}</title>}')
 }
 
 /**