compose_box: Use new icons from the redesign.

The icons are mainly exported from the Figma design:
  https://www.figma.com/design/1JTNtYo9memgW7vV6d0ygq/Zulip-Mobile?node-id=544-22131&node-type=CANVAS&t=hNeqhPGojoFpTJnp-0

Except image.svg, which was downloaded from the original source of the
icon (https://lucide.dev/icons/image).

Due to the limitation of the icon font, image.svg and send.svg have
been adjusted with a tool that converts SVG strokes to fills:
  https://www.npmjs.com/package/oslllo-svg-fixer

See also:
  https://chat.zulip.org/#narrow/stream/243-mobile-team/topic/Icon.20not.20rendering.20correctly/near/1936793

Signed-off-by: Zixuan James Li <[email protected]>

Author: PIG208

assets/icons/ZulipIcons.ttf

@@ -15,6 +15,7 @@ import '../model/narrow.dart';
 import '../model/store.dart';
 import 'autocomplete.dart';
 import 'dialog.dart';
+import 'icons.dart';
 import 'store.dart';
 import 'theme.dart';
 
@@ -642,7 +643,7 @@ class _AttachFileButton extends _AttachUploadsButton {
   const _AttachFileButton({required super.contentController, required super.contentFocusNode});
 
   @override
-  IconData get icon => Icons.attach_file;
+  IconData get icon => ZulipIcons.paperclip;
 
   @override
   String tooltip(ZulipLocalizations zulipLocalizations) =>
@@ -658,7 +659,7 @@ class _AttachMediaButton extends _AttachUploadsButton {
   const _AttachMediaButton({required super.contentController, required super.contentFocusNode});
 
   @override
-  IconData get icon => Icons.image;
+  IconData get icon => ZulipIcons.image;
 
   @override
   String tooltip(ZulipLocalizations zulipLocalizations) =>
@@ -675,7 +676,7 @@ class _AttachFromCameraButton extends _AttachUploadsButton {
   const _AttachFromCameraButton({required super.contentController, required super.contentFocusNode});
 
   @override
-  IconData get icon => Icons.camera_alt;
+  IconData get icon => ZulipIcons.camera;
 
   @override
   String tooltip(ZulipLocalizations zulipLocalizations) =>
@@ -871,7 +872,7 @@ class _SendButtonState extends State<_SendButton> {
           tapTargetSize: MaterialTapTargetSize.shrinkWrap,
         ),
         color: foregroundColor,
-        icon: const Icon(Icons.send),
+        icon: const Icon(ZulipIcons.send),
         onPressed: _send));
   }
 }
@@ -948,7 +949,7 @@ class _ComposeBoxLayout extends StatelessWidget {
         ]),
         Theme(
           data: themeData.copyWith(
-            iconTheme: themeData.iconTheme.copyWith(color: colorScheme.onSurfaceVariant)),
+            iconTheme: themeData.iconTheme.copyWith(color: colorScheme.onSurface.withOpacity(0.5))),
           child: Row(children: [
             _AttachFileButton(contentController: contentController, contentFocusNode: contentFocusNode),
             _AttachMediaButton(contentController: contentController, contentFocusNode: contentFocusNode),

assets/icons/camera.svg

@@ -36,50 +36,62 @@ abstract final class ZulipIcons {
   /// The Zulip custom icon "bot".
   static const IconData bot = IconData(0xf104, fontFamily: "Zulip Icons");
 
+  /// The Zulip custom icon "camera".
+  static const IconData camera = IconData(0xf105, fontFamily: "Zulip Icons");
+
   /// The Zulip custom icon "chevron_right".
-  static const IconData chevron_right = IconData(0xf105, fontFamily: "Zulip Icons");
+  static const IconData chevron_right = IconData(0xf106, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "clock".
-  static const IconData clock = IconData(0xf106, fontFamily: "Zulip Icons");
+  static const IconData clock = IconData(0xf107, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "edited".
-  static const IconData edited = IconData(0xf107, fontFamily: "Zulip Icons");
+  static const IconData edited = IconData(0xf108, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "globe".
-  static const IconData globe = IconData(0xf108, fontFamily: "Zulip Icons");
+  static const IconData globe = IconData(0xf109, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "group_dm".
-  static const IconData group_dm = IconData(0xf109, fontFamily: "Zulip Icons");
+  static const IconData group_dm = IconData(0xf10a, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "hash_sign".
-  static const IconData hash_sign = IconData(0xf10a, fontFamily: "Zulip Icons");
+  static const IconData hash_sign = IconData(0xf10b, fontFamily: "Zulip Icons");
+
+  /// The Zulip custom icon "image".
+  static const IconData image = IconData(0xf10c, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "language".
-  static const IconData language = IconData(0xf10b, fontFamily: "Zulip Icons");
+  static const IconData language = IconData(0xf10d, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "lock".
-  static const IconData lock = IconData(0xf10c, fontFamily: "Zulip Icons");
+  static const IconData lock = IconData(0xf10e, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "message_moved".
-  static const IconData message_moved = IconData(0xf10d, fontFamily: "Zulip Icons");
+  static const IconData message_moved = IconData(0xf10f, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "mute".
-  static const IconData mute = IconData(0xf10e, fontFamily: "Zulip Icons");
+  static const IconData mute = IconData(0xf110, fontFamily: "Zulip Icons");
+
+  /// The Zulip custom icon "paperclip".
+  static const IconData paperclip = IconData(0xf111, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "read_receipts".
-  static const IconData read_receipts = IconData(0xf10f, fontFamily: "Zulip Icons");
+  static const IconData read_receipts = IconData(0xf112, fontFamily: "Zulip Icons");
+
+  /// The Zulip custom icon "send".
+  static const IconData send = IconData(0xf113, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "star_filled".
-  static const IconData star_filled = IconData(0xf110, fontFamily: "Zulip Icons");
+  static const IconData star_filled = IconData(0xf114, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "topic".
-  static const IconData topic = IconData(0xf111, fontFamily: "Zulip Icons");
+  static const IconData topic = IconData(0xf115, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "unmute".
-  static const IconData unmute = IconData(0xf112, fontFamily: "Zulip Icons");
+  static const IconData unmute = IconData(0xf116, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "user".
-  static const IconData user = IconData(0xf113, fontFamily: "Zulip Icons");
+  static const IconData user = IconData(0xf117, fontFamily: "Zulip Icons");
 
   // END GENERATED ICON DATA
 }