diff --git a/app/icons/COPYING.md b/app/icons/COPYING.md
index e549a78f3a..6a8df9bfd5 100644
--- a/app/icons/COPYING.md
+++ b/app/icons/COPYING.md
@@ -2,8 +2,9 @@
- dashboard-filled.svg - Modified from Tabler icons, MIT
- fediverse.svg - Modified from Wikipedia, CC0
-- gavel.svg - Created by ramsha61 for this project, MIT
-- home-2-filled.svg - Modified from Tabler icons, MIT
+- 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
Tabler: https://tabler-icons.io/
Feather: https://feathericons.com/
diff --git a/app/icons/home-2-filled.svg b/app/icons/home-2-filled.svg
deleted file mode 100644
index f08cd6fea3..0000000000
--- a/app/icons/home-2-filled.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/app/icons/home-square.svg b/app/icons/home-square.svg
new file mode 100644
index 0000000000..4bba6cc811
--- /dev/null
+++ b/app/icons/home-square.svg
@@ -0,0 +1,59 @@
+
+
diff --git a/app/icons/pen-add.svg b/app/icons/pen-add.svg
new file mode 100644
index 0000000000..89da128c5d
--- /dev/null
+++ b/app/icons/pen-add.svg
@@ -0,0 +1,78 @@
+
+
diff --git a/app/soapbox/components/primary_navigation.js b/app/soapbox/components/primary_navigation.js
index 3b358cb719..c9c3f915ed 100644
Binary files a/app/soapbox/components/primary_navigation.js and b/app/soapbox/components/primary_navigation.js differ
diff --git a/app/soapbox/components/thumb_navigation.js b/app/soapbox/components/thumb_navigation.js
index eea799e345..dd09506d0f 100644
Binary files a/app/soapbox/components/thumb_navigation.js and b/app/soapbox/components/thumb_navigation.js differ
diff --git a/app/soapbox/features/ui/components/tabs_bar.js b/app/soapbox/features/ui/components/tabs_bar.js
index 15b293cbd1..8a7dbaf18b 100644
Binary files a/app/soapbox/features/ui/components/tabs_bar.js and b/app/soapbox/features/ui/components/tabs_bar.js differ
diff --git a/app/soapbox/features/ui/index.js b/app/soapbox/features/ui/index.js
index 2b32f01e33..27e7d13fd5 100644
Binary files a/app/soapbox/features/ui/index.js and b/app/soapbox/features/ui/index.js differ
diff --git a/app/styles/components/icon.scss b/app/styles/components/icon.scss
index 2ffa232417..40b55cdda5 100644
--- a/app/styles/components/icon.scss
+++ b/app/styles/components/icon.scss
@@ -14,6 +14,10 @@
}
&--active {
+ &.svg-icon--home svg {
+ fill: currentColor;
+ }
+
svg.icon-tabler-search {
stroke-width: 2.3px;
}
diff --git a/app/styles/components/tabs-bar.scss b/app/styles/components/tabs-bar.scss
index 5038f05da9..a0226aef8c 100644
--- a/app/styles/components/tabs-bar.scss
+++ b/app/styles/components/tabs-bar.scss
@@ -289,6 +289,11 @@
width: 26px;
height: 26px;
margin: 0 auto;
+
+ svg {
+ fill: currentColor;
+ stroke-width: 1px;
+ }
}
&:hover {
diff --git a/app/styles/ui.scss b/app/styles/ui.scss
index dfac97c099..528b16b9b7 100644
--- a/app/styles/ui.scss
+++ b/app/styles/ui.scss
@@ -391,12 +391,12 @@
}
.svg-icon {
- width: 40px;
- height: 40px;
+ width: 30px;
+ height: 30px;
svg {
- stroke-width: 1px;
- width: 40px; // iOS fix
+ stroke: 1.5px;
+ width: 30px; // iOS fix
}
}
}