Skip to content

Commit 5d9cf6a

Browse files
chrisbobbechrisbobbe
committed
icons: Add checked_circle_{,un}checked from Figma, with modifications
(The _checked/_unchecked suffix is added; they're both called "checked_circle" in Figma.) When I use the SVGs from Figma without modifications, these look wrong; seems like the filled/unfilled areas are inverted, and the background is a solid square instead of transparent. Figma link: https://www.figma.com/design/1JTNtYo9memgW7vV6d0ygq/Zulip-Mobile?node-id=62-8121&m=dev So I deleted some goo that looks like it's not needed anyway. Here are the diffs: ``` @@ -1,10 +1,3 @@ <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> -<g clip-path="url(#clip0_62_8120)"> <path d="M12.5 2C6.98 2 2.5 6.48 2.5 12C2.5 17.52 6.98 22 12.5 22C18.02 22 22.5 17.52 22.5 12C22.5 6.48 18.02 2 12.5 2ZM12.5 20C8.09 20 4.5 16.41 4.5 12C4.5 7.59 8.09 4 12.5 4C16.91 4 20.5 7.59 20.5 12C20.5 16.41 16.91 20 12.5 20Z" fill="black"/> -</g> -<defs> -<clipPath id="clip0_62_8120"> -<rect width="24" height="24" fill="white" transform="translate(0.5)"/> -</clipPath> -</defs> </svg> ``` ``` @@ -1,10 +1,3 @@ <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> -<g clip-path="url(#clip0_62_8121)"> <path d="M12.5 2C6.98 2 2.5 6.48 2.5 12C2.5 17.52 6.98 22 12.5 22C18.02 22 22.5 17.52 22.5 12C22.5 6.48 18.02 2 12.5 2ZM9.79 16.29L6.2 12.7C5.81 12.31 5.81 11.68 6.2 11.29C6.59 10.9 7.22 10.9 7.61 11.29L10.5 14.17L17.38 7.29C17.77 6.9 18.4 6.9 18.79 7.29C19.18 7.68 19.18 8.31 18.79 8.7L11.2 16.29C10.82 16.68 10.18 16.68 9.79 16.29Z" fill="black"/> -</g> -<defs> -<clipPath id="clip0_62_8121"> -<rect width="24" height="24" fill="white" transform="translate(0.5)"/> -</clipPath> -</defs> </svg> ```
1 parent 90f1760 commit 5d9cf6a

File tree

4 files changed

+48
-36
lines changed

4 files changed

+48
-36
lines changed

‎assets/icons/ZulipIcons.ttf

448 Bytes
Binary file not shown.

‎assets/icons/check_circle_checked.svg

Lines changed: 3 additions & 0 deletions
Loading

‎assets/icons/check_circle_unchecked.svg

Lines changed: 3 additions & 0 deletions
Loading

‎lib/widgets/icons.dart

Lines changed: 42 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -48,113 +48,119 @@ abstract final class ZulipIcons {
4848
/// The Zulip custom icon "check".
4949
static const IconData check = IconData(0xf108, fontFamily: "Zulip Icons");
5050

51+
/// The Zulip custom icon "check_circle_checked".
52+
static const IconData check_circle_checked = IconData(0xf109, fontFamily: "Zulip Icons");
53+
54+
/// The Zulip custom icon "check_circle_unchecked".
55+
static const IconData check_circle_unchecked = IconData(0xf10a, fontFamily: "Zulip Icons");
56+
5157
/// The Zulip custom icon "check_remove".
52-
static const IconData check_remove = IconData(0xf109, fontFamily: "Zulip Icons");
58+
static const IconData check_remove = IconData(0xf10b, fontFamily: "Zulip Icons");
5359

5460
/// The Zulip custom icon "chevron_right".
55-
static const IconData chevron_right = IconData(0xf10a, fontFamily: "Zulip Icons");
61+
static const IconData chevron_right = IconData(0xf10c, fontFamily: "Zulip Icons");
5662

5763
/// The Zulip custom icon "clock".
58-
static const IconData clock = IconData(0xf10b, fontFamily: "Zulip Icons");
64+
static const IconData clock = IconData(0xf10d, fontFamily: "Zulip Icons");
5965

6066
/// The Zulip custom icon "contacts".
61-
static const IconData contacts = IconData(0xf10c, fontFamily: "Zulip Icons");
67+
static const IconData contacts = IconData(0xf10e, fontFamily: "Zulip Icons");
6268

6369
/// The Zulip custom icon "copy".
64-
static const IconData copy = IconData(0xf10d, fontFamily: "Zulip Icons");
70+
static const IconData copy = IconData(0xf10f, fontFamily: "Zulip Icons");
6571

6672
/// The Zulip custom icon "edit".
67-
static const IconData edit = IconData(0xf10e, fontFamily: "Zulip Icons");
73+
static const IconData edit = IconData(0xf110, fontFamily: "Zulip Icons");
6874

6975
/// The Zulip custom icon "follow".
70-
static const IconData follow = IconData(0xf10f, fontFamily: "Zulip Icons");
76+
static const IconData follow = IconData(0xf111, fontFamily: "Zulip Icons");
7177

7278
/// The Zulip custom icon "format_quote".
73-
static const IconData format_quote = IconData(0xf110, fontFamily: "Zulip Icons");
79+
static const IconData format_quote = IconData(0xf112, fontFamily: "Zulip Icons");
7480

7581
/// The Zulip custom icon "globe".
76-
static const IconData globe = IconData(0xf111, fontFamily: "Zulip Icons");
82+
static const IconData globe = IconData(0xf113, fontFamily: "Zulip Icons");
7783

7884
/// The Zulip custom icon "group_dm".
79-
static const IconData group_dm = IconData(0xf112, fontFamily: "Zulip Icons");
85+
static const IconData group_dm = IconData(0xf114, fontFamily: "Zulip Icons");
8086

8187
/// The Zulip custom icon "hash_italic".
82-
static const IconData hash_italic = IconData(0xf113, fontFamily: "Zulip Icons");
88+
static const IconData hash_italic = IconData(0xf115, fontFamily: "Zulip Icons");
8389

8490
/// The Zulip custom icon "hash_sign".
85-
static const IconData hash_sign = IconData(0xf114, fontFamily: "Zulip Icons");
91+
static const IconData hash_sign = IconData(0xf116, fontFamily: "Zulip Icons");
8692

8793
/// The Zulip custom icon "image".
88-
static const IconData image = IconData(0xf115, fontFamily: "Zulip Icons");
94+
static const IconData image = IconData(0xf117, fontFamily: "Zulip Icons");
8995

9096
/// The Zulip custom icon "inbox".
91-
static const IconData inbox = IconData(0xf116, fontFamily: "Zulip Icons");
97+
static const IconData inbox = IconData(0xf118, fontFamily: "Zulip Icons");
9298

9399
/// The Zulip custom icon "info".
94-
static const IconData info = IconData(0xf117, fontFamily: "Zulip Icons");
100+
static const IconData info = IconData(0xf119, fontFamily: "Zulip Icons");
95101

96102
/// The Zulip custom icon "inherit".
97-
static const IconData inherit = IconData(0xf118, fontFamily: "Zulip Icons");
103+
static const IconData inherit = IconData(0xf11a, fontFamily: "Zulip Icons");
98104

99105
/// The Zulip custom icon "language".
100-
static const IconData language = IconData(0xf119, fontFamily: "Zulip Icons");
106+
static const IconData language = IconData(0xf11b, fontFamily: "Zulip Icons");
101107

102108
/// The Zulip custom icon "lock".
103-
static const IconData lock = IconData(0xf11a, fontFamily: "Zulip Icons");
109+
static const IconData lock = IconData(0xf11c, fontFamily: "Zulip Icons");
104110

105111
/// The Zulip custom icon "menu".
106-
static const IconData menu = IconData(0xf11b, fontFamily: "Zulip Icons");
112+
static const IconData menu = IconData(0xf11d, fontFamily: "Zulip Icons");
107113

108114
/// The Zulip custom icon "message_checked".
109-
static const IconData message_checked = IconData(0xf11c, fontFamily: "Zulip Icons");
115+
static const IconData message_checked = IconData(0xf11e, fontFamily: "Zulip Icons");
110116

111117
/// The Zulip custom icon "message_feed".
112-
static const IconData message_feed = IconData(0xf11d, fontFamily: "Zulip Icons");
118+
static const IconData message_feed = IconData(0xf11f, fontFamily: "Zulip Icons");
113119

114120
/// The Zulip custom icon "mute".
115-
static const IconData mute = IconData(0xf11e, fontFamily: "Zulip Icons");
121+
static const IconData mute = IconData(0xf120, fontFamily: "Zulip Icons");
116122

117123
/// The Zulip custom icon "plus".
118-
static const IconData plus = IconData(0xf11f, fontFamily: "Zulip Icons");
124+
static const IconData plus = IconData(0xf121, fontFamily: "Zulip Icons");
119125

120126
/// The Zulip custom icon "read_receipts".
121-
static const IconData read_receipts = IconData(0xf120, fontFamily: "Zulip Icons");
127+
static const IconData read_receipts = IconData(0xf122, fontFamily: "Zulip Icons");
122128

123129
/// The Zulip custom icon "send".
124-
static const IconData send = IconData(0xf121, fontFamily: "Zulip Icons");
130+
static const IconData send = IconData(0xf123, fontFamily: "Zulip Icons");
125131

126132
/// The Zulip custom icon "settings".
127-
static const IconData settings = IconData(0xf122, fontFamily: "Zulip Icons");
133+
static const IconData settings = IconData(0xf124, fontFamily: "Zulip Icons");
128134

129135
/// The Zulip custom icon "share".
130-
static const IconData share = IconData(0xf123, fontFamily: "Zulip Icons");
136+
static const IconData share = IconData(0xf125, fontFamily: "Zulip Icons");
131137

132138
/// The Zulip custom icon "share_ios".
133-
static const IconData share_ios = IconData(0xf124, fontFamily: "Zulip Icons");
139+
static const IconData share_ios = IconData(0xf126, fontFamily: "Zulip Icons");
134140

135141
/// The Zulip custom icon "smile".
136-
static const IconData smile = IconData(0xf125, fontFamily: "Zulip Icons");
142+
static const IconData smile = IconData(0xf127, fontFamily: "Zulip Icons");
137143

138144
/// The Zulip custom icon "star".
139-
static const IconData star = IconData(0xf126, fontFamily: "Zulip Icons");
145+
static const IconData star = IconData(0xf128, fontFamily: "Zulip Icons");
140146

141147
/// The Zulip custom icon "star_filled".
142-
static const IconData star_filled = IconData(0xf127, fontFamily: "Zulip Icons");
148+
static const IconData star_filled = IconData(0xf129, fontFamily: "Zulip Icons");
143149

144150
/// The Zulip custom icon "three_person".
145-
static const IconData three_person = IconData(0xf128, fontFamily: "Zulip Icons");
151+
static const IconData three_person = IconData(0xf12a, fontFamily: "Zulip Icons");
146152

147153
/// The Zulip custom icon "topic".
148-
static const IconData topic = IconData(0xf129, fontFamily: "Zulip Icons");
154+
static const IconData topic = IconData(0xf12b, fontFamily: "Zulip Icons");
149155

150156
/// The Zulip custom icon "topics".
151-
static const IconData topics = IconData(0xf12a, fontFamily: "Zulip Icons");
157+
static const IconData topics = IconData(0xf12c, fontFamily: "Zulip Icons");
152158

153159
/// The Zulip custom icon "unmute".
154-
static const IconData unmute = IconData(0xf12b, fontFamily: "Zulip Icons");
160+
static const IconData unmute = IconData(0xf12d, fontFamily: "Zulip Icons");
155161

156162
/// The Zulip custom icon "user".
157-
static const IconData user = IconData(0xf12c, fontFamily: "Zulip Icons");
163+
static const IconData user = IconData(0xf12e, fontFamily: "Zulip Icons");
158164

159165
// END GENERATED ICON DATA
160166
}

0 commit comments

Comments
 (0)