diff --git a/web/SWMansionIcon.react.js b/web/SWMansionIcon.react.js
index 0f3f2b4e4..35bb65275 100644
--- a/web/SWMansionIcon.react.js
+++ b/web/SWMansionIcon.react.js
@@ -1,22 +1,62 @@
 // @flow
 
 import * as React from 'react';
 import IcomoonReact from 'react-icomoon';
 
 import iconSet from './icons/selection.json';
 
+export type Icon =
+  | 'arrow-right-small'
+  | 'bell'
+  | 'logout'
+  | 'plus-circle'
+  | 'users'
+  | 'chevron-right-small'
+  | 'reply-arrow'
+  | 'right-angle-arrow'
+  | 'plus'
+  | 'settings'
+  | 'wrench'
+  | 'Filled'
+  | 'bug'
+  | 'cloud'
+  | 'copy'
+  | 'smile'
+  | 'inbox'
+  | 'info-circle'
+  | 'message-circle-line'
+  | 'question-circle'
+  | 'search'
+  | 'outline-key'
+  | 'chevron-left'
+  | 'arrow-left'
+  | 'arrow-right'
+  | 'cross'
+  | 'edit'
+  | 'filters'
+  | 'menu-horizontal'
+  | 'menu-vertical'
+  | 'message-square'
+  | 'message-square-lines'
+  | 'bell-disabled'
+  | 'chevron-right'
+  | 'send'
+  | 'calendar'
+  | 'message-circle-lines'
+  | 'image';
+
 type SWMansionIconProps = {
-  +icon: string,
+  +icon: Icon,
   +size: number | string,
   +color?: string,
   +title?: string,
   +className?: string,
   +disableFill?: boolean,
   +removeInlineStyle?: boolean,
 };
 
 function SWMansionIcon(props: SWMansionIconProps): React.Node {
   return <IcomoonReact {...props} iconSet={iconSet} />;
 }
 
 export default SWMansionIcon;
diff --git a/web/chat/chat-thread-tab.react.js b/web/chat/chat-thread-tab.react.js
index 27108e785..a53f403e1 100644
--- a/web/chat/chat-thread-tab.react.js
+++ b/web/chat/chat-thread-tab.react.js
@@ -1,32 +1,32 @@
 // @flow
 
 import classNames from 'classnames';
 import * as React from 'react';
 
-import SWMansionIcon from '../SWMansionIcon.react';
+import SWMansionIcon, { type Icon } from '../SWMansionIcon.react';
 import css from './chat-tabs.css';
 
 type Props = {
   +title: string,
   +onClick: (title: string) => void,
   +tabIsActive: boolean,
-  +icon: string,
+  +icon: Icon,
 };
 function ChatThreadTab(props: Props): React.Node {
   const { title, onClick, tabIsActive, icon } = props;
   const className = classNames({
     [css.tabItem]: true,
     [css.tabItemActive]: tabIsActive,
     [css.tabItemInactive]: !tabIsActive,
   });
   return (
     <div className={className} onClick={onClick}>
       <span>
         <SWMansionIcon icon={icon} size={24} />
         {title}
       </span>
     </div>
   );
 }
 
 export default ChatThreadTab;