Add original icon

apps/app/src/client/components/PageControls/RagSearchButton.tsx

@@ -26,7 +26,7 @@ const RagSearchButton = (): JSX.Element => {
         onClick={ragSearchButtonClickHandler}
         data-testid="open-search-modal-button"
       >
-        <span className="material-symbols-outlined">chat</span>
+        <span className="growi-custom-icons">knowledge_assistant</span>
       </button>
     </NotAvailableForGuest>
   );

apps/app/src/features/openai/chat/components/AiChatModal/AiChatModal.tsx

@@ -235,7 +235,7 @@ export const AiChatModal = (): JSX.Element => {
     <Modal size="lg" isOpen={isOpened} toggle={closeRagSearchModal} className={moduleClass} scrollable>
 
       <ModalHeader tag="h4" toggle={closeRagSearchModal} className="pe-4">
-        <span className="material-symbols-outlined growi-ai-chat-icon me-3">chat</span>
+        <span className="growi-custom-icons growi-ai-chat-icon me-3">knowledge_assistant</span>
         <span className="fw-bold">{t('modal_aichat.title')}</span>
         <span className="fs-5 text-body-secondary ms-3">{t('modal_aichat.title_beta_label')}</span>
       </ModalHeader>

packages/custom-icons/svg/knowledge_assistant.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><style>.a,.b{fill:none;}.b{fill-rule:evenodd;}</style></defs><g transform="translate(-131 -569)"><path class="b" d="M19.91.6A1.923,1.923,0,0,1,20.5,2.01V19.988l-4-4H2.5A1.927,1.927,0,0,1,1.09,15.4,1.923,1.923,0,0,1,.5,14V2.01A1.923,1.923,0,0,1,1.09.6,1.928,1.928,0,0,1,2.5.012h16A1.928,1.928,0,0,1,19.91.6ZM18.5,2.01H2.5V14H17.35l1.15,1.129ZM13.351,3.2a1,1,0,0,0-1,1v8.6h1a1,1,0,0,0,1-1V4.2A1,1,0,0,0,13.351,3.2Zm-5.15.02a1.976,1.976,0,0,0-1.62,1.6L5.31,11.568A1.037,1.037,0,0,0,6.33,12.8h.58l.4-2H9.52l.26,1.308a.857.857,0,0,0,.84.689h1.13l-1.39-8.01A1.915,1.915,0,0,0,8.19,3.218ZM7.7,8.911l.66-3.276a.061.061,0,0,1,.12,0l.66,3.276Z" transform="translate(132.5 570.988)"/></g></svg>