Added new types file and title tag to generator.js

Author: Simon Planinschek

generator.js

@@ -6,11 +6,14 @@ 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'
+
   // Create types file
-  fs.writeFileSync(
-    path.join(__dirname, 'src', 'types.ts'),
-    'import React from "react" \nexport type IconProps = React.SVGProps<SVGSVGElement>'
-  )
+  fs.writeFileSync(path.join(__dirname, 'src', 'types.ts'), typesFile)
 }
 
 /**
@@ -83,6 +86,12 @@ async function getSVGFile(icon, version) {
     .replace(/enable-background/g, 'enableBackground')
     .replace(/clip-rule/g, 'clipRule')
     .replace(/fill-rule/g, 'fillRule')
+    .replace(
+      '>',
+      `><title>{props.title === undefined ? '${formatName(
+        icon
+      )}' : props.title}</title>`
+    )
 }
 
 /**