From 4fb447596e64bdd34e2f8be91320c0e686cfe390 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 13 Oct 2021 14:07:21 -0500
Subject: [PATCH] FAB: replace pen icon with new custom Tabler icon

---
 app/icons/COPYING.md             | 2 +-
 app/icons/pen-add.svg            | 7 -------
 app/icons/pen-plus.svg           | 4 ++++
 app/soapbox/features/ui/index.js | 2 +-
 app/styles/ui.scss               | 2 +-
 5 files changed, 7 insertions(+), 10 deletions(-)
 delete mode 100644 app/icons/pen-add.svg
 create mode 100644 app/icons/pen-plus.svg

diff --git a/app/icons/COPYING.md b/app/icons/COPYING.md
index 6a8df9bfd..d99855b13 100644
--- a/app/icons/COPYING.md
+++ b/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/  
diff --git a/app/icons/pen-add.svg b/app/icons/pen-add.svg
deleted file mode 100644
index f05ec7e6b..000000000
--- a/app/icons/pen-add.svg
+++ /dev/null
@@ -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>
diff --git a/app/icons/pen-plus.svg b/app/icons/pen-plus.svg
new file mode 100644
index 000000000..8f81c48f6
--- /dev/null
+++ b/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>
diff --git a/app/soapbox/features/ui/index.js b/app/soapbox/features/ui/index.js
index 05f9f79e4..66274d002 100644
--- a/app/soapbox/features/ui/index.js
+++ b/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>
     );
 
diff --git a/app/styles/ui.scss b/app/styles/ui.scss
index 5585134e0..a6672ce5f 100644
--- a/app/styles/ui.scss
+++ b/app/styles/ui.scss
@@ -394,7 +394,7 @@
     height: 30px;
 
     svg {
-      stroke: 1.5px;
+      stroke-width: 1.5px;
       width: 30px; // iOS fix
     }
   }