Add icon to fab.

src/client/js/components/EditNewPageIcon.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const LightModeIcon = () => (
+const EditNewPageIcon = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="27"
@@ -24,4 +24,4 @@ const LightModeIcon = () => (
 );
 
 
-export default LightModeIcon;
+export default EditNewPageIcon;

src/client/js/components/Fab.jsx

@@ -6,7 +6,7 @@ import StickyEvents from 'sticky-events';
 
 import NavigationContainer from '../services/NavigationContainer';
 import { withUnstatedContainers } from './UnstatedUtils';
-
+import EditNewPageIcon from './EditNewPageIcon';
 
 const logger = loggerFactory('growi:cli:Fab');
 
@@ -47,7 +47,7 @@ const Fab = (props) => {
           className="btn btn-lg btn-create-page btn-primary rounded-circle p-0 waves-effect waves-light"
           onClick={navigationContainer.openPageCreateModal}
         >
-          <i className="icon-pencil"></i>
+          <EditNewPageIcon />
         </button>
       </div>
       <div className={`rounded-circle position-absolute ${animateClasses}`} style={{ bottom: 0, right: 0 }}>

src/client/js/components/ReturnTopIcon.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const LightModeIcon = () => (
+const ReturnTopIcon = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="23"
@@ -19,4 +19,4 @@ const LightModeIcon = () => (
 );
 
 
-export default LightModeIcon;
+export default ReturnTopIcon;