From f53fc1b507d209d29423a935b65b7f11cf77027b Mon Sep 17 00:00:00 2001
From: Aman Agrawal <amanagr@zulip.com>
Date: Thu, 13 Mar 2025 06:00:15 +0000
Subject: [PATCH] user_group_settings: Use icon with 2 users for editing group
 info.

---
 web/shared/icons/user-group-edit.svg                      | 7 +++++++
 web/styles/subscriptions.css                              | 7 +++++++
 web/templates/user_group_settings/user_group_settings.hbs | 2 +-
 3 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 web/shared/icons/user-group-edit.svg

diff --git a/web/shared/icons/user-group-edit.svg b/web/shared/icons/user-group-edit.svg
new file mode 100644
index 0000000000..7379363d8c
--- /dev/null
+++ b/web/shared/icons/user-group-edit.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.3999 4.33369C6.3999 2.78729 7.6535 1.53369 9.1999 1.53369C10.7463 1.53369 11.9999 2.78729 11.9999 4.33369C11.9999 5.88009 10.7463 7.13369 9.1999 7.13369C7.6535 7.13369 6.3999 5.88009 6.3999 4.33369ZM9.1999 2.86702C8.38988 2.86702 7.73324 3.52367 7.73324 4.33369C7.73324 5.14371 8.38988 5.80036 9.1999 5.80036C10.0099 5.80036 10.6666 5.14371 10.6666 4.33369C10.6666 3.52367 10.0099 2.86702 9.1999 2.86702Z" fill="black"/>
+<path d="M4.16667 9.31477C3.85202 9.39601 3.57326 9.57945 3.37417 9.83628C3.17511 10.0931 3.06695 10.4087 3.06667 10.7336V11.7999C3.06667 12.1681 2.76819 12.4666 2.4 12.4666C2.03181 12.4666 1.73333 12.1681 1.73333 11.7999L1.73334 10.7328C1.7338 10.1124 1.94029 9.50971 2.32038 9.01939C2.70047 8.52907 3.23264 8.17887 3.83333 8.02377C4.18983 7.93172 4.55345 8.1461 4.6455 8.5026C4.73755 8.8591 4.52317 9.22272 4.16667 9.31477Z" fill="black"/>
+<path d="M5.30128 1.6237C5.65796 1.53237 6.02114 1.74749 6.11247 2.10417C6.2038 2.46085 5.98868 2.82404 5.632 2.91536C5.31651 2.99614 5.03688 3.17962 4.8372 3.43688C4.63751 3.69413 4.52912 4.01053 4.52912 4.3362C4.52912 4.66186 4.63751 4.97826 4.8372 5.23552C5.03688 5.49277 5.31651 5.67625 5.632 5.75703C5.98868 5.84835 6.2038 6.21154 6.11247 6.56822C6.02114 6.92491 5.65796 7.14002 5.30128 7.0487C4.69899 6.89449 4.16515 6.5442 3.78393 6.05308C3.40271 5.56195 3.19579 4.95792 3.19579 4.3362C3.19579 3.71448 3.40271 3.11044 3.78393 2.61931C4.16515 2.12819 4.69899 1.77791 5.30128 1.6237Z" fill="black"/>
+<path d="M7.22025 9.31477C6.90561 9.39601 6.62685 9.57945 6.42775 9.83628C6.2287 10.0931 6.12054 10.4087 6.12025 10.7336V11.7999C6.12025 12.1681 5.82178 12.4666 5.45359 12.4666C5.0854 12.4666 4.78692 12.1681 4.78692 11.7999L4.78692 10.7328C4.78739 10.1124 4.99387 9.50971 5.37397 9.01939C5.75406 8.52907 6.28623 8.17887 6.88692 8.02377C7.24342 7.93172 7.60704 8.1461 7.69909 8.5026C7.79113 8.8591 7.57675 9.22272 7.22025 9.31477Z" fill="black"/>
+<path d="M11.9172 7.66797C12.4696 7.66797 12.9994 7.8874 13.39 8.278C13.7806 8.66859 14 9.19835 14 9.75073C14 10.3031 13.7806 10.8329 13.39 11.2235L10.7148 13.896C10.4772 14.1336 10.1833 14.3078 9.86077 14.402L7.94723 14.9601C7.77514 15.0103 7.5927 15.0133 7.41905 14.9688C7.24539 14.9243 7.08688 14.8339 6.96013 14.7072C6.83337 14.5804 6.74301 14.4219 6.69852 14.2483C6.65403 14.0746 6.65704 13.8922 6.70723 13.7201L7.26523 11.8068C7.35942 11.4842 7.53342 11.1904 7.77104 10.9528L10.4445 8.278C10.8351 7.8874 11.3648 7.66797 11.9172 7.66797ZM8.71409 11.8954C8.63489 11.9745 8.57666 12.0726 8.54524 12.1801L8.1574 13.5099L9.48703 13.1221C9.5945 13.0907 9.69255 13.0327 9.7717 12.9535L12.4472 10.2807C12.5876 10.1401 12.6667 9.94939 12.6667 9.75073C12.6667 9.55197 12.5877 9.36135 12.4472 9.22081C12.3066 9.08026 12.116 9.0013 11.9172 9.0013C11.7185 9.0013 11.5279 9.08025 11.3874 9.22072L8.71409 11.8954Z" fill="black"/>
+</svg>
diff --git a/web/styles/subscriptions.css b/web/styles/subscriptions.css
index f5fd91ab32..d59bce2928 100644
--- a/web/styles/subscriptions.css
+++ b/web/styles/subscriptions.css
@@ -1130,6 +1130,13 @@ h4.user_group_setting_subsection_title {
             }
         }
 
+        #open_group_info_modal {
+            display: flex;
+            align-items: center;
+            padding: 7px 10px;
+            font-size: 1.1em;
+        }
+
         .button-group {
             margin-left: auto;
 
diff --git a/web/templates/user_group_settings/user_group_settings.hbs b/web/templates/user_group_settings/user_group_settings.hbs
index fbe924097a..ca7a2d50eb 100644
--- a/web/templates/user_group_settings/user_group_settings.hbs
+++ b/web/templates/user_group_settings/user_group_settings.hbs
@@ -27,7 +27,7 @@
                 <div class="group_change_property_info alert-notification"></div>
                 <div class="button-group">
                     <button id="open_group_info_modal" class="button rounded small button-warning tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Change group info' }}">
-                        <i class="fa fa-pencil" aria-hidden="true"></i>
+                        <i class="zulip-icon zulip-icon-user-group-edit" aria-hidden="true"></i>
                     </button>
                 </div>
             </div>