From ad0be125f5d7751438668b2637e2c2dc054beb9a Mon Sep 17 00:00:00 2001
From: Claire <claire.github-309c@sitedethib.com>
Date: Fri, 23 Feb 2024 16:32:13 +0100
Subject: [PATCH] [Glitch] Fix pixel alignment for some composer icons

Port 25ffe0af453cfdcad787913b57f217303bfa59a2 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
---
 .../compose/components/content_type_button.jsx       |  9 ++++++---
 .../compose/components/emoji_picker_dropdown.jsx     |  2 +-
 .../compose/components/federation_button.jsx         |  4 +++-
 .../features/compose/components/poll_button.jsx      |  2 +-
 .../compose/components/thread_mode_button.jsx        |  2 +-
 .../glitch/features/compose/components/upload.jsx    |  2 +-
 .../features/compose/components/upload_button.jsx    |  2 +-
 .../compose/containers/spoiler_button_container.js   |  2 +-
 .../flavours/glitch/styles/components.scss           | 12 ++++++------
 app/javascript/material-icons/400-20px/code-fill.svg |  1 +
 app/javascript/material-icons/400-20px/code.svg      |  1 +
 .../material-icons/400-20px/description-fill.svg     |  1 +
 .../material-icons/400-20px/description.svg          |  1 +
 .../material-icons/400-20px/markdown-fill.svg        |  1 +
 app/javascript/material-icons/400-20px/markdown.svg  |  1 +
 .../material-icons/400-20px/quickreply-fill.svg      |  1 +
 .../material-icons/400-20px/quickreply.svg           |  1 +
 .../material-icons/400-20px/share-fill.svg           |  1 +
 app/javascript/material-icons/400-20px/share.svg     |  1 +
 .../material-icons/400-20px/share_off-fill.svg       |  1 +
 app/javascript/material-icons/400-20px/share_off.svg |  1 +
 .../material-icons/400-24px/quickreply-fill.svg      |  1 -
 .../material-icons/400-24px/quickreply.svg           |  1 -
 23 files changed, 33 insertions(+), 18 deletions(-)
 create mode 100644 app/javascript/material-icons/400-20px/code-fill.svg
 create mode 100644 app/javascript/material-icons/400-20px/code.svg
 create mode 100644 app/javascript/material-icons/400-20px/description-fill.svg
 create mode 100644 app/javascript/material-icons/400-20px/description.svg
 create mode 100644 app/javascript/material-icons/400-20px/markdown-fill.svg
 create mode 100644 app/javascript/material-icons/400-20px/markdown.svg
 create mode 100644 app/javascript/material-icons/400-20px/quickreply-fill.svg
 create mode 100644 app/javascript/material-icons/400-20px/quickreply.svg
 create mode 100644 app/javascript/material-icons/400-20px/share-fill.svg
 create mode 100644 app/javascript/material-icons/400-20px/share.svg
 create mode 100644 app/javascript/material-icons/400-20px/share_off-fill.svg
 create mode 100644 app/javascript/material-icons/400-20px/share_off.svg
 delete mode 100644 app/javascript/material-icons/400-24px/quickreply-fill.svg
 delete mode 100644 app/javascript/material-icons/400-24px/quickreply.svg

diff --git a/app/javascript/flavours/glitch/features/compose/components/content_type_button.jsx b/app/javascript/flavours/glitch/features/compose/components/content_type_button.jsx
index c1d6860bde..0de05ce7aa 100644
--- a/app/javascript/flavours/glitch/features/compose/components/content_type_button.jsx
+++ b/app/javascript/flavours/glitch/features/compose/components/content_type_button.jsx
@@ -2,6 +2,9 @@ import { useCallback } from 'react';
 
 import { useIntl, defineMessages } from 'react-intl';
 
+import SmallCodeIcon from '@/material-icons/400-20px/code.svg?react';
+import SmallDescriptionIcon from '@/material-icons/400-20px/description.svg?react';
+import SmallMarkdownIcon from '@/material-icons/400-20px/markdown.svg?react';
 import CodeIcon from '@/material-icons/400-24px/code.svg?react';
 import DescriptionIcon from '@/material-icons/400-24px/description.svg?react';
 import MarkdownIcon from '@/material-icons/400-24px/markdown.svg?react';
