[mob][photos] Update favorite icon (#8407)

ashilkn · web-flow · commit 8bf6ef3f5679 · 2025-12-17T17:22:13.000+05:30
## Description https://github.com/user-attachments/assets/d680bc6d-b461-4281-84e5-119d53913cc2 <img width="340" height="132" alt="Screenshot 2025-12-17 at 5 18 13 PM" src="https://github.com/user-attachments/assets/36b853fb-e293-4991-9d0f-fd4590e6be0d" /> <img width="114" height="132" alt="Screenshot 2025-12-17 at 5 18 38 PM" src="https://github.com/user-attachments/assets/533dd942-83ab-4102-a6c1-27fa72ca45f1" /> <img width="333" height="142" alt="Screenshot 2025-12-17 at 5 19 17 PM" src="https://github.com/user-attachments/assets/eb080d4f-dd02-4d22-a3af-a8b4b009d61d" /> <img width="333" height="142" alt="Screenshot 2025-12-17 at 5 19 36 PM" src="https://github.com/user-attachments/assets/ce4c4ab9-6087-45a9-b82e-d428b0d32ee8" />
diff --git a/mobile/apps/photos/assets/favorite_icon.riv b/mobile/apps/photos/assets/favorite_icon.riv
diff --git a/mobile/apps/photos/lib/ui/viewer/file_details/favorite_widget.dart b/mobile/apps/photos/lib/ui/viewer/file_details/favorite_widget.dart
@@ -157,14 +157,14 @@ class _FavoriteWidgetState extends State<FavoriteWidget> {
   Widget build(BuildContext context) {
     // Show blank while initial state is being fetched
     if (_isFavorite == null || _isLoading) {
-      return const SizedBox(width: 24, height: 24);
+      return const SizedBox(width: 22, height: 22);
     }
 
     return GestureDetector(
       onTap: _onTap,
       child: SizedBox(
-        width: 24,
-        height: 24,
+        width: 22,
+        height: 22,
         child: rive.RiveWidgetBuilder(
           fileLoader: _riveFileLoader,
           stateMachineSelector: const rive.StateMachineNamed(
diff --git a/mobile/apps/photos/scripts/internal_changes.txt b/mobile/apps/photos/scripts/internal_changes.txt
@@ -1,7 +1,7 @@
+- Ashil: Update favorite icon
 - Laurens: (i) Rituals redesign
 - Laurens: (i) Manual people tagging
 - Prateek: (i) Pin/Unpin for "Shared with you" albums (mobile + web)
-- Ashil: New favorite icon
 - Prateek: Change behaviour of bottom action sheet for iOS (test every sheet)
 - Prateek: (i) Video streaming bitrate changes & enable streaming by default
 - Prateek: (i) Add "Start with latest backups"  (last 7 days onwards)
diff --git a/mobile/packages/ente_icons/README.md b/mobile/packages/ente_icons/README.md
@@ -25,7 +25,7 @@ Icon(EnteIcons.favoriteFilled, color: Colors.red)
 
 1. Go to [FlutterIcon.com](https://fluttericon.com)
 2. Drag and drop `config.json` from this package to restore existing icons
-3. Add your new icons (upload SVGs or select from available sets)
+3. Add your new icons (upload SVGs or select from available sets), then click each to select them
 4. Click "Download" and extract the zip
 5. Replace `fonts/EnteIcons.ttf` with the new font file
 6. Update `config.json` with the new one from the download
diff --git a/mobile/packages/ente_icons/config.json b/mobile/packages/ente_icons/config.json
@@ -7,40 +7,46 @@
   "ascent": 850,
   "glyphs": [
     {
-      "uid": "d1b83566bfed09d6892e2490fcfaa7dc",
-      "css": "favorite_stroke",
-      "code": 59392,
+      "uid": "975277113eb9b94fedb4305035e69d0c",
+      "css": "lightning_icon",
+      "code": 59394,
       "src": "custom_icons",
       "selected": true,
       "svg": {
-        "path": "M429 138.5C469.1 83 551.2 83 591.2 138.5L683.7 266.8C689.2 274.4 696.9 280 705.6 282.9L854.4 332.4C919.1 354 943.9 432.6 904.5 487.9L812.8 616.7C807.3 624.4 804.4 633.6 804.3 643.1L803.8 802C803.6 870.1 737.9 919.4 672.7 898.1L523.5 849.5C514.8 846.7 505.5 846.7 496.8 849.5L347.6 898.1C282.4 919.4 216.7 870.1 216.4 802L216 643.1C215.9 633.6 212.9 624.4 207.5 616.7L115.8 487.9C76.4 432.6 101.2 354 165.9 332.4L314.7 282.9C323.4 280 331.1 274.4 336.6 266.8L429 138.5ZM545.6 171.4C528 147 492.3 147 474.7 171.4L382.2 299.7C369.8 316.8 352.5 329.6 332.5 336.3L183.6 385.8C155.4 395.2 143.8 430.2 161.6 455.2L253.3 584.1C265.6 601.3 272.2 621.9 272.2 642.9L272.7 801.8C272.8 832.8 302.3 853.7 330.2 844.6L479.3 796C499.3 789.5 520.9 789.5 541 796L690.1 844.6C718 853.7 747.5 832.8 747.6 801.8L748.1 642.9C748.2 621.9 754.7 601.3 767 584.1L858.7 455.2C876.5 430.2 864.8 395.2 836.7 385.8L687.8 336.3C667.8 329.6 650.4 316.8 638.1 299.7L545.6 171.4Z",
-        "width": 1000
+        "path": "M0.8 566C-19.3 507.6 364.9-41.3 456 2.5 547.2 46.3 429.9 387.2 446 429.4 462.2 471.7 640.7 444.9 642.8 520.5 645 596.2 280.8 1017 186.4 999.5 92 981.9 202.4 662 196.6 620.8 190.7 579.6 20.8 624.4 0.8 566Z",
+        "width": 643
       },
-      "search": ["favorite_stroke"]
+      "search": [
+        "lightning_icon"
+      ]
     },
     {
-      "uid": "d49d82f080e7882cdeb100f8a276479a",
-      "css": "favorite_filled",
-      "code": 59393,
+      "uid": "f9c483d9c0765787108b53138c4a63e7",
+      "css": "favorite_stroke",
+      "code": 59398,
       "src": "custom_icons",
       "selected": true,
       "svg": {
-        "path": "M429 138.5C469.1 83 551.2 83 591.2 138.5L683.7 266.8C689.2 274.4 696.9 280 705.6 282.9L854.4 332.4C919.1 354 943.9 432.6 904.5 487.9L812.8 616.7C807.3 624.4 804.4 633.6 804.3 643.1L803.8 802C803.6 870.1 737.9 919.4 672.7 898.1L523.5 849.5C514.8 846.6 505.5 846.6 496.8 849.5L347.6 898.1C282.4 919.4 216.7 870.1 216.4 802L216 643.1C215.9 633.6 212.9 624.4 207.5 616.7L115.8 487.9C76.4 432.6 101.2 354 165.9 332.4L314.7 282.9C323.4 280 331.1 274.4 336.6 266.8L429 138.5Z",
+        "path": "M451.2 163.7C475.5 117 539.8 115.6 567.6 157.4L570.1 161.5 570.3 161.7 661.1 322.8 843.5 353.4 843.7 353.4C896.4 362.4 918.6 426.1 882.2 465.8L882.2 465.9 757 602.1 784.3 785.1C792.3 838.2 738 879.2 689 856.6L520.9 779.7 355.4 862.2C307.3 886.2 251.9 847.1 258 793.9L279.2 610.1 149.6 478.2C111.8 439.7 131.9 375 184.4 364.4L365.8 327.7 451.2 163.7ZM523.1 188.3C517.8 179 504.2 179.2 499.2 188.7L401.9 375.8V375.7L195.2 417.4C184.7 419.6 180.7 432.5 188.3 440.2L336 590.6 311.8 800.1 311.9 803.9C313.3 812.5 322.9 817.9 331.2 813.7L520 719.7 711.7 807.4C721.5 811.9 732.3 803.7 730.7 793.1L699.6 584.5 842.3 429.2C849.6 421.3 845.1 408.6 834.6 406.8L626.6 372 523.1 188.3Z",
         "width": 1000
       },
-      "search": ["favorite_filled"]
+      "search": [
+        "favorite_stroke"
+      ]
     },
     {
-      "uid": "975277113eb9b94fedb4305035e69d0c",
-      "css": "lightning_icon",
-      "code": 59394,
+      "uid": "0f8f6ae9dc53bcf055bca8c9d84d424c",
+      "css": "favorite_filled",
+      "code": 59399,
       "src": "custom_icons",
       "selected": true,
       "svg": {
-        "path": "M0.8 566C-19.3 507.6 364.9-41.3 456 2.5 547.2 46.3 429.9 387.2 446 429.4 462.2 471.7 640.7 444.9 642.8 520.5 645 596.2 280.8 1017 186.4 999.5 92 981.9 202.4 662 196.6 620.8 190.7 579.6 20.8 624.4 0.8 566Z",
-        "width": 643
+        "path": "M460.8 179C474.2 153.3 509 151.8 525.5 173.4L528.6 178 528.6 178.1 625.3 351.8 821.3 385.8 821.4 385.8C851.3 391.1 863.8 427.5 843 450L707.6 595.7 735.8 792.7C740.2 822.8 709.3 845.9 681.5 833L681.5 833.1 501 749.3 322.5 837.1C295.1 850.5 263.7 828.1 267.3 797.9L291.2 600.4 152.6 457.7C131.3 435.8 142.9 399 172.8 393.1L368 354.7 460.8 179Z",
+        "width": 1000
       },
-      "search": ["lightning_icon"]
+      "search": [
+        "favorite_filled"
+      ]
     }
   ]
-}
+}
diff --git a/mobile/packages/ente_icons/fonts/EnteIcons.ttf b/mobile/packages/ente_icons/fonts/EnteIcons.ttf
diff --git a/mobile/packages/ente_icons/lib/src/ente_icons.dart b/mobile/packages/ente_icons/lib/src/ente_icons.dart
@@ -7,12 +7,12 @@ class EnteIcons {
   static const String _kFontPkg = 'ente_icons';
 
   static const IconData favoriteStroke = IconData(
-    0xe800,
+    0xe806,
     fontFamily: _kFontFam,
     fontPackage: _kFontPkg,
   );
   static const IconData favoriteFilled = IconData(
-    0xe801,
+    0xe807,
     fontFamily: _kFontFam,
     fontPackage: _kFontPkg,
   );
