Optional title

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>}')
 }
 
 /**

package.json

@@ -40,18 +40,18 @@
   "devDependencies": {
     "@types/jest": "^26.0.14",
     "@types/react": "^16.9.50",
-    "@typescript-eslint/parser": "^4.3.0",
     "@typescript-eslint/eslint-plugin": "^4.3.0",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "axios": "^0.20.0",
-    "jest": "^26.4.2",
+    "@typescript-eslint/parser": "^4.3.0",
+    "axios": "^0.21.1",
     "eslint": "^7.10.0",
     "eslint-config-prettier": "^6.12.0",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-jest": "^24.0.2",
     "eslint-plugin-prettier": "^3.1.4",
+    "jest": "^26.4.2",
     "prettier": "^2.1.2",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
     "ts-jest": "^26.4.1",
     "typescript": "^4.0.3"
   },

src/Icon10k.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon10k: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M10 10.5h1.5v3H10zM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM7.5 15H6v-4.5H4.5V9h3v6zm5.5-1c0 .55-.45 1-1 1H9.5c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1H12c.55 0 1 .45 1 1v4zm6.5 1h-1.75L16 12.75V15h-1.5V9H16v2.25L17.75 9h1.75l-2.25 3 2.25 3z" />
+  </svg>
+)
+
+export { Icon10k as default }

src/Icon10mp.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon10mp: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M13.5 7H15v3h-1.5zM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 15.5h-1.5V14h-1v3H8v-3H7v4.5H5.5v-5c0-.55.45-1 1-1H11c.55 0 1 .45 1 1v5zm3.5 0H14v-6h3.5c.55 0 1 .45 1 1V16c0 .55-.45 1-1 1h-2v1.5zM10 5.5v6H8.5V7H7V5.5h3zm6.5 5c0 .55-.45 1-1 1H13c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h2.5c.55 0 1 .45 1 1v4zm-1 3.5H17v1.5h-1.5z" />
+  </svg>
+)
+
+export { Icon10mp as default }

src/Icon11mp.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon11mp: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 15.5h-1.5V14h-1v3H8v-3H7v4.5H5.5v-5c0-.55.45-1 1-1H11c.55 0 1 .45 1 1v5zm3.5 0H14v-6h3.5c.55 0 1 .45 1 1V16c0 .55-.45 1-1 1h-2v1.5zM11 5.5v6H9.5V7H8V5.5h3zm5 0v6h-1.5V7H13V5.5h3zm-.5 8.5H17v1.5h-1.5z" />
+  </svg>
+)
+
+export { Icon11mp as default }

src/Icon12mp.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon12mp: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 15.5h-1.5V14h-1v3H8v-3H7v4.5H5.5v-5c0-.55.45-1 1-1H11c.55 0 1 .45 1 1v5zm3.5 0H14v-6h3.5c.55 0 1 .45 1 1V16c0 .55-.45 1-1 1h-2v1.5zM10 5.5v6H8.5V7H7V5.5h3zM15.5 9h-2v1h3v1.5H12V9c0-.55.45-1 1-1h2V7h-3V5.5h3.5c.55 0 1 .45 1 1V8c0 .55-.45 1-1 1zm0 5H17v1.5h-1.5z" />
+  </svg>
+)
+
+export { Icon12mp as default }

src/Icon13mp.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon13mp: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 15.5h-1.5V14h-1v3H8v-3H7v4.5H5.5v-5c0-.55.45-1 1-1H11c.55 0 1 .45 1 1v5zm3.5 0H14v-6h3.5c.55 0 1 .45 1 1V16c0 .55-.45 1-1 1h-2v1.5zM10 5.5v6H8.5V7H7V5.5h3zm6.5 5c0 .55-.45 1-1 1H12V10h3V9h-2V8h2V7h-3V5.5h3.5c.55 0 1 .45 1 1v4zm-1 3.5H17v1.5h-1.5z" />
+  </svg>
+)
+
+export { Icon13mp as default }

src/Icon14mp.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon14mp: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 15.5h-1.5V14h-1v3H8v-3H7v4.5H5.5v-5c0-.55.45-1 1-1H11c.55 0 1 .45 1 1v5zm3.5 0H14v-6h3.5c.55 0 1 .45 1 1V16c0 .55-.45 1-1 1h-2v1.5zM10 5.5v6H8.5V7H7V5.5h3zm7.5 4.5h-1v1.5H15V10h-3V5.5h1.5v3H15v-3h1.5v3h1V10zm-2 4H17v1.5h-1.5z" />
+  </svg>
+)
+
+export { Icon14mp as default }

src/Icon15mp.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon15mp: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 15.5h-1.5V14h-1v3H8v-3H7v4.5H5.5v-5c0-.55.45-1 1-1H11c.55 0 1 .45 1 1v5zm3.5 0H14v-6h3.5c.55 0 1 .45 1 1V16c0 .55-.45 1-1 1h-2v1.5zM10 5.5v6H8.5V7H7V5.5h3zM16.5 7h-3v1h2c.55 0 1 .45 1 1v1.5c0 .55-.45 1-1 1H12V10h3V9h-3V5.5h4.5V7zm-1 7H17v1.5h-1.5z" />
+  </svg>
+)
+
+export { Icon15mp as default }

src/Icon16mp.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon16mp: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M13.5 9H15v1.5h-1.5zM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 15.5h-1.5V14h-1v3H8v-3H7v4.5H5.5v-5c0-.55.45-1 1-1H11c.55 0 1 .45 1 1v5zm3.5 0H14v-6h3.5c.55 0 1 .45 1 1V16c0 .55-.45 1-1 1h-2v1.5zM10 5.5v6H8.5V7H7V5.5h3zm3 6c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3.5V7h-3v1h2c.55 0 1 .45 1 1v1.5c0 .55-.45 1-1 1H13zm2.5 2.5H17v1.5h-1.5z" />
+  </svg>
+)
+
+export { Icon16mp as default }

src/Icon17mp.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon17mp: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 15.5h-1.5V14h-1v3H8v-3H7v4.5H5.5v-5c0-.55.45-1 1-1H11c.55 0 1 .45 1 1v5zm3.5 0H14v-6h3.5c.55 0 1 .45 1 1V16c0 .55-.45 1-1 1h-2v1.5zM10 5.5v6H8.5V7H7V5.5h3zm5 6h-1.75L14.62 7H12V5.5h3.5c.67 0 1.15.65.96 1.29L15 11.5zm.5 2.5H17v1.5h-1.5z" />
+  </svg>
+)
+
+export { Icon17mp as default }

src/Icon18mp.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon18mp: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 15.5h-1.5V14h-1v3H8v-3H7v4.5H5.5v-5c0-.55.45-1 1-1H11c.55 0 1 .45 1 1v5zm3.5 0H14v-6h3.5c.55 0 1 .45 1 1V16c0 .55-.45 1-1 1h-2v1.5zM10 5.5v6H8.5V7H7V5.5h3zm6.5 5c0 .55-.45 1-1 1H13c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h2.5c.55 0 1 .45 1 1v4zm-3 0H15V9h-1.5v1.5zm0-2.5H15V6.5h-1.5V8zm2 6H17v1.5h-1.5z" />
+  </svg>
+)
+
+export { Icon18mp as default }

src/Icon19mp.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon19mp: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 7h3V9h-2c-.55 0-1-.45-1-1V6.5c0-.55.45-1 1-1h2.5c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1H12V10zm1.5-2H15V6.5h-1.5V8zM7 5.5h3v6H8.5V7H7V5.5zm5 13h-1.5V14h-1v3H8v-3H7v4.5H5.5v-5c0-.55.45-1 1-1H11c.55 0 1 .45 1 1v5zm6.5-2.5c0 .55-.45 1-1 1h-2v1.5H14v-6h3.5c.55 0 1 .45 1 1V16zm-3-2H17v1.5h-1.5z" />
+  </svg>
+)
+
+export { Icon19mp as default }

src/Icon1k.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon1k: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.5 12H9v-4.5H7.5V9h3v6zm7 0h-1.75L14 12.75V15h-1.5V9H14v2.25L15.75 9h1.75l-2.25 3 2.25 3z" />
+  </svg>
+)
+
+export { Icon1k as default }

src/Icon1kPlus.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon1kPlus: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 15H7.5v-4.5H6V9h3v6zm4.75 0L12 12.75V15h-1.5V9H12v2.25L13.75 9h1.75l-2.25 3 2.25 3h-1.75zm5.75-2.5H18V14h-1v-1.5h-1.5v-1H17V10h1v1.5h1.5v1z" />
+  </svg>
+)
+
+export { Icon1kPlus as default }

src/Icon1xMobiledata.tsx

@@ -0,0 +1,23 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon1xMobiledata: React.FC<IconProps> = ({ ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    enableBackground="new 0 0 24 24"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    {props.title && <title>{props.title}</title>}
+    <g>
+      <path d="M0,0h24v24H0V0z" fill="none" />
+    </g>
+    <g>
+      <g>
+        <path d="M4,7h4v10H6V9H4V7z M15.83,11.72L18.66,7h-2.33l-1.66,2.77L13,7h-2.33l2.83,4.72L10.33,17h2.33l2-3.34l2,3.34H19 L15.83,11.72z" />
+      </g>
+    </g>
+  </svg>
+)
+
+export { Icon1xMobiledata as default }

src/Icon20mp.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon20mp: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M14.5 7H16v3h-1.5zM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 15.5h-1.5V14h-1v3H8v-3H7v4.5H5.5v-5c0-.55.45-1 1-1H11c.55 0 1 .45 1 1v5zm3.5 0H14v-6h3.5c.55 0 1 .45 1 1V16c0 .55-.45 1-1 1h-2v1.5zm2-8c0 .55-.45 1-1 1H14c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h2.5c.55 0 1 .45 1 1v4zM10 9H8v1h3v1.5H6.5V9c0-.55.45-1 1-1h2V7h-3V5.5H10c.55 0 1 .45 1 1V8c0 .55-.45 1-1 1zm5.5 5H17v1.5h-1.5z" />
+  </svg>
+)
+
+export { Icon20mp as default }

src/Icon21mp.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon21mp: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 15.5h-1.5V14h-1v3H8v-3H7v4.5H5.5v-5c0-.55.45-1 1-1H11c.55 0 1 .45 1 1v5zm3.5 0H14v-6h3.5c.55 0 1 .45 1 1V16c0 .55-.45 1-1 1h-2v1.5zM11 9H9v1h3v1.5H7.5V9c0-.55.45-1 1-1h2V7h-3V5.5H11c.55 0 1 .45 1 1V8c0 .55-.45 1-1 1zm3-3.5h3v6h-1.5V7H14V5.5zm1.5 8.5H17v1.5h-1.5z" />
+  </svg>
+)
+
+export { Icon21mp as default }

src/Icon22mp.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon22mp: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 15.5h-1.5V14h-1v3H8v-3H7v4.5H5.5v-5c0-.55.45-1 1-1H11c.55 0 1 .45 1 1v5zm3.5 0H14v-6h3.5c.55 0 1 .45 1 1V16c0 .55-.45 1-1 1h-2v1.5zM10 9H8v1h3v1.5H6.5V9c0-.55.45-1 1-1h2V7h-3V5.5H10c.55 0 1 .45 1 1V8c0 .55-.45 1-1 1zm6.5 0h-2v1h3v1.5H13V9c0-.55.45-1 1-1h2V7h-3V5.5h3.5c.55 0 1 .45 1 1V8c0 .55-.45 1-1 1zm-1 5H17v1.5h-1.5z" />
+  </svg>
+)
+
+export { Icon22mp as default }

src/Icon23mp.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon23mp: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 15.5h-1.5V14h-1v3H8v-3H7v4.5H5.5v-5c0-.55.45-1 1-1H11c.55 0 1 .45 1 1v5zm3.5 0H14v-6h3.5c.55 0 1 .45 1 1V16c0 .55-.45 1-1 1h-2v1.5zM10 9H8v1h3v1.5H6.5V9c0-.55.45-1 1-1h2V7h-3V5.5H10c.55 0 1 .45 1 1V8c0 .55-.45 1-1 1zm7.5 1.5c0 .55-.45 1-1 1H13V10h3V9h-2V8h2V7h-3V5.5h3.5c.55 0 1 .45 1 1v4zm-2 3.5H17v1.5h-1.5z" />
+  </svg>
+)
+
+export { Icon23mp as default }

src/Icon24mp.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+
+const Icon24mp: React.FC<IconProps> = ({ ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    {props.title && <title>{props.title}</title>}
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 15.5h-1.5V14h-1v3H8v-3H7v4.5H5.5v-5c0-.55.45-1 1-1H11c.55 0 1 .45 1 1v5zm3.5 0H14v-6h3.5c.55 0 1 .45 1 1V16c0 .55-.45 1-1 1h-2v1.5zM10 9H8v1h3v1.5H6.5V9c0-.55.45-1 1-1h2V7h-3V5.5H10c.55 0 1 .45 1 1V8c0 .55-.45 1-1 1zm8.5 1h-1v1.5H16V10h-3V5.5h1.5v3H16v-3h1.5v3h1V10zm-3 4H17v1.5h-1.5z" />
+  </svg>
+)
+
+export { Icon24mp as default }