@@ -48,9 +51,9 @@ export const ContentTypeButton = () => {
   }[contentType];
 
   const iconComponent = {
-    'text/plain': DescriptionIcon,
-    'text/markdown': MarkdownIcon,
-    'text/html': CodeIcon,
+    'text/plain': SmallDescriptionIcon,
+    'text/markdown': SmallMarkdownIcon,
+    'text/html': SmallCodeIcon,
   }[contentType];
 
   return (
diff --git a/app/javascript/flavours/glitch/features/compose/components/emoji_picker_dropdown.jsx b/app/javascript/flavours/glitch/features/compose/components/emoji_picker_dropdown.jsx
index 557f60e807..afe2981d05 100644
--- a/app/javascript/flavours/glitch/features/compose/components/emoji_picker_dropdown.jsx
+++ b/app/javascript/flavours/glitch/features/compose/components/emoji_picker_dropdown.jsx
@@ -10,7 +10,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { supportsPassiveEvents } from 'detect-passive-events';
 import Overlay from 'react-overlays/Overlay';
 
-import MoodIcon from '@/material-icons/400-24px/mood.svg?react';
+import MoodIcon from '@/material-icons/400-20px/mood.svg?react';
 import { IconButton } from 'flavours/glitch/components/icon_button';
 import { useSystemEmojiFont } from 'flavours/glitch/initial_state';
 import { assetHost } from 'flavours/glitch/utils/config';
diff --git a/app/javascript/flavours/glitch/features/compose/components/federation_button.jsx b/app/javascript/flavours/glitch/features/compose/components/federation_button.jsx
index 2ac0a9d3ec..7c71d72f5e 100644
--- a/app/javascript/flavours/glitch/features/compose/components/federation_button.jsx
+++ b/app/javascript/flavours/glitch/features/compose/components/federation_button.jsx
@@ -2,6 +2,8 @@ import { useCallback } from 'react';
 
 import { useIntl, defineMessages } from 'react-intl';
 
+import SmallShareIcon from '@/material-icons/400-20px/share.svg?react';
+import SmallShareOffIcon from '@/material-icons/400-20px/share_off.svg?react';
 import ShareIcon from '@/material-icons/400-24px/share.svg?react';
 import ShareOffIcon from '@/material-icons/400-24px/share_off.svg?react';
 import { changeComposeAdvancedOption } from 'flavours/glitch/actions/compose';
@@ -37,7 +39,7 @@ export const FederationButton = () => {
     <DropdownIconButton
       disabled={isEditing}
       icon={do_not_federate ? 'link-slash' : 'link'}
-      iconComponent={do_not_federate ? ShareOffIcon : ShareIcon}
+      iconComponent={do_not_federate ? SmallShareOffIcon : SmallShareIcon}
       onChange={handleChange}
       options={options}
       title={intl.formatMessage(messages.change_federation_settings)}
diff --git a/app/javascript/flavours/glitch/features/compose/components/poll_button.jsx b/app/javascript/flavours/glitch/features/compose/components/poll_button.jsx
index 345497abd3..cbaa25cb3c 100644
--- a/app/javascript/flavours/glitch/features/compose/components/poll_button.jsx
+++ b/app/javascript/flavours/glitch/features/compose/components/poll_button.jsx
@@ -3,7 +3,7 @@ import { PureComponent } from 'react';
 
 import { defineMessages, injectIntl } from 'react-intl';
 
-import BarChart4BarsIcon from '@/material-icons/400-24px/bar_chart_4_bars.svg?react';
+import BarChart4BarsIcon from '@/material-icons/400-20px/bar_chart_4_bars.svg?react';
 
 import { IconButton } from '../../../components/icon_button';
 
diff --git a/app/javascript/flavours/glitch/features/compose/components/thread_mode_button.jsx b/app/javascript/flavours/glitch/features/compose/components/thread_mode_button.jsx
index 65b1b72897..9b8947c447 100644
--- a/app/javascript/flavours/glitch/features/compose/components/thread_mode_button.jsx
+++ b/app/javascript/flavours/glitch/features/compose/components/thread_mode_button.jsx
@@ -2,7 +2,7 @@ import { useCallback } from 'react';
 
 import { useIntl, defineMessages } from 'react-intl';
 
-import QuickreplyIcon from '@/material-icons/400-24px/quickreply.svg?react';
+import QuickreplyIcon from '@/material-icons/400-20px/quickreply.svg?react';
 import { changeComposeAdvancedOption } from 'flavours/glitch/actions/compose';
 import { IconButton } from 'flavours/glitch/components/icon_button';
 import { useAppSelector, useAppDispatch } from 'flavours/glitch/store';
diff --git a/app/javascript/flavours/glitch/features/compose/components/upload.jsx b/app/javascript/flavours/glitch/features/compose/components/upload.jsx
index 2568aacb54..a6115184e3 100644
--- a/app/javascript/flavours/glitch/features/compose/components/upload.jsx
+++ b/app/javascript/flavours/glitch/features/compose/components/upload.jsx
@@ -9,7 +9,7 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
 
 import spring from 'react-motion/lib/spring';
 
-import CloseIcon from '@/material-icons/400-24px/close.svg?react';
+import CloseIcon from '@/material-icons/400-20px/close.svg?react';
 import EditIcon from '@/material-icons/400-24px/edit.svg?react';
 import WarningIcon from '@/material-icons/400-24px/warning.svg?react';
 import { Blurhash } from 'flavours/glitch/components/blurhash';
diff --git a/app/javascript/flavours/glitch/features/compose/components/upload_button.jsx b/app/javascript/flavours/glitch/features/compose/components/upload_button.jsx
index 4b8f7213b7..184143faee 100644
--- a/app/javascript/flavours/glitch/features/compose/components/upload_button.jsx
+++ b/app/javascript/flavours/glitch/features/compose/components/upload_button.jsx
@@ -6,7 +6,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import { connect } from 'react-redux';
 
-import PhotoLibraryIcon from '@/material-icons/400-24px/photo_library.svg?react';
+import PhotoLibraryIcon from '@/material-icons/400-20px/photo_library.svg?react';
 import { IconButton } from 'flavours/glitch/components/icon_button';
 
 const messages = defineMessages({
diff --git a/app/javascript/flavours/glitch/features/compose/containers/spoiler_button_container.js b/app/javascript/flavours/glitch/features/compose/containers/spoiler_button_container.js
index fce1816fe8..fc87ef3725 100644
--- a/app/javascript/flavours/glitch/features/compose/containers/spoiler_button_container.js
+++ b/app/javascript/flavours/glitch/features/compose/containers/spoiler_button_container.js
@@ -2,7 +2,7 @@ import { injectIntl, defineMessages } from 'react-intl';
 
 import { connect } from 'react-redux';
 
-import WarningIcon from '@/material-icons/400-24px/warning.svg?react';
+import WarningIcon from '@/material-icons/400-20px/warning.svg?react';
 import { IconButton } from 'flavours/glitch/components/icon_button';
 
 import { changeComposeSpoilerness } from '../../../actions/compose';
diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss
index e299d9f5d3..024911139c 100644
--- a/app/javascript/flavours/glitch/styles/components.scss
+++ b/app/javascript/flavours/glitch/styles/components.scss
@@ -669,12 +669,12 @@ body > [data-popper-placement] {
     }
 
     .icon-button.compose-form__upload__delete {
-      padding: 3px;
+      padding: 2px;
       border-radius: 50%;
 
       .icon {
-        width: 18px;
-        height: 18px;
+        width: 20px;
+        height: 20px;
       }
     }
 
@@ -769,12 +769,12 @@ body > [data-popper-placement] {
     }
 
     .icon-button {
-      padding: 3px;
+      padding: 2px;
     }
 
     .icon-button .icon {
-      width: 18px;
-      height: 18px;
+      width: 20px;
+      height: 20px;
     }
   }
 
diff --git a/app/javascript/material-icons/400-20px/code-fill.svg b/app/javascript/material-icons/400-20px/code-fill.svg
new file mode 100644
index 0000000000..83fb85354f
--- /dev/null
+++ b/app/javascript/material-icons/400-20px/code-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M336-240 96-480l240-240 51 51-189 189 189 189-51 51Zm288 0-51-51 189-189-189-189 51-51 240 240-240 240Z"/></svg>
\ No newline at end of file
diff --git a/app/javascript/material-icons/400-20px/code.svg b/app/javascript/material-icons/400-20px/code.svg
new file mode 100644
index 0000000000..83fb85354f
--- /dev/null
+++ b/app/javascript/material-icons/400-20px/code.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M336-240 96-480l240-240 51 51-189 189 189 189-51 51Zm288 0-51-51 189-189-189-189 51-51 240 240-240 240Z"/></svg>
\ No newline at end of file
diff --git a/app/javascript/material-icons/400-20px/description-fill.svg b/app/javascript/material-icons/400-20px/description-fill.svg
new file mode 100644
index 0000000000..5eed963e0b
--- /dev/null
+++ b/app/javascript/material-icons/400-20px/description-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M336-240h288v-72H336v72Zm0-144h288v-72H336v72ZM263.717-96Q234-96 213-117.15T192-168v-624q0-29.7 21.15-50.85Q234.3-864 264-864h312l192 192v504q0 29.7-21.162 50.85Q725.676-96 695.96-96H263.717ZM528-624h168L528-792v168Z"/></svg>
\ No newline at end of file
diff --git a/app/javascript/material-icons/400-20px/description.svg b/app/javascript/material-icons/400-20px/description.svg
new file mode 100644
index 0000000000..7ad7907881
--- /dev/null
+++ b/app/javascript/material-icons/400-20px/description.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M336-240h288v-72H336v72Zm0-144h288v-72H336v72ZM263.717-96Q234-96 213-117.15T192-168v-624q0-29.7 21.15-50.85Q234.3-864 264-864h312l192 192v504q0 29.7-21.162 50.85Q725.676-96 695.96-96H263.717ZM528-624v-168H264v624h432v-456H528ZM264-792v189-189 624-624Z"/></svg>
\ No newline at end of file
diff --git a/app/javascript/material-icons/400-20px/markdown-fill.svg b/app/javascript/material-icons/400-20px/markdown-fill.svg
new file mode 100644
index 0000000000..6fed3547f6
--- /dev/null
+++ b/app/javascript/material-icons/400-20px/markdown-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="m600-384 96-96-34-34-38 38v-100h-48v100l-38-39-34 35 96 96ZM168-192q-29.7 0-50.85-21.162Q96-234.324 96-264.04v-432.243Q96-726 117.15-747T168-768h624q29.7 0 50.85 21.162Q864-725.676 864-695.96v432.243Q864-234 842.85-213T792-192H168Zm72-192h48v-144h24v96h48v-96h24v144h48v-168q0-10.2-6.9-17.1-6.9-6.9-17.1-6.9H264q-10.2 0-17.1 6.9-6.9 6.9-6.9 17.1v168Z"/></svg>
\ No newline at end of file
diff --git a/app/javascript/material-icons/400-20px/markdown.svg b/app/javascript/material-icons/400-20px/markdown.svg
new file mode 100644
index 0000000000..c5e480e938
--- /dev/null
+++ b/app/javascript/material-icons/400-20px/markdown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="m600-384 96-96-34-34-38 38v-100h-48v100l-38-39-34 35 96 96ZM168-192q-29.7 0-50.85-21.162Q96-234.324 96-264.04v-432.243Q96-726 117.15-747T168-768h624q29.7 0 50.85 21.162Q864-725.676 864-695.96v432.243Q864-234 842.85-213T792-192H168Zm0-72h624v-432H168v432Zm0 0v-432 432Zm72-120h48v-144h24v96h48v-96h24v144h48v-168q0-10.2-6.9-17.1-6.9-6.9-17.1-6.9H264q-10.2 0-17.1 6.9-6.9 6.9-6.9 17.1v168Z"/></svg>
\ No newline at end of file
diff --git a/app/javascript/material-icons/400-20px/quickreply-fill.svg b/app/javascript/material-icons/400-20px/quickreply-fill.svg
new file mode 100644
index 0000000000..8adf5df308
--- /dev/null
+++ b/app/javascript/material-icons/400-20px/quickreply-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M750-48v-192h-78v-240h192l-60 156h84L750-48ZM96-96v-696q0-29 21.5-50.5T168-864h624q30 0 51 21.5t21 50.5v240H600v312H240L96-96Z"/></svg>
\ No newline at end of file
diff --git a/app/javascript/material-icons/400-20px/quickreply.svg b/app/javascript/material-icons/400-20px/quickreply.svg
new file mode 100644
index 0000000000..4956ffcf3c
--- /dev/null
+++ b/app/javascript/material-icons/400-20px/quickreply.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M96-96v-696q0-29 21.5-50.5T168-864h624q29.7 0 50.85 21.5Q864-821 864-792v240h-72v-240H168v522l42-42h390v72H240L96-96Zm72-216v-480 480ZM750-48v-192h-78v-240h192l-60 156h84L750-48Z"/></svg>
\ No newline at end of file
diff --git a/app/javascript/material-icons/400-20px/share-fill.svg b/app/javascript/material-icons/400-20px/share-fill.svg
new file mode 100644
index 0000000000..dc7011ff9f
--- /dev/null
+++ b/app/javascript/material-icons/400-20px/share-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M696-96q-50 0-85-35t-35-85q0-8 1-14.5t3-14.5L342-390q-15 16-35.354 23T264-360q-50 0-85-35t-35-85q0-50 35-85t85-35q22 0 42.5 7.5T342-570l238-145q-2-8-3-14.5t-1-14.5q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35q-22.292 0-42.646-7T618-654L380-509q2 8 3 14.5t1 14.5q0 8-1 14.5t-3 14.5l238 145q15-17 35.354-23.5T696-336q50 0 85 35t35 85q0 50-35 85t-85 35Z"/></svg>
\ No newline at end of file
diff --git a/app/javascript/material-icons/400-20px/share.svg b/app/javascript/material-icons/400-20px/share.svg
new file mode 100644
index 0000000000..5094eb336c
--- /dev/null
+++ b/app/javascript/material-icons/400-20px/share.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M696-96q-50 0-85-35t-35-85q0-8 1-14.5t3-14.5L342-390q-15 16-35.354 23T264-360q-50 0-85-35t-35-85q0-50 35-85t85-35q22 0 42.5 7.5T342-570l238-145q-2-8-3-14.5t-1-14.5q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35q-22.292 0-42.646-7T618-654L380-509q2 8 3 14.5t1 14.5q0 8-1 14.5t-3 14.5l238 145q15-17 35.354-23.5T696-336q50 0 85 35t35 85q0 50-35 85t-85 35Zm0-600q20.4 0 34.2-13.8Q744-723.6 744-744q0-20.4-13.8-34.2Q716.4-792 696-792q-20.4 0-34.2 13.8Q648-764.4 648-744q0 20.4 13.8 34.2Q675.6-696 696-696ZM264-432q20.4 0 34.2-13.8Q312-459.6 312-480q0-20.4-13.8-34.2Q284.4-528 264-528q-20.4 0-34.2 13.8Q216-500.4 216-480q0 20.4 13.8 34.2Q243.6-432 264-432Zm432 264q20.4 0 34.2-13.8Q744-195.6 744-216q0-20.4-13.8-34.2Q716.4-264 696-264q-20.4 0-34.2 13.8Q648-236.4 648-216q0 20.4 13.8 34.2Q675.6-168 696-168Zm0-576ZM264-480Zm432 264Z"/></svg>
\ No newline at end of file
diff --git a/app/javascript/material-icons/400-20px/share_off-fill.svg b/app/javascript/material-icons/400-20px/share_off-fill.svg
new file mode 100644
index 0000000000..eeb1cb4f39
--- /dev/null
+++ b/app/javascript/material-icons/400-20px/share_off-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M240.226-432Q320-432 376-375.774t56 136Q432-160 375.774-104t-136 56Q160-48 104-104.226t-56-136Q48-320 104.226-376t136-56ZM239-212l56 56 29-29-56-56 56-56-29-29-56 56-56-56-29 29 56 56-56 56 29 29 56-56Zm457-412q-22.292 0-42.646-7T618-654L380-509q3 17 3.5 25.5T382-462q-31-20-67.196-31-36.195-11-74.804-11-26 0-49.5 4.5T144-486q2-48 37-81t83-33q22.292 0 42.646 7.5T342-570l238-145q-2-8-3-14.5t-1-14.5q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35Zm0 528q-50 0-85-35t-35-85q0-8 1-14.5t3-14.5l-82-50q-8-35-23.5-65.5T436-417l182 111q15-17 35.354-23.5T696-336q50 0 85 35t35 85q0 50-35 85t-85 35Z"/></svg>
\ No newline at end of file
diff --git a/app/javascript/material-icons/400-20px/share_off.svg b/app/javascript/material-icons/400-20px/share_off.svg
new file mode 100644
index 0000000000..970fa28a25
--- /dev/null
+++ b/app/javascript/material-icons/400-20px/share_off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M696-696q20.4 0 34.2-13.8Q744-723.6 744-744q0-20.4-13.8-34.2Q716.4-792 696-792q-20.4 0-34.2 13.8Q648-764.4 648-744q0 20.4 13.8 34.2Q675.6-696 696-696Zm0 528q20.4 0 34.2-13.8Q744-195.6 744-216q0-20.4-13.8-34.2Q716.4-264 696-264q-20.4 0-34.2 13.8Q648-236.4 648-216q0 20.4 13.8 34.2Q675.6-168 696-168Zm0-576Zm0 528ZM239.774-48Q160-48 104-104.226t-56-136Q48-320 104.226-376t136-56Q320-432 376-375.774t56 136Q432-160 375.774-104t-136 56ZM144-486q2-48 37-81t83-33q22.292 0 42.646 7.5T342-570l238-145q-2-8-3-14.5t-1-14.5q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35q-22.292 0-42.646-7T618-654L380-509q3 17 3.5 25.5T382-462q-31-20-67.196-31-36.195-11-74.804-11-26 0-49.5 4.5T144-486ZM696-96q-50 0-85-35t-35-85q0-8 1-14.5t3-14.5l-82-50q-8-35-23.5-65.5T436-417l182 111q15-17 35.354-23.5T696-336q50 0 85 35t35 85q0 50-35 85t-85 35ZM239-212l56 56 29-29-56-56 56-56-29-29-56 56-56-56-29 29 56 56-56 56 29 29 56-56Z"/></svg>
\ No newline at end of file
diff --git a/app/javascript/material-icons/400-24px/quickreply-fill.svg b/app/javascript/material-icons/400-24px/quickreply-fill.svg
deleted file mode 100644
index a9ce9705ac..0000000000
--- a/app/javascript/material-icons/400-24px/quickreply-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M760-40v-200h-80v-240h200l-68 160h88L760-40ZM80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v240H600v320H240L80-80Z"/></svg>
\ No newline at end of file
diff --git a/app/javascript/material-icons/400-24px/quickreply.svg b/app/javascript/material-icons/400-24px/quickreply.svg
deleted file mode 100644
index 522093e3cc..0000000000
--- a/app/javascript/material-icons/400-24px/quickreply.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v240h-80v-240H160v525l46-45h394v80H240L80-80Zm80-240v-480 480ZM760-40v-200h-80v-240h200l-68 160h88L760-40Z"/></svg>
\ No newline at end of file