feat(icons): add IconFolderTree icon (#1696)

* feat(icons): add IconFolderTree icon

* feat(icons): add IconFolderTree icon

Author: tjgupta

src/icons/general/IconFolderTree.js

@@ -0,0 +1,25 @@
+// @flow
+import * as React from 'react';
+
+import AccessibleSVG from '../accessible-svg';
+import { bdlGray50 } from '../../styles/variables';
+import type { Icon } from '../flowTypes';
+
+const IconFolderTree = ({ className = '', color = bdlGray50, height = 16, title, width = 16 }: Icon) => (
+    <AccessibleSVG
+        className={`bdl-IconFolderTree ${className}`}
+        height={height}
+        title={title}
+        viewBox="0 0 16 16"
+        width={width}
+    >
+        <path
+            className="fill-color"
+            d="M4 1a2 2 0 0 1 .501 3.937L4.5 7h5.563a2 2 0 1 1 0 1.001L4.5 8v4.5h5.563a2 2 0 1 1 0 1.001L3.5 13.5V4.937A2 2 0 0 1 4 1z"
+            fill={color}
+            fillRule="evenodd"
+        />
+    </AccessibleSVG>
+);
+
+export default IconFolderTree;

src/icons/general/IconFolderTree.md

@@ -0,0 +1,3 @@
+```
+<IconFolderTree />
+```

src/icons/general/__tests__/IconFolderTree.test.js

@@ -0,0 +1,34 @@
+import React from 'react';
+
+import IconFolderTree from '../IconFolderTree';
+
+describe('icons/general/IconFolderTree', () => {
+    test('should correctly render default icon', () => {
+        const wrapper = shallow(<IconFolderTree />);
+
+        expect(wrapper.hasClass('bdl-IconFolderTree')).toEqual(true);
+    });
+
+    test('should correctly render icon with specified color', () => {
+        const color = '#ffffff';
+        const wrapper = shallow(<IconFolderTree color={color} />);
+
+        expect(wrapper.find('path').prop('fill')).toEqual(color);
+    });
+
+    test('should correctly render icon with specified width and height', () => {
+        const width = 20;
+        const height = 20;
+        const wrapper = shallow(<IconFolderTree height={height} width={width} />);
+
+        expect(wrapper.find('AccessibleSVG').prop('width')).toEqual(width);
+        expect(wrapper.find('AccessibleSVG').prop('height')).toEqual(height);
+    });
+
+    test('should correctly render icon with title', () => {
+        const title = 'Folder tree';
+        const wrapper = shallow(<IconFolderTree title={title} />);
+
+        expect(wrapper.find('AccessibleSVG').prop('title')).toEqual(title);
+    });
+});