Fiexed some errors with the package

.eslintrc.json

@@ -30,7 +30,8 @@
         "@typescript-eslint/member-delimiter-style": "off",
         "@typescript-eslint/explicit-function-return-type": "off",
         "@typescript-eslint/no-var-requires": "off",
-        "@typescript-eslint/no-extra-semi": "off"
+        "@typescript-eslint/no-extra-semi": "off",
+        "@typescript-eslint/no-explicit-any": "off"
     },
     "overrides": [
         {

.githooks/pre-commit

@@ -0,0 +1,6 @@
+#!/bin/bash
+
+set -e
+set -o pipefail
+
+npm run lint

.github/workflows/main.yml

@@ -0,0 +1,26 @@
+name: Create Relase & Publish Package
+on:
+  push:
+    tags:
+      - 'v*'
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/create-release@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          tag_name: ${{ github.ref }}
+          release_name: Release ${{ github.ref }}
+          draft: false
+          prerelease: false
+      - uses: actions/setup-node@v1
+        with:
+          node-version: '12.x'
+          registry-url: 'https://registry.npmjs.org'
+      - run: npm install
+      - run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

generator.js

@@ -43,7 +43,7 @@ function formatName(string) {
 function componentTemplate(name, svg) {
   let component = "import React from 'react'\n"
   component += "import { IconProps } from './types'\n"
-  component += `const ${name}: React.FC<IconProps> = (props) => (`
+  component += `const ${name}: React.FC<IconProps> = (props: IconProps):any => (`
   component += svg + ')\n\n'
   component += `export { ${name} }`
 
@@ -101,7 +101,10 @@ async function getSVGFile(icon, version) {
     `https://fonts.gstatic.com/s/i/materialicons/${icon}/v${version}/24px.svg`
   )
 
-  return svg.data.replace('height="24"', '').replace('width="24"', '{...props}')
+  return svg.data
+    .replace('height="24"', '')
+    .replace('width="24"', '{...props}')
+    .replace(/class/g, 'className')
 }
 
 /**

package.json

@@ -1,12 +1,12 @@
 {
-  "name": "@aboutbits/material-design-icons",
-  "version": "0.1.0",
+  "name": "@aboutbits/react-material-icons",
+  "version": "0.1.6",
   "description": "Material design icon components for React",
-  "main": "dist/index.ts",
+  "main": "dist/index.js",
   "scripts": {
     "build": "tsc",
     "generate": "rm -rf src/* && node generator.js",
-    "lint": "eslint --ext js,ts,tsx ./generator.js",
+    "lint": "eslint --ext js,ts,tsx src ./generator.js",
     "lint:fix": "npm run lint -- --fix",
     "test": "jest --config jestconfig.json --passWithNoTests",
     "prepare": "npm run build",
@@ -39,8 +39,11 @@
   "homepage": "https://github.com/aboutbits/react-material-icons#readme",
   "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",
     "eslint": "^7.10.0",
@@ -50,7 +53,9 @@
     "eslint-plugin-prettier": "^3.1.4",
     "prettier": "^2.1.2",
     "ts-jest": "^26.4.1",
-    "typescript": "^4.0.3"
+    "typescript": "^4.0.3",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
   },
   "peerDependencies": {
     "react": "^16.13.1",

readme.md

@@ -1,6 +1,8 @@
 React Material Icons
 ====================
 
+[![npm version](https://badge.fury.io/js/%40aboutbits%2Freact-material-icons.svg)](https://badge.fury.io/js/%40aboutbits%2Freact-material-icons)
+
 This package includes all [Material Icons](https://material.io/resources/icons/?style=baseline) as reusable React components.
 
 ## Table of content
@@ -13,11 +15,13 @@ This package includes all [Material Icons](https://material.io/resources/icons/?
 ## Usage
 
 First, you have to install the package:
+
 ```bash
 npm install @aboutbits/react-material-icons
 ```
 
 Second, you can use the icons in you React application like this:
+
 ```jsx
 import React from 'react'
 
@@ -33,13 +37,15 @@ SVG related parameters like height and width can be passed as props.
 ## Generate Components
 
 To generate the components, simply run the following command:
+
 ```bash
 npm run generate
 ```
 
 ## Build & Publish
 
 To publish the package commit all changes and push them to master. Then run one of the following commands locally:
+
 ```bash
 npm version patch
 npm version minor
@@ -63,4 +69,4 @@ For support, please contact [info@aboutbits.it](mailto:info@aboutbits.it).
 
 ### License
 
-The MIT License (MIT). Please see the [license file](license.md) for more information.
+The MIT License (MIT). Please see the [license file](license.md) for more information.

src/components/Icon360.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import { IconProps } from './types'
+const Icon360: React.FC<IconProps> = (props: IconProps): any => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M12 7C6.48 7 2 9.24 2 12c0 2.24 2.94 4.13 7 4.77V20l4-4-4-4v2.73c-3.15-.56-5-1.9-5-2.73 0-1.06 3.04-3 8-3s8 1.94 8 3c0 .73-1.46 1.89-4 2.53v2.05c3.53-.77 6-2.53 6-4.58 0-2.76-4.48-5-10-5z" />
+  </svg>
+)
+
+export { Icon360 }

src/components/Icon3dRotation.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import { IconProps } from './types'
+const Icon3dRotation: React.FC<IconProps> = (props: IconProps): any => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M7.52 21.48C4.25 19.94 1.91 16.76 1.55 13H.05C.56 19.16 5.71 24 12 24l.66-.03-3.81-3.81-1.33 1.32zm.89-6.52c-.19 0-.37-.03-.52-.08-.16-.06-.29-.13-.4-.24-.11-.1-.2-.22-.26-.37-.06-.14-.09-.3-.09-.47h-1.3c0 .36.07.68.21.95.14.27.33.5.56.69.24.18.51.32.82.41.3.1.62.15.96.15.37 0 .72-.05 1.03-.15.32-.1.6-.25.83-.44s.42-.43.55-.72c.13-.29.2-.61.2-.97 0-.19-.02-.38-.07-.56-.05-.18-.12-.35-.23-.51-.1-.16-.24-.3-.4-.43-.17-.13-.37-.23-.61-.31.2-.09.37-.2.52-.33.15-.13.27-.27.37-.42.1-.15.17-.3.22-.46.05-.16.07-.32.07-.48 0-.36-.06-.68-.18-.96-.12-.28-.29-.51-.51-.69-.2-.19-.47-.33-.77-.43C9.1 8.05 8.76 8 8.39 8c-.36 0-.69.05-1 .16-.3.11-.57.26-.79.45-.21.19-.38.41-.51.67-.12.26-.18.54-.18.85h1.3c0-.17.03-.32.09-.45s.14-.25.25-.34c.11-.09.23-.17.38-.22.15-.05.3-.08.48-.08.4 0 .7.1.89.31.19.2.29.49.29.86 0 .18-.03.34-.08.49-.05.15-.14.27-.25.37-.11.1-.25.18-.41.24-.16.06-.36.09-.58.09H7.5v1.03h.77c.22 0 .42.02.6.07s.33.13.45.23c.12.11.22.24.29.4.07.16.1.35.1.57 0 .41-.12.72-.35.93-.23.23-.55.33-.95.33zm8.55-5.92c-.32-.33-.7-.59-1.14-.77-.43-.18-.92-.27-1.46-.27H12v8h2.3c.55 0 1.06-.09 1.51-.27.45-.18.84-.43 1.16-.76.32-.33.57-.73.74-1.19.17-.47.26-.99.26-1.57v-.4c0-.58-.09-1.1-.26-1.57-.18-.47-.43-.87-.75-1.2zm-.39 3.16c0 .42-.05.79-.14 1.13-.1.33-.24.62-.43.85-.19.23-.43.41-.71.53-.29.12-.62.18-.99.18h-.91V9.12h.97c.72 0 1.27.23 1.64.69.38.46.57 1.12.57 1.99v.4zM12 0l-.66.03 3.81 3.81 1.33-1.33c3.27 1.55 5.61 4.72 5.96 8.48h1.5C23.44 4.84 18.29 0 12 0z" />
+  </svg>
+)
+
+export { Icon3dRotation }

src/components/Icon4k.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import { IconProps } from './types'
+const Icon4k: React.FC<IconProps> = (props: IconProps): any => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    <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 10.5h-1V15H9.5v-1.5h-3V9H8v3h1.5V9H11v3h1v1.5zm6 1.5h-1.75l-1.75-2.25V15H13V9h1.5v2.25L16.25 9H18l-2.25 3L18 15z" />
+  </svg>
+)
+
+export { Icon4k }

src/components/Icon5g.tsx

@@ -0,0 +1,22 @@
+import React from 'react'
+import { IconProps } from './types'
+const Icon5g: React.FC<IconProps> = (props: IconProps): any => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    enable-background="new 0 0 24 24"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <g>
+      <rect fill="none" height="24" width="24" />
+    </g>
+    <g>
+      <g>
+        <path d="M17,13h2v2h-5V9h7c0-1.1-0.9-2-2-2h-5c-1.1,0-2,0.9-2,2v6c0,1.1,0.9,2,2,2h5c1.1,0,2-0.9,2-2v-4h-4V13z" />
+        <path d="M3,13h5v2H3v2h5c1.1,0,2-0.9,2-2v-2c0-1.1-0.9-2-2-2H5V9h5V7H3V13z" />
+      </g>
+    </g>
+  </svg>
+)
+
+export { Icon5g }

src/components/Icon6FtApart.tsx

@@ -0,0 +1,15 @@
+import React from 'react'
+import { IconProps } from './types'
+const Icon6FtApart: React.FC<IconProps> = (props: IconProps): any => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    enable-background="new 0 0 24 24"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <rect fill="none" height="24" width="24" x="0" />
+    <path d="M6,6c1.1,0,2-0.9,2-2S7.1,2,6,2S4,2.9,4,4S4.9,6,6,6z M10,9.43c0-0.81-0.48-1.53-1.22-1.85C7.93,7.21,6.99,7,6,7 C5.01,7,4.07,7.21,3.22,7.58C2.48,7.9,2,8.62,2,9.43V10h8V9.43z M18,6c1.1,0,2-0.9,2-2s-0.9-2-2-2s-2,0.9-2,2S16.9,6,18,6z M22,9.43 c0-0.81-0.48-1.53-1.22-1.85C19.93,7.21,18.99,7,18,7c-0.99,0-1.93,0.21-2.78,0.58C14.48,7.9,14,8.62,14,9.43V10h8V9.43z M19,17 v-2.01L5,15v2l-3-3l3-3v2.01L19,13v-2l3,3L19,17z M10,19v-1H7.5C7.22,18,7,18.22,7,18.5v3C7,21.78,7.22,22,7.5,22h2 c0.28,0,0.5-0.22,0.5-0.5V20c0-0.28-0.22-0.5-0.5-0.5H8V19H10z M9,20.5V21H8v-0.5H9z M17.5,19h-1v3h-1v-3h-1v-1h3V19z M12.5,19v0.5 h1v1h-1V22h-1v-4H14v1H12.5z" />
+  </svg>
+)
+
+export { Icon6FtApart }

src/components/IconAcUnit.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import { IconProps } from './types'
+const IconAcUnit: React.FC<IconProps> = (props: IconProps): any => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M22 11h-4.17l3.24-3.24-1.41-1.42L15 11h-2V9l4.66-4.66-1.42-1.41L13 6.17V2h-2v4.17L7.76 2.93 6.34 4.34 11 9v2H9L4.34 6.34 2.93 7.76 6.17 11H2v2h4.17l-3.24 3.24 1.41 1.42L9 13h2v2l-4.66 4.66 1.42 1.41L11 17.83V22h2v-4.17l3.24 3.24 1.42-1.41L13 15v-2h2l4.66 4.66 1.41-1.42L17.83 13H22z" />
+  </svg>
+)
+
+export { IconAcUnit }

src/components/IconAccessAlarm.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import { IconProps } from './types'
+const IconAccessAlarm: React.FC<IconProps> = (props: IconProps): any => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12.5 8H11v6l4.75 2.85.75-1.23-4-2.37V8zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z" />
+  </svg>
+)
+
+export { IconAccessAlarm }

src/components/IconAccessAlarms.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import { IconProps } from './types'
+const IconAccessAlarms: React.FC<IconProps> = (props: IconProps): any => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    <path d="M-618-568H782v3600H-618zM0 0h24v24H0z" fill="none" />
+    <path d="M22 5.7l-4.6-3.9-1.3 1.5 4.6 3.9L22 5.7zM7.9 3.4L6.6 1.9 2 5.7l1.3 1.5 4.6-3.8zM12.5 8H11v6l4.7 2.9.8-1.2-4-2.4V8zM12 4c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7z" />
+  </svg>
+)
+
+export { IconAccessAlarms }

src/components/IconAccessTime.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+import { IconProps } from './types'
+const IconAccessTime: React.FC<IconProps> = (props: IconProps): any => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" />
+    <path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z" />
+  </svg>
+)
+
+export { IconAccessTime }

src/components/IconAccessibility.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import { IconProps } from './types'
+const IconAccessibility: React.FC<IconProps> = (props: IconProps): any => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z" />
+  </svg>
+)
+
+export { IconAccessibility }

src/components/IconAccessibilityNew.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import { IconProps } from './types'
+const IconAccessibilityNew: React.FC<IconProps> = (props: IconProps): any => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M20.5 6c-2.61.7-5.67 1-8.5 1s-5.89-.3-8.5-1L3 8c1.86.5 4 .83 6 1v13h2v-6h2v6h2V9c2-.17 4.14-.5 6-1l-.5-2zM12 6c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z" />
+  </svg>
+)
+
+export { IconAccessibilityNew }

src/components/IconAccessible.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+import { IconProps } from './types'
+const IconAccessible: React.FC<IconProps> = (props: IconProps): any => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    <path d="M0 0h24v24H0z" fill="none" />
+    <circle cx="12" cy="4" r="2" />
+    <path d="M19 13v-2c-1.54.02-3.09-.75-4.07-1.83l-1.29-1.43c-.17-.19-.38-.34-.61-.45-.01 0-.01-.01-.02-.01H13c-.35-.2-.75-.3-1.19-.26C10.76 7.11 10 8.04 10 9.09V15c0 1.1.9 2 2 2h5v5h2v-5.5c0-1.1-.9-2-2-2h-3v-3.45c1.29 1.07 3.25 1.94 5 1.95zm-6.17 5c-.41 1.16-1.52 2-2.83 2-1.66 0-3-1.34-3-3 0-1.31.84-2.41 2-2.83V12.1c-2.28.46-4 2.48-4 4.9 0 2.76 2.24 5 5 5 2.42 0 4.44-1.72 4.9-4h-2.07z" />
+  </svg>
+)
+
+export { IconAccessible }

src/components/IconAccessibleForward.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+import { IconProps } from './types'
+const IconAccessibleForward: React.FC<IconProps> = (props: IconProps): any => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    <path d="M0 0h24v24H0z" fill="none" />
+    <circle cx="17" cy="4.54" r="2" />
+    <path d="M14 17h-2c0 1.65-1.35 3-3 3s-3-1.35-3-3 1.35-3 3-3v-2c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5zm3-3.5h-1.86l1.67-3.67C17.42 8.5 16.44 7 14.96 7h-5.2c-.81 0-1.54.47-1.87 1.2L7.22 10l1.92.53L9.79 9H12l-1.83 4.1c-.6 1.33.39 2.9 1.85 2.9H17v5h2v-5.5c0-1.1-.9-2-2-2z" />
+  </svg>
+)
+
+export { IconAccessibleForward }

src/components/IconAccountBalance.tsx

@@ -0,0 +1,25 @@
+import React from 'react'
+import { IconProps } from './types'
+const IconAccountBalance: React.FC<IconProps> = (props: IconProps): any => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    enable-background="new 0 0 24 24"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <g>
+      <rect fill="none" height="24" width="24" />
+    </g>
+    <g>
+      <g>
+        <rect height="7" width="3" x="4" y="10" />
+        <rect height="7" width="3" x="10.5" y="10" />
+        <rect height="3" width="20" x="2" y="19" />
+        <rect height="7" width="3" x="17" y="10" />
+        <polygon points="12,1 2,6 2,8 22,8 22,6" />
+      </g>
+    </g>
+  </svg>
+)
+
+export { IconAccountBalance }

src/components/IconAccountBalanceWallet.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { IconProps } from './types'
+const IconAccountBalanceWallet: React.FC<IconProps> = (
+  props: IconProps
+): any => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" />
+  </svg>
+)
+
+export { IconAccountBalanceWallet }

src/components/IconAccountBox.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import { IconProps } from './types'
+const IconAccountBox: React.FC<IconProps> = (props: IconProps): any => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M3 5v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.11 0-2 .9-2 2zm12 4c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3zm-9 8c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1H6v-1z" />
+  </svg>
+)
+
+export { IconAccountBox }

src/components/IconAccountCircle.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import { IconProps } from './types'
+const IconAccountCircle: React.FC<IconProps> = (props: IconProps): any => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z" />
+  </svg>
+)
+
+export { IconAccountCircle }

src/components/IconAccountTree.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import { IconProps } from './types'
+const IconAccountTree: React.FC<IconProps> = (props: IconProps): any => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z" />
+  </svg>
+)
+
+export { IconAccountTree }