feat(Icon): Add Users and Book icons

Author: GooBall

src/docs/pages/components/DocsIcons.tsx

@@ -8,6 +8,7 @@ import {
   IconArrowRight,
   IconArrowUp,
   IconAsterisk,
+  IconBook,
   IconBullseye,
   IconCalendar,
   IconChartBar,
@@ -46,6 +47,7 @@ import {
   IconTimes,
   IconTimesCircle,
   IconTrash,
+  IconUsers,
 } from '../../../icons';
 import { H1 } from '../../../text';
 import { Size } from '../../../utils/sizes';
@@ -89,6 +91,7 @@ const DocsIcons = ({}: DocsPageProps) => {
           <GridItem><IconArrowRight /><GridItemText>IconArrowRight</GridItemText></GridItem>
           <GridItem><IconArrowUp /><GridItemText>IconArrowUp</GridItemText></GridItem>
           <GridItem><IconAsterisk /><GridItemText>IconAsterisk</GridItemText></GridItem>
+          <GridItem><IconBook /><GridItemText>IconBook</GridItemText></GridItem>
           <GridItem><IconBullseye /><GridItemText>IconBullseye</GridItemText></GridItem>
           <GridItem><IconCalendar /><GridItemText>IconCalendar</GridItemText></GridItem>
           <GridItem><IconChartBar /><GridItemText>IconChartBar</GridItemText></GridItem>
@@ -127,6 +130,7 @@ const DocsIcons = ({}: DocsPageProps) => {
           <GridItem><IconTimes /><GridItemText>IconTimes</GridItemText></GridItem>
           <GridItem><IconTimesCircle /><GridItemText>IconTimesCircle</GridItemText></GridItem>
           <GridItem><IconTrash /><GridItemText>IconTrash</GridItemText></GridItem>
+          <GridItem><IconUsers /><GridItemText>IconUsers</GridItemText></GridItem>
         </Grid>
       </DocsPlayground>
     </>

src/icons/IconBook.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import createSVGIcon from '../utils/createSVGIcon';
+
+export default createSVGIcon(() => {
+  return (
+    <path d="M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0
+    24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3
+    8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6
+    6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6
+    6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32
+    32-32h285.4c-1.9 17.1-1.9 46.9 0 64z" />
+  );
+}, '0 0 448 512');

src/icons/IconChartBar.tsx

@@ -3,8 +3,14 @@ import createSVGIcon from '../utils/createSVGIcon';
 
 export default createSVGIcon(() => {
   return (
-    // tslint:disable:max-line-length
-    <path d="M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z"/>
+    <path d="M396.8 352h22.4c6.4 0 12.8-6.4
+    12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8
+    12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4
+    0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4
+    12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4
+    12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67
+    14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4
+    12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8
+    6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z"/>
   );
-  // tslint:enable:max-line-length
 }, '0 0 512 512');

src/icons/IconUsers.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import createSVGIcon from '../utils/createSVGIcon';
+
+export default createSVGIcon(() => {
+  return (
+    <path d="M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7
+    64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7
+    64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1
+    109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0
+    112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8
+    32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6
+    128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5
+    48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6
+    256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4
+    34.9-87.3 75.2-109.4z" />
+  );
+}, '0 0 640 512');

src/icons/index.ts

@@ -3,6 +3,7 @@ import IconArrowLeft from './IconArrowLeft';
 import IconArrowRight from './IconArrowRight';
 import IconArrowUp from './IconArrowUp';
 import IconAsterisk from './IconAsterisk';
+import IconBook from './IconBook';
 import IconBullseye from './IconBullseye';
 import IconCalendar from './IconCalendar';
 import IconChartBar from './IconChartBar';
@@ -41,13 +42,15 @@ import IconThumbsUp from './IconThumbsUp';
 import IconTimes from './IconTimes';
 import IconTimesCircle from './IconTimesCircle';
 import IconTrash from './IconTrash';
+import IconUsers from './IconUsers';
 
 export {
   IconArrowDown,
   IconArrowLeft,
   IconArrowRight,
   IconArrowUp,
   IconAsterisk,
+  IconBook,
   IconBullseye,
   IconCalendar,
   IconChartBar,
@@ -86,4 +89,5 @@ export {
   IconTimes,
   IconTimesCircle,
   IconTrash,
+  IconUsers,
 };