FAB: replace pen icon with new custom Tabler icon

app/icons/COPYING.md

@@ -4,7 +4,7 @@
 - fediverse.svg - Modified from Wikipedia, CC0  
 - gavel.svg - Created by ramsha61 for this project, MIT  
 - home-squared.svg - Modified from Tabler icons, MIT  
-- pen-add.svg - Modified from Feather icons, MIT  
+- pen-plus.svg - Modified from Tabler icons, MIT  
 
 Tabler: https://tabler-icons.io/  
 Feather: https://feathericons.com/  

app/icons/pen-add.svg

@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M 20.47236,13.274579 14.302339,7.1045579 16.946633,4.460263 23.116655,10.630284 Z" />
-  <path d="M 15.18377,7.9859895 8.5730298,9.3081369 5.4880191,22.088895 18.268781,19.003885 19.590928,12.393148 Z" />
-  <path d="m 5.4880191,22.088895 6.6865439,-6.68654" />
-  <path d="M 4.7036412,1 V 8.4072824" />
-  <path d="M 8.4072823,4.7036412 H 1" />
-</svg>

app/icons/pen-plus.svg

@@ -0,0 +1,4 @@
+<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/features/ui/index.js

@@ -669,7 +669,7 @@ class UI extends React.PureComponent {
         className='floating-action-button'
         aria-label={intl.formatMessage(messages.publish)}
       >
-        <Icon src={require('icons/pen-add.svg')} />
+        <Icon src={require('icons/pen-plus.svg')} />
       </button>
     );
 

app/styles/ui.scss

@@ -394,7 +394,7 @@
     height: 30px;
 
     svg {
-      stroke: 1.5px;
+      stroke-width: 1.5px;
       width: 30px; // iOS fix
     }
   }