diff --git a/client/web/src/components/Emoji/Picker.tsx b/client/web/src/components/Emoji/Picker.tsx
index 0651efd5..d46988dd 100644
--- a/client/web/src/components/Emoji/Picker.tsx
+++ b/client/web/src/components/Emoji/Picker.tsx
@@ -4,6 +4,7 @@ import { emojiData } from './const';
 import Picker from '@emoji-mart/react';
 import type { EmojiData } from './types';
 import i18n from '@emoji-mart/data/i18n/zh.json';
+import spritesUrl from './twitter.png';
 
 import './Picker.less';
 
@@ -39,6 +40,7 @@ export const EmojiPicker: React.FC<EmojiPickerProps> = React.memo((props) => {
         previewPosition="none"
         skinTonePosition="none"
         onEmojiSelect={handleSelect}
+        getSpritesheetURL={() => spritesUrl}
       />
     </div>
   );
diff --git a/client/web/src/components/Emoji/twitter.png b/client/web/src/components/Emoji/twitter.png
new file mode 100644
index 00000000..d077489b
Binary files /dev/null and b/client/web/src/components/Emoji/twitter.png differ
diff --git a/client/web/types/index.d.ts b/client/web/types/index.d.ts
index 691553ac..873e4c20 100644
--- a/client/web/types/index.d.ts
+++ b/client/web/types/index.d.ts
@@ -1,4 +1,5 @@
 declare module '*.jpg';
 declare module '*.svg';
+declare module '*.png';
 declare module '*.module.less';
 declare module '@bbob/parser'; // Work around for com.msgbyte.bbcode. ts-jest looks like cannot load plugins-self typedefinition