Adds a comment at the top of each icon component.

services/app/lib/icon-template.js

@@ -53,6 +53,9 @@ const iconTemplate = (
   }
 
   return tpl`
+// This component is automatically generated.
+// SVGs should be added to icon/svgs.
+// See the project documentation for more information.
 // tslint:disable:ordered-imports
 import clsx from 'clsx';
 ${imports};

services/app/source/01-global/icon/icons/AngleDoubleLeft.tsx

@@ -1,3 +1,6 @@
+// This component is automatically generated.
+// SVGs should be added to icon/svgs.
+// See the project documentation for more information.
 // tslint:disable:ordered-imports
 import clsx from 'clsx';
 import * as React from 'react';

services/app/source/01-global/icon/icons/AngleDoubleRight.tsx

@@ -1,3 +1,6 @@
+// This component is automatically generated.
+// SVGs should be added to icon/svgs.
+// See the project documentation for more information.
 // tslint:disable:ordered-imports
 import clsx from 'clsx';
 import * as React from 'react';

services/app/source/01-global/icon/icons/AngleDown.tsx

@@ -1,3 +1,6 @@
+// This component is automatically generated.
+// SVGs should be added to icon/svgs.
+// See the project documentation for more information.
 // tslint:disable:ordered-imports
 import clsx from 'clsx';
 import * as React from 'react';

services/app/source/01-global/icon/icons/AngleLeft.tsx

@@ -1,3 +1,6 @@
+// This component is automatically generated.
+// SVGs should be added to icon/svgs.
+// See the project documentation for more information.
 // tslint:disable:ordered-imports
 import clsx from 'clsx';
 import * as React from 'react';

services/app/source/01-global/icon/icons/AngleRight.tsx

@@ -1,3 +1,6 @@
+// This component is automatically generated.
+// SVGs should be added to icon/svgs.
+// See the project documentation for more information.
 // tslint:disable:ordered-imports
 import clsx from 'clsx';
 import * as React from 'react';

services/app/source/01-global/icon/icons/AngleUp.tsx

@@ -1,3 +1,6 @@
+// This component is automatically generated.
+// SVGs should be added to icon/svgs.
+// See the project documentation for more information.
 // tslint:disable:ordered-imports
 import clsx from 'clsx';
 import * as React from 'react';

services/app/source/01-global/icon/icons/Close.tsx

@@ -1,3 +1,6 @@
+// This component is automatically generated.
+// SVGs should be added to icon/svgs.
+// See the project documentation for more information.
 // tslint:disable:ordered-imports
 import clsx from 'clsx';
 import * as React from 'react';

services/app/source/01-global/icon/icons/Facebook.tsx

@@ -1,3 +1,6 @@
+// This component is automatically generated.
+// SVGs should be added to icon/svgs.
+// See the project documentation for more information.
 // tslint:disable:ordered-imports
 import clsx from 'clsx';
 import * as React from 'react';

services/app/source/01-global/icon/icons/Linkedin.tsx

@@ -1,3 +1,6 @@
+// This component is automatically generated.
+// SVGs should be added to icon/svgs.
+// See the project documentation for more information.
 // tslint:disable:ordered-imports
 import clsx from 'clsx';
 import * as React from 'react';

services/app/source/01-global/icon/icons/Rss.tsx

@@ -1,3 +1,6 @@
+// This component is automatically generated.
+// SVGs should be added to icon/svgs.
+// See the project documentation for more information.
 // tslint:disable:ordered-imports
 import clsx from 'clsx';
 import * as React from 'react';

services/app/source/01-global/icon/icons/Twitter.tsx

@@ -1,3 +1,6 @@
+// This component is automatically generated.
+// SVGs should be added to icon/svgs.
+// See the project documentation for more information.
 // tslint:disable:ordered-imports
 import clsx from 'clsx';
 import * as React from 'react';