test:Icon display.

src/client/js/components/Navbar/PersonalDropdown.jsx

@@ -20,6 +20,8 @@ import {
 
 import UserPicture from '../User/UserPicture';
 
+import GrowiLogo from '../GrowiLogo';
+
 const PersonalDropdown = (props) => {
 
   const { t, appContainer, navigationContainer } = props;
@@ -81,7 +83,7 @@ const PersonalDropdown = (props) => {
   /* eslint-disable react/prop-types */
   const DrawerIcon = props => (
     <>
-      <i id={props.id} className="icon-drawer px-2"></i>
+      <div id={props.id} className="px-2"><GrowiLogo /></div>
       <UncontrolledTooltip placement="bottom" fade={false} target={props.id}>Drawer</UncontrolledTooltip>
     </>
   );

src/client/js/components/SidebarDockIcon.jsx

@@ -0,0 +1,26 @@
+import React from 'react';
+
+const SidebarDockIcon = () => (
+  <svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 23 23"
+  className="sidebar-mode-icon"
+  width="14"
+  height="14"
+  >
+  <defs>
+    <style>.cls-1{fill:none;}</style>
+  </defs>
+  <g id="レイヤー_2" data-name="レイヤー 2">
+    <g id="レイヤー_1-2" data-name="レイヤー 1">
+      <rect class="cls-1" width="23" height="23"/>
+      <path d="M20.86,3.92a.64.64,0,0,1,.64.63v13.9a.64.64,0,0,1-.64.63H2.14a.64.64,0,0,1-.64-.63V4.55a.64.64,0,0,1,.64-.63H20.86m0-1.5H2.14A2.13,2.13,0,0,0,0,4.55v13.9a2.13,2.13,0,0,0,2.14,2.13H20.86A2.13,2.13,0,0,0,23,18.45V4.55a2.13,2.13,0,0,0-2.14-2.13Z"/>
+      <rect x="7.49" y="3.05" width="1.2" height="16.91"/>
+    </g>
+  </g>
+</svg>
+
+);
+
+export default SidebarDockIcon;
+

src/client/js/components/SidebarDrawerIcon.jsx

@@ -0,0 +1,30 @@
+import React from 'react';
+
+const Attachment = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 14 14"
+    className="table-top-icon"
+    width="20"
+    height="20"
+  >
+    <g className="cls-1">
+      <path
+        d="M2.9,13a2,2,0,0,1-1.44-.63,2.28,2.28,0,0,1,0-3.23l7-7.38a2.48,2.48,0,0,1,1.22-.7,2.61,
+        2.61,0,0,1,1.41.09A3.46,3.46,0,0,1,12.37,2a3.94,3.94,0,0,1,.36.45A2.61,2.61,0,0,1,13,3a3.41,3.41,
+        0,0,1,.16.57,3.06,3.06,0,0,1-.82,2.75L7.07,11.86a.35.35,0,0,1-.26.13.4.4,0,0,1-.28-.1.47.47,0,0,
+        1-.12-.27.39.39,0,0,1,.11-.29l5.26-5.59a2.28,2.28,0,0,0,.65-1.62,2.07,2.07,0,0,0-.62-1.58A2.62,2.62,
+        0,0,0,11,1.93a2,2,0,0,0-1-.13,1.63,1.63,0,0,0-1,.5L2,9.67a1.52,1.52,0,0,0,0,2.16,1.28,1.28,0,0,0,
+        .44.3,1,1,0,0,0,.51.08,1.43,1.43,0,0,0,1-.49L9.49,5.84l.12-.13.11-.15a1.24,1.24,0,0,0,.1-.2,1.94,
+        1.94,0,0,0,0-.2.6.6,0,0,0,0-.22.66.66,0,0,0-.14-.2.57.57,0,0,0-.45-.22,1,1,0,0,0-.52.3L4.56,
+        9.25a.42.42,0,0,1-.17.1.34.34,0,0,1-.2,0A.4.4,0,0,1,4,9.26.34.34,0,0,1,3.89,9,.41.41,0,0,1,4,8.72L8.16,
+        4.28a1.7,1.7,0,0,1,1-.53,1.32,1.32,0,0,1,1.06.43,1.23,1.23,0,0,1,.4,1.05,1.8,1.8,0,0,1-.58,1.14L4.52,
+        12.26A2.3,2.3,0,0,1,3,13H2.9Z"
+      />
+    </g>
+  </svg>
+);
+
+export default Attachment;
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23"><defs><style>.cls-1{fill:none;}</style></defs><g id="レイヤー_2" data-name="レイヤー 2"><g id="レイヤー_1-2" data-name="レイヤー 1"><rect class="cls-1" width="23" height="23"/><path d="M20.86,3.92a.64.64,0,0,1,.64.63v13.9a.64.64,0,0,1-.64.63H2.14a.64.64,0,0,1-.64-.63V4.55a.64.64,0,0,1,.64-.63H20.86m0-1.5H2.14A2.13,2.13,0,0,0,0,4.55v13.9a2.13,2.13,0,0,0,2.14,2.13H20.86A2.13,2.13,0,0,0,23,18.45V4.55a2.13,2.13,0,0,0-2.14-2.13Z"/><rect x="7.49" y="3.87" width="1.2" height="0.75"/><path d="M8.69,16.85H7.49V15.32h1.2Zm0-3.06H7.49V12.26h1.2Zm0-3H7.49V9.21h1.2Zm0-3.06H7.49V6.15h1.2Z"/><rect x="7.49" y="18.38" width="1.2" height="0.75"/><path d="M15.09,14.88a.58.58,0,0,1-.42-.17l-2.79-2.79a.6.6,0,0,1,0-.84l2.79-2.79a.6.6,0,0,1,.85.85L13.16,11.5l2.36,2.36a.61.61,0,0,1,0,.85A.59.59,0,0,1,15.09,14.88Z"/></g></g></svg>