Merge pull request #8576 from weseek/feat/137284-141666-refactor-icon

feat: 137284 141666 refactor icon

apps/app/src/components/UsersHomepageFooter.tsx

@@ -38,7 +38,7 @@ export const UsersHomepageFooter = (props: UsersHomepageFooterProps): JSX.Elemen
         </div>
       </div>
       <div className="grw-user-page-list-m mt-5 d-edit-none">
-        <h2 id="recently-created-list" className="grw-user-page-header border-bottom pb-2 mb-3">
+        <h2 id="recently-created-list" className="grw-user-page-header border-bottom pb-2 mb-3 d-flex">
           <span className="growi-custom-icons me-1">recently_created</span>
           {t('footer.recently_created')}
         </h2>

packages/custom-icons/svg/drawer_io.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><style>.a{fill:none;}</style></defs><g transform="translate(-289 -250)"><path class="a" d="M73.921,11.164H70.514l-1.89-3.225a1.136,1.136,0,0,0,.437-.882V1.71A1.177,1.177,0,0,0,67.874.545H62.388A1.178,1.178,0,0,0,61.2,1.71V7.057a1.139,1.139,0,0,0,.437.882l-1.889,3.225H56.295a1.177,1.177,0,0,0-1.187,1.165v5.346a1.177,1.177,0,0,0,1.187,1.165h5.486a1.176,1.176,0,0,0,1.187-1.165V12.329a1.176,1.176,0,0,0-1.187-1.165h-.134l1.724-2.943h3.519l1.724,2.943h-.179a1.177,1.177,0,0,0-1.187,1.165v5.346a1.177,1.177,0,0,0,1.187,1.165h5.485a1.177,1.177,0,0,0,1.187-1.165V12.329a1.177,1.177,0,0,0-1.187-1.165m-12.6,6.06H56.754V12.78h4.567ZM62.847,2.161h4.567V6.606H62.847ZM73.461,17.224H68.894V12.78h4.567Z" transform="translate(235.892 252.453)"/></g></svg>

packages/custom-icons/svg/format_quote.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs><style>.a{fill:none;}.b{clip-path:url(#a);}</style><clipPath id="a"><rect class="a" width="24" height="24" transform="translate(376 36)"/></clipPath></defs><g class="b" transform="translate(-376 -36)"><path class="a" d="M32.359,16.068v1.823H47.21V16.068Zm0-5.327H47.21V8.919H32.359Zm0-7.152H47.21V1.767H32.359ZM27.1,19.659h1.822V0H27.1Z" transform="translate(350.789 38.172)"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><style>.a{fill:none;}</style></defs><g transform="translate(-207 -249)"><path class="a" d="M32.331,15.983V17.8H47.1V15.983Zm0-5.3H47.1V8.872H32.331Zm0-7.114H47.1V1.758H32.331ZM27.1,19.555h1.812V0H27.1Z" transform="translate(181.896 251.221)"/></g></svg>

packages/custom-icons/svg/header.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><style>.a{fill:none;}</style></defs><g transform="translate(-129 -249)"><path class="a" d="M12.935.26V8.628H2.4V.26H0V19.4H2.4V11.03H12.935V19.4h2.4V.26Z" transform="translate(133.332 250.738)"/></g></svg>

packages/custom-icons/svg/recently_created.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20.001" height="20.568" viewBox="0 0 20.001 20.568"><defs><style>.a{fill:none;}</style></defs><path class="a" d="M15437.46,17968.3a5.262,5.262,0,0,1,8.868-3.844v-.93h1.154v3.217h-3.212v-1.158h1.543a4.109,4.109,0,1,0,1.028,2.715H15448a5.271,5.271,0,0,1-10.541,0Zm4.69.217v-3.168h1.159v2.734l1.732,1.98-.87.762Zm-14.15,1.939v-3.7l10.93-10.936,3.708,3.709-10.934,10.93Zm1.646-3v1.354h1.35l9.3-9.3-.668-.668-.681-.682Zm10.43-12.787,1.159-1.164a1.633,1.633,0,0,1,2.363,0l1.354,1.357a1.578,1.578,0,0,1,.469,1.186,1.647,1.647,0,0,1-.487,1.191l-1.154,1.15Z" transform="translate(-15428 -17953)"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><style>.a{fill:none;}</style></defs><g transform="translate(-451 -246)"><path class="a" d="M15437.2,17967.877a5.116,5.116,0,0,1,8.623-3.736v-.9h1.123v3.127h-3.124v-1.125h1.5a3.994,3.994,0,0,0-7,2.639,4,4,0,1,0,8,0h1.127a5.125,5.125,0,0,1-10.25,0Zm4.561.211v-3.08h1.128v2.658l1.685,1.926-.847.742Zm-13.759,1.887v-3.6l10.628-10.633,3.605,3.607-10.632,10.627Zm1.6-2.918v1.316h1.313l9.044-9.043-.649-.65-.662-.662Zm10.142-12.434,1.127-1.131a1.588,1.588,0,0,1,2.3,0l1.315,1.32a1.533,1.533,0,0,1,.456,1.152,1.6,1.6,0,0,1-.474,1.158l-1.123,1.119Z" transform="translate(-14974.725 -17705)"/></g></svg>

packages/editor/src/components/CodeMirrorEditor/Toolbar/DiagramButton.tsx

@@ -14,9 +14,7 @@ export const DiagramButton = (props: Props): JSX.Element => {
   }, [editorKey, openDrawioModal]);
   return (
     <button type="button" className="btn btn-toolbar-button" onClick={onClickDiagramButton}>
-      {/* TODO: https://github.com/weseek/growi/pull/8558 */}
-      {/* <span className="growi-custom-icons">drawer_io</span> */}
-      <span className="material-symbols-outlined fs-5">block</span>
+      <span className="growi-custom-icons">drawer_io</span>
     </button>
   );
 };

packages/editor/src/components/CodeMirrorEditor/Toolbar/TextFormatTools.tsx

@@ -69,9 +69,7 @@ export const TextFormatTools = (props: TextFormatToolsType): JSX.Element => {
             <span className="material-symbols-outlined fs-5">format_strikethrough</span>
           </button>
           <button type="button" className="btn btn-toolbar-button" onClick={() => onClickInsertPrefix('#', true)}>
-            {/* TODO: https://github.com/weseek/growi/pull/8558 */}
-            {/* <span className="growi-custom-icons">header</span> */}
-            <span className="material-symbols-outlined fs-5">block</span>
+            <span className="growi-custom-icons">header</span>
           </button>
           <button type="button" className="btn btn-toolbar-button" onClick={() => onClickInsertMarkdownElements('`', '`')}>
             <span className="material-symbols-outlined fs-5">code</span>