Update Tabler to v1.71.0, use new pencil-plus and message-circle-2 icons

app/icons/COPYING.md

@@ -1,9 +1,6 @@
 # Custom icons
 
 - fediverse.svg - Modified from Wikipedia, CC0  
-- pen-plus.svg - Modified from Tabler icons, MIT  
 - verified.svg - Created by Alex Gleason. CC0
 
-Tabler: https://tabler-icons.io/  
-Feather: https://feathericons.com/  
 Fediverse logo: https://en.wikipedia.org/wiki/Fediverse#/media/File:Fediverse_logo_proposal.svg  

app/icons/pen-plus.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M6 20h4L20.5 9.5a2.83 2.83 0 0 0 0-4 2.83 2.83 0 0 0-4 0L6 16v4M5.5 3v7"/>
-  <path d="M2 6.5h7m6.5 0l4 4"/>
-</svg>

app/soapbox/components/status_action_bar.tsx

@@ -644,7 +644,7 @@ class StatusActionBar extends ImmutablePureComponent<IStatusActionBar, IStatusAc
       <div className='pt-4 flex flex-row space-x-2'>
         <StatusActionButton
           title={replyTitle}
-          icon={require('@tabler/icons/icons/message-circle.svg')}
+          icon={require('@tabler/icons/icons/message-circle-2.svg')}
           onClick={this.handleReplyClick}
           count={replyCount}
         />

app/soapbox/features/status/components/action-bar.tsx

@@ -563,7 +563,7 @@ class ActionBar extends React.PureComponent<IActionBar, IActionBarState> {
       <HStack justifyContent='between'>
         <IconButton
           title={intl.formatMessage(messages.reply)}
-          src={require('@tabler/icons/icons/message-circle.svg')}
+          src={require('@tabler/icons/icons/message-circle-2.svg')}
           className='text-gray-400 hover:text-gray-600'
           onClick={this.handleReplyClick}
           text={intl.formatMessage(messages.reply)}

app/soapbox/features/ui/components/compose-button.tsx

@@ -11,7 +11,7 @@ const ComposeButton = () => {
 
   return (
     <div className='mt-4'>
-      <Button icon={require('icons/pen-plus.svg')} block size='lg' onClick={onOpenCompose}>
+      <Button icon={require('@tabler/icons/icons/pencil-plus.svg')} block size='lg' onClick={onOpenCompose}>
         <span><FormattedMessage id='navigation.compose' defaultMessage='Compose' /></span>
       </Button>
     </div>

app/soapbox/features/ui/index.tsx

@@ -650,7 +650,7 @@ const UI: React.FC = ({ children }) => {
       className='floating-action-button'
       aria-label={intl.formatMessage(messages.publish)}
     >
-      <Icon src={require('icons/pen-plus.svg')} />
+      <Icon src={require('@tabler/icons/icons/pencil-plus.svg')} />
     </button>
   );