@atlaskit/icon 28.2.1 → 28.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/afm-cc/tsconfig.json +3 -0
  3. package/afm-dev-agents/tsconfig.json +3 -0
  4. package/afm-jira/tsconfig.json +3 -0
  5. package/afm-passionfruit/tsconfig.json +3 -0
  6. package/afm-post-office/tsconfig.json +3 -0
  7. package/afm-rovo-extension/tsconfig.json +3 -0
  8. package/afm-townsquare/tsconfig.json +3 -0
  9. package/build/index.tsx +1 -1
  10. package/core/chart-pie.js +2 -2
  11. package/dist/cjs/components/icon-new.js +1 -1
  12. package/dist/cjs/components/icon-tile/icon-tile-new.compiled.css +12 -0
  13. package/dist/cjs/components/icon-tile/icon-tile-new.js +103 -0
  14. package/dist/cjs/components/{icon-tile.compiled.css → icon-tile/icon-tile-old.compiled.css} +2 -0
  15. package/dist/cjs/components/{icon-tile.js → icon-tile/icon-tile-old.js} +27 -25
  16. package/dist/cjs/components/icon-tile/index.js +85 -0
  17. package/dist/cjs/components/icon.js +1 -1
  18. package/dist/cjs/components/skeleton.js +1 -1
  19. package/dist/cjs/components/svg.js +1 -1
  20. package/dist/cjs/metadata-core.js +14 -14
  21. package/dist/cjs/metadata.js +1 -1
  22. package/dist/es2019/components/icon-new.js +1 -1
  23. package/dist/es2019/components/icon-tile/icon-tile-new.compiled.css +12 -0
  24. package/dist/es2019/components/icon-tile/icon-tile-new.js +95 -0
  25. package/dist/{esm/components/icon-tile.compiled.css → es2019/components/icon-tile/icon-tile-old.compiled.css} +2 -0
  26. package/dist/es2019/components/{icon-tile.js → icon-tile/icon-tile-old.js} +27 -25
  27. package/dist/es2019/components/icon-tile/index.js +79 -0
  28. package/dist/es2019/components/icon.js +1 -1
  29. package/dist/es2019/components/skeleton.js +1 -1
  30. package/dist/es2019/components/svg.js +1 -1
  31. package/dist/es2019/metadata-core.js +14 -14
  32. package/dist/es2019/metadata.js +1 -1
  33. package/dist/esm/components/icon-new.js +1 -1
  34. package/dist/esm/components/icon-tile/icon-tile-new.compiled.css +12 -0
  35. package/dist/esm/components/icon-tile/icon-tile-new.js +94 -0
  36. package/dist/{es2019/components/icon-tile.compiled.css → esm/components/icon-tile/icon-tile-old.compiled.css} +2 -0
  37. package/dist/esm/components/{icon-tile.js → icon-tile/icon-tile-old.js} +27 -25
  38. package/dist/esm/components/icon-tile/index.js +78 -0
  39. package/dist/esm/components/icon.js +1 -1
  40. package/dist/esm/components/skeleton.js +1 -1
  41. package/dist/esm/components/svg.js +1 -1
  42. package/dist/esm/metadata-core.js +14 -14
  43. package/dist/esm/metadata.js +1 -1
  44. package/dist/types/components/icon-tile/icon-tile-new.d.ts +7 -0
  45. package/dist/types/components/icon-tile/icon-tile-old.d.ts +7 -0
  46. package/dist/types/components/icon-tile/index.d.ts +8 -0
  47. package/dist/types/entry-points/types.d.ts +1 -1
  48. package/dist/types/metadata-core.d.ts +1 -1
  49. package/dist/types/metadata.d.ts +2 -8
  50. package/dist/types/types.d.ts +26 -3
  51. package/dist/types-ts4.5/components/icon-tile/icon-tile-new.d.ts +7 -0
  52. package/dist/types-ts4.5/components/icon-tile/icon-tile-old.d.ts +7 -0
  53. package/dist/types-ts4.5/components/icon-tile/index.d.ts +8 -0
  54. package/dist/types-ts4.5/entry-points/types.d.ts +1 -1
  55. package/dist/types-ts4.5/metadata-core.d.ts +1 -1
  56. package/dist/types-ts4.5/metadata.d.ts +2 -8
  57. package/dist/types-ts4.5/types.d.ts +26 -3
  58. package/docs/ai/icon-instructions.md +556 -6
  59. package/package.json +18 -10
  60. package/svgs/core/chart-pie.svg +1 -1
  61. package/utils/logo-icons.tsx +65 -49
  62. package/utils/synonyms.tsx +301 -300
  63. package/dist/types/components/icon-tile.d.ts +0 -11
  64. package/dist/types-ts4.5/components/icon-tile.d.ts +0 -11
@@ -1,9 +1,3 @@
1
- # Prop guidance
2
-
3
- - **label** - Always provide descriptive text for accessibility
4
- - **size** - Use default 16px unless design requires different
5
- - **color** - Use design tokens for consistent theming
6
-
7
1
  # Translating from Tailwind
8
2
 
9
3
  An example diff of a migration from Tailwind generated code to ADS generated code.
@@ -22,3 +16,559 @@ An example diff of a migration from Tailwind generated code to ADS generated cod
22
16
  +<AddIcon label="Add item" />
23
17
  +Text
24
18
  ```
19
+
20
+ # Common Icon mapping mistakes
21
+
22
+ ❌ `folder` → ✅ `folder-closed` or `folder-open` ❌ `user` → ✅ `person` ❌ `play` → ✅
23
+ `video-play` ❌ `arrow` → ✅ `arrow-right`, `arrow-left`, etc. ❌ `chevron` → ✅ `chevron-down`,
24
+ `chevron-up`, etc.
25
+
26
+ # 🚨 Important, **YOU MUST** check the orientiation of the dots in the icon
27
+
28
+ If the icon has three dots:
29
+
30
+ - three vertical dots: `<ShowMoreVerticalIcon />`
31
+ - three horizontal dots: `<ShowMoreHorizontalIcon />`
32
+
33
+ # Primary SideNavigation label and `elemBefore` icon combo
34
+
35
+ If the side navigation primary menu items have the follow label, accompany it with the correct icon
36
+ in `elemBefore`. This applies to `LinkMenuItem`, `ButtonMenuItem` and `FlyoutMenuItem`
37
+
38
+ ## Key table
39
+
40
+ | Label text (in children) | Icon (`elemBefore`) |
41
+ | ------------------------ | ------------------- |
42
+ | Spaces | `<SpacesIcon>` |
43
+ | Apps | `<AppsIcon>` |
44
+ | Focus areas | `<FocusAreaIcon>` |
45
+
46
+ ## App external links in SideNavigation
47
+
48
+ ```tsx
49
+ <LinkMenuItem
50
+ href="/dashboard"
51
+ elemBefore={<SpacesIcon label="" />}
52
+ isSelected={currentPath === '/dashboard'} // 🚨 CRITICAL: Always check current page
53
+ >
54
+ Dashboard
55
+ </LinkMenuItem>
56
+ ```
57
+
58
+ ```diff
59
+ -import TeamsIcon from '@atlaskit/icon/core/teams';
60
+ +import { TeamsIcon } from '@atlaskit/logo';
61
+
62
+ <LinkMenuItem
63
+ href="/"
64
+ elemBefore={
65
+ <TeamsIcon
66
+ label=""
67
+ size="xsmall"
68
+ shouldUseNewLogoDesign
69
+ />
70
+ }
71
+ elemAfter={<LinkExternalIcon label="" size="small" />}
72
+ >
73
+ Teams
74
+ </LinkMenuItem>
75
+ ```
76
+
77
+ ## LinkMenuItem
78
+
79
+ For navigation links to different pages/sections:
80
+
81
+ ```tsx
82
+ import { LinkMenuItem } from '@atlaskit/navigation-system/side-nav-items/link-menu-item';
83
+
84
+ <LinkMenuItem
85
+ href="/dashboard"
86
+ elemBefore={<DashboardIcon label="" />}
87
+ isSelected={currentPath === '/dashboard'} // 🚨 CRITICAL: Always check current page
88
+ >
89
+ Dashboard
90
+ </LinkMenuItem>;
91
+ ```
92
+
93
+ ## ButtonMenuItem
94
+
95
+ For actions that trigger functionality without navigation:
96
+
97
+ ```tsx
98
+ import { ButtonMenuItem } from '@atlaskit/navigation-system/side-nav-items/button-menu-item';
99
+
100
+ <ButtonMenuItem
101
+ onClick={handleAction}
102
+ elemBefore={<AddIcon label="" />}
103
+ isSelected={isModalOpen} // 🚨 CRITICAL: Use for active states
104
+ >
105
+ Create Project
106
+ </ButtonMenuItem>;
107
+ ```
108
+
109
+ ## FlyoutMenuItem
110
+
111
+ For hierarchical navigation (use only for starred/recent items):
112
+
113
+ ```tsx
114
+ import {
115
+ FlyoutMenuItem,
116
+ FlyoutMenuItemContent,
117
+ FlyoutMenuItemTrigger,
118
+ } from '@atlaskit/navigation-system/side-nav-items/flyout-menu-item';
119
+
120
+ <FlyoutMenuItem>
121
+ <FlyoutMenuItemTrigger elemBefore={<ProjectIcon label="" />}>Projects</FlyoutMenuItemTrigger>
122
+ <FlyoutMenuItemContent>
123
+ <MenuList>
124
+ <LinkMenuItem href="/projects/web-app">Web Application</LinkMenuItem>
125
+ <LinkMenuItem href="/projects/mobile-app">Mobile Application</LinkMenuItem>
126
+ </MenuList>
127
+ </FlyoutMenuItemContent>
128
+ </FlyoutMenuItem>;
129
+ ```
130
+
131
+ ## Expandable Menu Pattern
132
+
133
+ Create expandable sections using state with `ButtonMenuItem`:
134
+
135
+ ```tsx
136
+ const [isExpanded, setIsExpanded] = useState(false);
137
+
138
+ <ButtonMenuItem
139
+ onClick={() => setIsExpanded(!isExpanded)}
140
+ elemBefore={<SettingsIcon label="" />}
141
+ elemAfter={isExpanded ? <ChevronDownIcon label="" /> : <ChevronRightIcon label="" />}
142
+ >
143
+ Team Settings
144
+ </ButtonMenuItem>;
145
+ {
146
+ isExpanded && (
147
+ <LinkMenuItem href="/team/members" elemBefore={<div style={{ width: '24px' }} />}>
148
+ Members
149
+ </LinkMenuItem>
150
+ );
151
+ }
152
+ ```
153
+
154
+ # Table of Icons to use
155
+
156
+ Replace `COMPONENT_NAME` and `ENTRYPOINT` in this examples with values from the table below.
157
+
158
+ ```tsx
159
+ import COMPONENT_NAME from '@atlaskit/icon/core/ENTRYPOINT';
160
+ ```
161
+
162
+ | Component Name | Entrypoint | Keywords |
163
+ | -------------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
164
+ | AccessibilityIcon | accessibility | accessibility, icon, core, a11y, accessibility, WCAG |
165
+ | AddIcon | add | add, plus, create, new, icon, core, create, plus, jira status |
166
+ | AiAgentIcon | ai-agent | ai-agent, aiagent, icon, core, Rovo, AI, chat agent, ai |
167
+ | AiChatIcon | ai-chat | ai-chat, aichat, icon, core, Rovo, AI, chat agent, ai |
168
+ | AiGenerativeTextSummaryIcon | ai-generative-text-summary | ai-generative-text-summary, aigenerativetextsummary, icon, core, summarize, summarise, summary, automation, AI |
169
+ | AlertIcon | alert | alert, icon, core, alert, event, operations |
170
+ | AlignImageCenterIcon | align-image-center | align-image-center, alignimagecenter, icon, core, content, media, image, alignment, centre |
171
+ | AlignImageLeftIcon | align-image-left | align-image-left, alignimageleft, icon, core, content, media, image, alignment, left |
172
+ | AlignImageRightIcon | align-image-right | align-image-right, alignimageright, icon, core, content, media, image, alignment, right |
173
+ | AlignTextCenterIcon | align-text-center | align-text-center, aligntextcenter, icon, core, alignment, text, content |
174
+ | AlignTextLeftIcon | align-text-left | align-text-left, aligntextleft, icon, core, alignment, text, content, summary |
175
+ | AlignTextRightIcon | align-text-right | align-text-right, aligntextright, icon, core, alignment, text, content |
176
+ | AngleBracketsIcon | angle-brackets | angle-brackets, anglebrackets, icon, core, code, <>, </>, syntax, jira status |
177
+ | ApiIcon | api | api, icon, core, application programming interface, api, operations |
178
+ | AppIcon | app | app, icon, core, add-on, add on, plugin, external app, third-party app |
179
+ | AppSwitcherIcon | app-switcher | app-switcher, appswitcher, icon, core, application switcher, change product, switch product, product switcher |
180
+ | AppSwitcherLegacyIcon | app-switcher-legacy | app-switcher-legacy, appswitcherlegacy, icon, core, application switcher, change product, switch product, product switcher |
181
+ | AppsIcon | apps | apps, icon, core, third-party, applications |
182
+ | ArchiveBoxIcon | archive-box | archive-box, archivebox, icon, core, file box |
183
+ | ArrowDownIcon | arrow-down | arrow-down, arrowdown, icon, core, down, bottom, sorting |
184
+ | ArrowDownLeftIcon | arrow-down-left | arrow-down-left, arrowdownleft, icon, core, diagonal arrow, down, left, south west |
185
+ | ArrowDownRightIcon | arrow-down-right | arrow-down-right, arrowdownright, icon, core, diagonal arrow, down, right, south east |
186
+ | ArrowLeftIcon | arrow-left | arrow-left, arrowleft, back, previous, icon, core, back, previous |
187
+ | ArrowRightIcon | arrow-right | arrow-right, arrowright, forward, next, icon, core, forward, next, link |
188
+ | ArrowUpIcon | arrow-up | arrow-up, arrowup, icon, core, improvement, jira status |
189
+ | ArrowUpLeftIcon | arrow-up-left | arrow-up-left, arrowupleft, icon, core, diagonal arrow, up, right, north east |
190
+ | ArrowUpRightIcon | arrow-up-right | arrow-up-right, arrowupright, icon, core, open, diagonal arrow |
191
+ | AssetsIcon | assets | assets, icon, core, assets, CMDB, configuration management database |
192
+ | AtlassianIntelligenceIcon | atlassian-intelligence | atlassian-intelligence, atlassianintelligence, icon, core, AI |
193
+ | AttachmentIcon | attachment | attachment, paperclip, icon, core, paperclip, attach, attachment |
194
+ | AudioIcon | audio | audio, music, note, sound, icon, core, music, musical note |
195
+ | AutomationIcon | automation | automation, icon, core, lightningbolt, automation rule |
196
+ | BacklogIcon | backlog | backlog, icon, core, rows |
197
+ | BasketballIcon | basketball | basketball, icon, core, ball, sports, basketball |
198
+ | BoardIcon | board | board, icon, core, columns, active sprint |
199
+ | BoardsIcon | boards | boards, icon, core |
200
+ | BookWithBookmarkIcon | book-with-bookmark | book-with-bookmark, bookwithbookmark, icon, core, knowledge base, article |
201
+ | BorderIcon | border | border, icon, core, border, image border, content border, editor, confluence |
202
+ | BranchIcon | branch | branch, icon, core, git branch, bitbucket branch, branches, jira status |
203
+ | BriefcaseIcon | briefcase | briefcase, icon, core, suitcase, toolbox, operations, business |
204
+ | BugIcon | bug | bug, icon, core, bug report, test |
205
+ | CalendarIcon | calendar | calendar, date, icon, core, date, month, day, year, jira status |
206
+ | CalendarPlusIcon | calendar-plus | calendar-plus, calendarplus, icon, core, calendar, add, plus, schedule |
207
+ | CameraIcon | camera | camera, photo, icon, core |
208
+ | CaptureIcon | capture | capture, icon, core, focus, focus area, capture |
209
+ | CardIcon | card | card, icon, core, card |
210
+ | CashIcon | cash | cash, icon, core, currency, money, cash, dollar, bill, work type |
211
+ | ChangesIcon | changes | changes, icon, core, jira status, horizontal arrows |
212
+ | ChartBarIcon | chart-bar | chart-bar, chartbar, icon, core, graph, bar, analytics, report |
213
+ | ChartMatrixIcon | chart-matrix | chart-matrix, chartmatrix, icon, core, dot chart, graph, matrix, |
214
+ | ChartPieIcon | chart-pie | chart-pie, chartpie, icon, core, segment, chart, graph, pie |
215
+ | ChartTrendIcon | chart-trend | chart-trend, charttrend, icon, core, reports, graph, impact effort, |
216
+ | ChatWidgetIcon | chat-widget | chat-widget, chatwidget, icon, core, chat, widget, virtual service agent, vsa |
217
+ | CheckCircleIcon | check-circle | check-circle, checkcircle, tick, icon, core, tick, yes, completed, filled |
218
+ | CheckMarkIcon | check-mark | check-mark, checkmark, icon, core, tick |
219
+ | CheckboxCheckedIcon | checkbox-checked | checkbox-checked, checkboxchecked, icon, core, filled, checked, select all |
220
+ | CheckboxIndeterminateIcon | checkbox-indeterminate | checkbox-indeterminate, checkboxindeterminate, icon, core, filled, mixed |
221
+ | CheckboxUncheckedIcon | checkbox-unchecked | checkbox-unchecked, checkboxunchecked, icon, core, unchecked |
222
+ | ChevronDoubleLeftIcon | chevron-double-left | chevron-double-left, chevrondoubleleft, icon, core, double chevron, previous year, left |
223
+ | ChevronDoubleRightIcon | chevron-double-right | chevron-double-right, chevrondoubleright, icon, core, double chevron, right, next year |
224
+ | ChevronDownIcon | chevron-down | chevron-down, chevrondown, expand, collapse, icon, core, chevron down, expand, open |
225
+ | ChevronLeftIcon | chevron-left | chevron-left, chevronleft, back, previous, icon, core, chevron left, back, previous |
226
+ | ChevronRightIcon | chevron-right | chevron-right, chevronright, forward, next, icon, core, chevron right, next, collapsed, expand, show children |
227
+ | ChevronUpIcon | chevron-up | chevron-up, chevronup, expand, collapse, icon, core, chevron up, close dropdown menu, collapse |
228
+ | ChildWorkItemsIcon | child-work-items | child-work-items, childworkitems, icon, core, children, child, related, work items |
229
+ | ClipboardIcon | clipboard | clipboard, icon, core, clipboard, paste |
230
+ | ClockIcon | clock | clock, icon, core, time, recent, history |
231
+ | CloseIcon | close | close, icon, core, cross, x, close, remove |
232
+ | CloudArrowUpIcon | cloud-arrow-up | cloud-arrow-up, cloudarrowup, icon, core, deployments, up arrow |
233
+ | CollapseHorizontalIcon | collapse-horizontal | collapse-horizontal, collapsehorizontal, icon, core, collapse, width, horizontal arrows |
234
+ | CollapseVerticalIcon | collapse-vertical | collapse-vertical, collapsevertical, icon, core, collapse, height, vertical arrows |
235
+ | CommentIcon | comment | comment, chat, speech, icon, core, speech bubble |
236
+ | CommentAddIcon | comment-add | comment-add, commentadd, icon, core, speech bubble, plus |
237
+ | CommitIcon | commit | commit, icon, core, git commit, bitbucket commit |
238
+ | CompassIcon | compass | compass, icon, core, template |
239
+ | ComponentIcon | component | component, block, lego, icon, core, lego, brick, block |
240
+ | ContentWidthNarrowIcon | content-width-narrow | content-width-narrow, contentwidthnarrow, icon, core, content, media, image, width, fixed, narrow |
241
+ | ContentWidthWideIcon | content-width-wide | content-width-wide, contentwidthwide, icon, core, content, media, image, width, fixed, wide |
242
+ | ContentWrapLeftIcon | content-wrap-left | content-wrap-left, contentwrapleft, icon, core, content, media, image, alignment, left, inline, wrap |
243
+ | ContentWrapRightIcon | content-wrap-right | content-wrap-right, contentwrapright, icon, core, content, media, image, alignment, right, inline, wrap |
244
+ | CopyIcon | copy | copy, duplicate, icon, core, copy, object |
245
+ | CreditCardIcon | credit-card | credit-card, creditcard, icon, core, payment, invoice |
246
+ | CrossIcon | cross | cross, close, x, cancel, icon, core, cross, x, close, remove |
247
+ | CrossCircleIcon | cross-circle | cross-circle, crosscircle, close, x, cancel, icon, core, x, exit, clear, no, filled |
248
+ | CurlyBracketsIcon | curly-brackets | curly-brackets, curlybrackets, icon, core, curly brackets, braces, smart value |
249
+ | CustomizeIcon | customize | customize, icon, core, customise, configure, modify, preferences, settings, sliders |
250
+ | DashboardIcon | dashboard | dashboard, window, grid, icon, core, activity, view |
251
+ | DataFlowIcon | data-flow | data-flow, dataflow, icon, core, relationship, data, flow chart |
252
+ | DataNumberIcon | data-number | data-number, datanumber, icon, core, numbers, 123, proforma, datatype |
253
+ | DataStringIcon | data-string | data-string, datastring, icon, core, string, letters, abc, proforma, datatype |
254
+ | DatabaseIcon | database | database, icon, core, spreadsheet, table, data, cells |
255
+ | DecisionIcon | decision | decision, icon, core, fork, diagonal arrow |
256
+ | DefectIcon | defect | defect, icon, core, defect, fragile, cracked, work type |
257
+ | DeleteIcon | delete | delete, icon, core, trash, bin, remove |
258
+ | DepartmentIcon | department | department, icon, core, organization, organisation, org chart, hierarchy |
259
+ | DeviceMobileIcon | device-mobile | device-mobile, devicemobile, icon, core, iphone, mobile phone, cell phone |
260
+ | DevicesIcon | devices | devices, icon, core, devices, assets, laptop, phone, hardware, work type |
261
+ | DiscoveryIcon | discovery | discovery, icon, core, discovery, note, filled, onboarding, status |
262
+ | DownloadIcon | download | download, cloud, icon, core, down arrow, file download |
263
+ | DragHandleHorizontalIcon | drag-handle-horizontal | drag-handle-horizontal, draghandlehorizontal, icon, core, drag handler, reorder, move, reorder horizontal |
264
+ | DragHandleVerticalIcon | drag-handle-vertical | drag-handle-vertical, draghandlevertical, icon, core, drag handler, reorder, move, reorder vertical |
265
+ | EditIcon | edit | edit, pencil, write, icon, core, pencil, pencil on page |
266
+ | EditBulkIcon | edit-bulk | edit-bulk, editbulk, icon, core, edit, pencil, multiple, bulk, change |
267
+ | EmailIcon | email | email, icon, core, envelope, message |
268
+ | EmojiIcon | emoji | emoji, emoticon, smiley, icon, core, smiley face, emoticon |
269
+ | EmojiAddIcon | emoji-add | emoji-add, emojiadd, icon, core, smiley face, emoticon, plus |
270
+ | EmojiCasualIcon | emoji-casual | emoji-casual, emojicasual, icon, core, emoij, casual, sunglasses, chill, relaxed |
271
+ | EmojiNeutralIcon | emoji-neutral | emoji-neutral, emojineutral, icon, core, emoji, neutral, ambivalent |
272
+ | EmojiRemoveIcon | emoji-remove | emoji-remove, emojiremove, icon, core, emoji, remove, strikethrough |
273
+ | EpicIcon | epic | epic, icon, core, lightning bolt, jira status, filled |
274
+ | ErrorIcon | error | error, warning, alert, icon, core, filled, status, danger, exclamation, !, error |
275
+ | ExclamationSquareIcon | exclamation-square | exclamation-square, exclamationsquare, icon, core, !, exclaim, square, work type |
276
+ | ExpandHorizontalIcon | expand-horizontal | expand-horizontal, expandhorizontal, icon, core, expand, width, horizontal arrows, maximum width, stretch, fit |
277
+ | ExpandVerticalIcon | expand-vertical | expand-vertical, expandvertical, icon, core, expand, height, vertical arrows, maximum height, stretch, fit |
278
+ | EyeOpenIcon | eye-open | eye-open, eyeopen, icon, core, watch, visible, visbility, permissions |
279
+ | EyeOpenFilledIcon | eye-open-filled | eye-open-filled, eyeopenfilled, icon, core, watching, visible, visbility, permissions, filled |
280
+ | EyeOpenStrikethroughIcon | eye-open-strikethrough | eye-open-strikethrough, eyeopenstrikethrough, icon, core, unwatch, invisible, visibility, permissions |
281
+ | FeedIcon | feed | feed, icon, core, feed, updates, release notes, what's new |
282
+ | FeedbackIcon | feedback | feedback, announce, speaker, megaphone, icon, core, diagonal arrow, chat bubble, survey, critique |
283
+ | FieldIcon | field | field, icon, core, field, form, input, label |
284
+ | FieldAlertIcon | field-alert | field-alert, fieldalert, icon, core, field, alert, warning, change |
285
+ | FieldCheckboxGroupIcon | field-checkbox-group | field-checkbox-group, fieldcheckboxgroup, icon, core, form, field, input type, checkbox, multi-select, options |
286
+ | FieldDropdownIcon | field-dropdown | field-dropdown, fielddropdown, icon, core, form, field, select, dropdown |
287
+ | FieldRadioGroupIcon | field-radio-group | field-radio-group, fieldradiogroup, icon, core, form, field, input type, radio, single-select, options |
288
+ | FileIcon | file | file, document, paper, page, sheet, icon, core, document, file, paper |
289
+ | FilesIcon | files | files, icon, core, documents, files, papers |
290
+ | FilterIcon | filter | filter, icon, core, funnel, refine |
291
+ | FlagIcon | flag | flag, icon, core, important, emoji category |
292
+ | FlagFilledIcon | flag-filled | flag-filled, flagfilled, icon, core, flag, important, filled |
293
+ | FlaskIcon | flask | flask, icon, core, labs, test, erlenmeyer flask, beaker |
294
+ | FocusAreaIcon | focus-area | focus-area, focusarea, icon, core, focus, focus area, capture |
295
+ | FolderClosedIcon | folder-closed | folder-closed, folderclosed, icon, core, directory |
296
+ | FolderOpenIcon | folder-open | folder-open, folderopen, icon, core, directory |
297
+ | FormIcon | form | form, icon, core, form, fields |
298
+ | FullscreenEnterIcon | fullscreen-enter | fullscreen-enter, fullscreenenter, icon, core, full screen |
299
+ | FullscreenExitIcon | fullscreen-exit | fullscreen-exit, fullscreenexit, icon, core, un-full screen, un-fullscreen |
300
+ | GlassesIcon | glasses | glasses, icon, core, glasses, knowledge, learning, spectacles, education |
301
+ | GlobeIcon | globe | globe, icon, core, world |
302
+ | GoalIcon | goal | goal, icon, core, target |
303
+ | GridIcon | grid | grid, icon, core, view all content, tile view, layout, grid, tiles |
304
+ | GrowDiagonalIcon | grow-diagonal | grow-diagonal, growdiagonal, icon, core, grow, width and height, diagonal arrows |
305
+ | GrowHorizontalIcon | grow-horizontal | grow-horizontal, growhorizontal, icon, core, grow, width, horizontal arrows |
306
+ | GrowVerticalIcon | grow-vertical | grow-vertical, growvertical, icon, core, grow, height, vertical arrows |
307
+ | HashtagIcon | hashtag | hashtag, icon, core, tag, topic, pound |
308
+ | HeadphonesIcon | headphones | headphones, icon, core, audio, music, headphones |
309
+ | HeartIcon | heart | heart, icon, core, like, love, emoji category |
310
+ | HighlightIcon | highlight | highlight, icon, core, highlight, highlighter, stabilo, pen |
311
+ | HomeIcon | home | home, icon, core, house, building |
312
+ | ImageIcon | image | image, picture, photo, icon, core, picture, asset |
313
+ | ImageFullscreenIcon | image-fullscreen | image-fullscreen, imagefullscreen, icon, core, image, fullscreen, enlarge |
314
+ | ImageInlineIcon | image-inline | image-inline, imageinline, icon, core, image, layout, inline |
315
+ | ImageScaledIcon | image-scaled | image-scaled, imagescaled, icon, core, image, layout, scaled |
316
+ | InboxIcon | inbox | inbox, icon, core, document tray, work, letter, post |
317
+ | IncidentIcon | incident | incident, icon, core, witches hat, traffic cone, jira status |
318
+ | InformationIcon | information | information, icon, core, info, filled, status, information |
319
+ | InformationCircleIcon | information-circle | information-circle, informationcircle, icon, core, information, circle, info |
320
+ | KeyResultIcon | key-result | key-result, keyresult, icon, core, target, bullseye, key result, arrow, bow, archery, OKR |
321
+ | LayoutOneColumnIcon | layout-one-column | layout-one-column, layoutonecolumn, icon, core, layout, column, 1 col |
322
+ | LayoutThreeColumnsIcon | layout-three-columns | layout-three-columns, layoutthreecolumns, icon, core, layout, columns, 3 col, 3 cols |
323
+ | LayoutThreeColumnsSidebarsIcon | layout-three-columns-sidebars | layout-three-columns-sidebars, layoutthreecolumnssidebars, icon, core, layout, columns, 3 col, 3 cols, sidebars, asides |
324
+ | LayoutTwoColumnsIcon | layout-two-columns | layout-two-columns, layouttwocolumns, icon, core, layout, columns, 2 col, 2 cols |
325
+ | LayoutTwoColumnsSidebarLeftIcon | layout-two-columns-sidebar-left | layout-two-columns-sidebar-left, layouttwocolumnssidebarleft, icon, core, layout, columns, 2 col, 2 cols, sidebar, aside |
326
+ | LayoutTwoColumnsSidebarRightIcon | layout-two-columns-sidebar-right | layout-two-columns-sidebar-right, layouttwocolumnssidebarright, icon, core, layout, columns, 2 col, 2 cols, sidebar, aside |
327
+ | LibraryIcon | library | library, icon, core, library, drawer, drawers, filing cabinet |
328
+ | LightbulbIcon | lightbulb | lightbulb, idea, hint, icon, core, idea, initiative, tip, learnings |
329
+ | LinkIcon | link | link, icon, core, url, hyperlink, website, www, http, |
330
+ | LinkBrokenIcon | link-broken | link-broken, linkbroken, icon, core, unlink, remove link, break link, url, hyperlink, website, www, https |
331
+ | LinkExternalIcon | link-external | link-external, linkexternal, icon, core, new tab, new window, open in, url, hyperlink, www, http, https, website, external, shortcut, diagonal arrow, offsite |
332
+ | ListBulletedIcon | list-bulleted | list-bulleted, listbulleted, icon, core, bullets, unordered list |
333
+ | ListChecklistIcon | list-checklist | list-checklist, listchecklist, icon, core, list, check mark, to-do, requirements, checklist, work type |
334
+ | ListNumberedIcon | list-numbered | list-numbered, listnumbered, icon, core, list, numbers |
335
+ | LobbyBellIcon | lobby-bell | lobby-bell, lobbybell, icon, core, ding, risks |
336
+ | LocationIcon | location | location, pin, gps, map, icon, core, map, pin, address |
337
+ | LockLockedIcon | lock-locked | lock-locked, locklocked, icon, core, permissions, no access, restricted, security, secure, forbidden, authentication |
338
+ | LockUnlockedIcon | lock-unlocked | lock-unlocked, lockunlocked, icon, core, open permissions, unrestricted access, security, insecure, authentication |
339
+ | LogInIcon | log-in | log-in, login, icon, core, sign in, enter, account |
340
+ | LogOutIcon | log-out | log-out, logout, icon, core, sign out, exit, account |
341
+ | MagicWandIcon | magic-wand | magic-wand, magicwand, icon, core, magic, wand, suggestion |
342
+ | MarkdownIcon | markdown | markdown, icon, core, markdown, md, markup |
343
+ | MarketplaceIcon | marketplace | marketplace, store, shop, icon, core, app store, storefront, stand, third-party developer |
344
+ | MaximizeIcon | maximize | maximize, icon, core, diagonal, resize, enlarge |
345
+ | MegaphoneIcon | megaphone | megaphone, icon, core, announcement, bullhorn, feedback, news |
346
+ | MentionIcon | mention | mention, user, person, @, icon, core, at symbol, @, tag, username |
347
+ | MenuIcon | menu | menu, hamburger, navigation, switcher, app switcher, icon, core, menu, top navigation, 3 lines, hamburger |
348
+ | MergeFailureIcon | merge-failure | merge-failure, mergefailure, icon, core, git merge, bitbucket merge, merge fail, cross, x |
349
+ | MergeSuccessIcon | merge-success | merge-success, mergesuccess, icon, core, git merge, bitbucket merge, merge success, check mark |
350
+ | MicrophoneIcon | microphone | microphone, icon, core, mic, mic on, voice, speak |
351
+ | MinimizeIcon | minimize | minimize, icon, core, minimize, dock |
352
+ | MinusIcon | minus | minus, icon, core, rule, horizontal line, divider, minus, subtract |
353
+ | MinusSquareIcon | minus-square | minus-square, minussquare, icon, core, square, minus, subtract, work type |
354
+ | NodeIcon | node | node, icon, core, page, dot, page tree, navigation |
355
+ | NoteIcon | note | note, icon, core, note, post-it, sticky |
356
+ | NotificationIcon | notification | notification, bell, alarm, icon, core, bell, alert |
357
+ | NotificationMutedIcon | notification-muted | notification-muted, notificationmuted, icon, core, bell, alert, notification, mute |
358
+ | ObjectiveIcon | objective | objective, icon, core, target, bullseye, objective |
359
+ | OfficeBuildingIcon | office-building | office-building, officebuilding, icon, core, organization, organisation, business |
360
+ | OnCallIcon | on-call | on-call, oncall, icon, core, phone, on-call, support |
361
+ | OperationsIcon | operations | operations, icon, core, incident management, alerting, opsgenie, it operations, it ops, radar |
362
+ | PageIcon | page | page, file, document, icon, core, single page, feed, document, jira status |
363
+ | PagesIcon | pages | pages, icon, core, multiple pages, feeds, documents |
364
+ | PaintBucketIcon | paint-bucket | paint-bucket, paintbucket, icon, core, paint, bucket, fill, background, customize |
365
+ | PaintPaletteIcon | paint-palette | paint-palette, paintpalette, icon, core, background, customize |
366
+ | PanelLeftIcon | panel-left | panel-left, panelleft, icon, core, detail view, left rail, drawer, preview panel, sidebar |
367
+ | PanelRightIcon | panel-right | panel-right, panelright, icon, core, detail view, right rail, drawer, preview panel, sidebar |
368
+ | PenIcon | pen | pen, icon, core, pen tool, nib, fountain pen, design, work type |
369
+ | PeopleGroupIcon | people-group | people-group, peoplegroup, person, user, group, icon, core, users, customers, people |
370
+ | PersonIcon | person | person, person, user, avatar, icon, core, user, customer |
371
+ | PersonAddIcon | person-add | person-add, personadd, icon, core, user, customer, plus |
372
+ | PersonAddedIcon | person-added | person-added, personadded, icon, core, user, customer, check, tick |
373
+ | PersonAvatarIcon | person-avatar | person-avatar, personavatar, icon, core, user, customer |
374
+ | PersonOffboardIcon | person-offboard | person-offboard, personoffboard, icon, core, user, customer, right arrow |
375
+ | PersonRemoveIcon | person-remove | person-remove, personremove, icon, core, person, remove, delete, unfollow |
376
+ | PersonWarningIcon | person-warning | person-warning, personwarning, icon, core, person, warning, alert |
377
+ | PhoneIcon | phone | phone, icon, core, call, dial out |
378
+ | PinIcon | pin | pin, icon, core, push pin, thumbtack, tack |
379
+ | PinFilledIcon | pin-filled | pin-filled, pinfilled, icon, core, push pin, thumbtack, tack, filled |
380
+ | PlusSquareIcon | plus-square | plus-square, plussquare, icon, core, square, plus, add, work type |
381
+ | PowerPlugIcon | power-plug | power-plug, powerplug, icon, core, plug-in, add-on, socket |
382
+ | PremiumIcon | premium | premium, icon, core, AI, sparkles, stars, new, feature |
383
+ | PresenterModeIcon | presenter-mode | presenter-mode, presentermode, icon, core, pointer, cursor, presentation, present |
384
+ | PrinterIcon | printer | printer, icon, core, print |
385
+ | PriorityBlockerIcon | priority-blocker | priority-blocker, priorityblocker, icon, core, blocked, showstopper, work type status |
386
+ | PriorityCriticalIcon | priority-critical | priority-critical, prioritycritical, icon, core, priority, work type status |
387
+ | PriorityHighIcon | priority-high | priority-high, priorityhigh, icon, core, priority, work type status |
388
+ | PriorityHighestIcon | priority-highest | priority-highest, priorityhighest, icon, core, priority, work type status |
389
+ | PriorityLowIcon | priority-low | priority-low, prioritylow, icon, core, priority, work type status |
390
+ | PriorityLowestIcon | priority-lowest | priority-lowest, prioritylowest, icon, core, priority, work type status |
391
+ | PriorityMajorIcon | priority-major | priority-major, prioritymajor, icon, core, priority, work type status |
392
+ | PriorityMediumIcon | priority-medium | priority-medium, prioritymedium, icon, core, priority, work type status |
393
+ | PriorityMinorIcon | priority-minor | priority-minor, priorityminor, icon, core, priority, work type status |
394
+ | PriorityTrivialIcon | priority-trivial | priority-trivial, prioritytrivial, icon, core, priority, work type status |
395
+ | ProblemIcon | problem | problem, icon, core, stop, priority, work type status |
396
+ | ProjectIcon | project | project, icon, core, rocket, rocketship, spaceship |
397
+ | ProjectStatusIcon | project-status | project-status, projectstatus, icon, core, status, traffic lights |
398
+ | ProjectionScreenIcon | projection-screen | projection-screen, projectionscreen, icon, core, present, presentation, projector screen, keynote |
399
+ | PullRequestIcon | pull-request | pull-request, pullrequest, icon, core, git pull request, bitbucket pull request, jira status |
400
+ | PulseIcon | pulse | pulse, icon, core, pulse, wave, heartbeat, health |
401
+ | QuestionCircleIcon | question-circle | question-circle, questioncircle, help, icon, core, help, answers, faq, jira status |
402
+ | QuotationMarkIcon | quotation-mark | quotation-mark, quotationmark, icon, core, quote, testimonial, blockquote, jira status |
403
+ | RadioCheckedIcon | radio-checked | radio-checked, radiochecked, icon, core, radio, input type, selected |
404
+ | RadioUncheckedIcon | radio-unchecked | radio-unchecked, radiounchecked, icon, core, radio, input type, unselected |
405
+ | RedoIcon | redo | redo, icon, core, editor, redo, backwards |
406
+ | RefreshIcon | refresh | refresh, cycle, icon, core, refresh, reload, update, circular arrows, replay |
407
+ | ReleaseIcon | release | release, icon, core, ship, boat |
408
+ | RetryIcon | retry | retry, icon, core, try again, |
409
+ | RoadmapIcon | roadmap | roadmap, icon, core |
410
+ | ScalesIcon | scales | scales, icon, core, scales, rule, law |
411
+ | ScorecardIcon | scorecard | scorecard, icon, core, tick, check, circle, unfinished |
412
+ | ScreenIcon | screen | screen, desktop, computer, monitor, icon, core, display, monitor, desktop |
413
+ | ScreenPlusIcon | screen-plus | screen-plus, screenplus, icon, core, screen, display, monitor, plus, add |
414
+ | SearchIcon | search | search, find, magnify, icon, core, magnifying glass |
415
+ | SendIcon | send | send, mail, icon, core, submit, paper airplane, paper aeroplane |
416
+ | SettingsIcon | settings | settings, cog, options, configuration, icon, core, system preferences, gear, cog |
417
+ | ShapesIcon | shapes | shapes, icon, core, objects, whiteboard, asset, graphic |
418
+ | ShareIcon | share | share, icon, core, share, access |
419
+ | ShieldIcon | shield | shield, icon, core, security, secure, safety, defence, protection, guard |
420
+ | ShieldStrikethroughIcon | shield-strikethrough | shield-strikethrough, shieldstrikethrough, icon, core, ️security, secure, safety, defence, protection, guard, strikethrough, classification |
421
+ | ShortcutIcon | shortcut | shortcut, export, icon, core, addshortcut, square, plus |
422
+ | ShowMoreHorizontalIcon | show-more-horizontal | show-more-horizontal, showmorehorizontal, icon, core, ellipses, three dots, meatball, more actions |
423
+
424
+ <<<<<<< HEAD | ShowMoreVerticalIcon | show-more-vertical | show-more-vertical, showmorevertical,
425
+ more, menu, options, kebab-menu, ellipsis-vertical, show-more-vertical, three-dots, vertical-dots,
426
+ actions, overflow, settings | ======= | ShowMoreVerticalIcon | show-more-vertical |
427
+ show-more-vertical, showmorevertical, icon, core, three dots, kebab, more actions |
428
+
429
+ > > > > > > > 2feb43959334d (Updates to icons and heading) | ShrinkDiagonalIcon | shrink-diagonal |
430
+ > > > > > > > shrink-diagonal, shrinkdiagonal, icon, core, resize, diagonal arrows | |
431
+ > > > > > > > ShrinkHorizontalIcon | shrink-horizontal | shrink-horizontal, shrinkhorizontal, icon,
432
+ > > > > > > > core, contract, width, horizontal arrows | | ShrinkVerticalIcon | shrink-vertical |
433
+ > > > > > > > shrink-vertical, shrinkvertical, icon, core, contract, height, vertical arrows | |
434
+ > > > > > > > SidebarCollapseIcon | sidebar-collapse | sidebar-collapse, sidebarcollapse, icon,
435
+ > > > > > > > core, navigation, close sidebar | | SidebarExpandIcon | sidebar-expand |
436
+ > > > > > > > sidebarexpand, icon, core, navigation, open sidebar | | SmartLinkIcon | smart-link |
437
+ > > > > > > > smart-link, smartlink, icon, core, smart link | | SmartLinkCardIcon | smart-link-card
438
+ > > > > > > > | smart-link-card, smartlinkcard, icon, core, smart link, url, card, link preview | |
439
+ > > > > > > > SmartLinkEmbedIcon | smart-link-embed | smart-link-embed, smartlinkembed, icon, core,
440
+ > > > > > > > smart link, url, embed | | SmartLinkInlineIcon | smart-link-inline |
441
+ > > > > > > > smart-link-inline, smartlinkinline, icon, core, smart link, url, inline | |
442
+ > > > > > > > SmartLinkListIcon | smart-link-list | smart-link-list, smartlinklist, icon, core,
443
+ > > > > > > > smart link, url, embed, list, table, linked search results | | SnippetIcon | snippet |
444
+ > > > > > > > snippet, icon, core, scissors, cut | | SortAscendingIcon | sort-ascending |
445
+ > > > > > > > sort-ascending, sortascending, icon, core, data, sort, up | | SortDescendingIcon |
446
+ > > > > > > > sort-descending | sort-descending, sortdescending, icon, core, data, sort, down | |
447
+ > > > > > > > SpreadsheetIcon | spreadsheet | spreadsheet, icon, core, table, cells, data | |
448
+ > > > > > > > SprintIcon | sprint | sprint, icon, core, loop, iterate | | StarStarredIcon |
449
+ > > > > > > > star-starred | star-starred, starstarred, icon, core, favourite, star, starred, filled
450
+ > > > > > > > | | StarUnstarredIcon | star-unstarred | star-unstarred, starunstarred, icon, core,
451
+ > > > > > > > favourite, star | | StatusDiscoveryIcon | status-discovery | status-discovery,
452
+ > > > > > > > statusdiscovery, icon, core, discovery, note, filled, onboarding, status | |
453
+ > > > > > > > StatusErrorIcon | status-error | status-error, statuserror, icon, core, filled,
454
+ > > > > > > > status, danger, exclamation, !, error | | StatusInformationIcon | status-information |
455
+ > > > > > > > status-information, statusinformation, icon, core, info, filled, status, information |
456
+ > > > > > > > | StatusSuccessIcon | status-success | status-success, statussuccess, icon, core,
457
+ > > > > > > > tick, completed, success, filled, check mark, status | | StatusVerifiedIcon |
458
+ > > > > > > > status-verified | status-verified, statusverified, icon, core, verified badge, status
459
+ > > > > > > > | | StatusWarningIcon | status-warning | status-warning, statuswarning, icon, core,
460
+ > > > > > > > alert, filled, exclamation, !, warning, status | | StopwatchIcon | stopwatch |
461
+ > > > > > > > stopwatch, icon, core, timer | | StoryIcon | story | story, icon, core, bookmark, work
462
+ > > > > > > > type | | StrokeWeightExtraLargeIcon | stroke-weight-extra-large |
463
+ > > > > > > > stroke-weight-extra-large, strokeweightextralarge, icon, core, border, weight,
464
+ > > > > > > > thickness, stroke, confluence, editor, whiteboards, thickest | | StrokeWeightLargeIcon
465
+ > > > > > > > | stroke-weight-large | stroke-weight-large, strokeweightlarge, icon, core, border,
466
+ > > > > > > > weight, thickness, stroke, thick, confluence, editor, whiteboards | |
467
+ > > > > > > > StrokeWeightMediumIcon | stroke-weight-medium | stroke-weight-medium,
468
+ > > > > > > > strokeweightmedium, icon, core, border, weight, stroke, medium, thickness, confluence,
469
+ > > > > > > > editor, whiteboards | | StrokeWeightSmallIcon | stroke-weight-small |
470
+ > > > > > > > stroke-weight-small, strokeweightsmall, icon, core, border, weight, thickness, stroke,
471
+ > > > > > > > confluence, editor, whiteboards, thin | | SubtasksIcon | subtasks | subtasks, icon,
472
+ > > > > > > > core, todo, checklist, work type | | SuccessIcon | success | success, icon, core,
473
+ > > > > > > > tick, completed, success, filled, check mark, status | | SupportIcon | support |
474
+ > > > > > > > support, icon, core, support, help, life raft, life ring, lifebuoy, life preserver | |
475
+ > > > > > > > TableCellClearIcon | table-cell-clear | table-cell-clear, tablecellclear, icon, core,
476
+ > > > > > > > table, cell, clear, empty | | TableCellMergeIcon | table-cell-merge |
477
+ > > > > > > > table-cell-merge, tablecellmerge, icon, core, table, cell, merge, combine, join | |
478
+ > > > > > > > TableCellSplitIcon | table-cell-split | table-cell-split, tablecellsplit, icon, core,
479
+ > > > > > > > table, cell, split, divide, separate | | TableColumnAddLeftIcon |
480
+ > > > > > > > table-column-add-left | table-column-add-left, tablecolumnaddleft, icon, core, table,
481
+ > > > > > > > column, add, plus, left, before | | TableColumnAddRightIcon | table-column-add-right |
482
+ > > > > > > > table-column-add-right, tablecolumnaddright, icon, core, table, column, add, right,
483
+ > > > > > > > after | | TableColumnDeleteIcon | table-column-delete | table-column-delete,
484
+ > > > > > > > tablecolumndelete, icon, core, table, column, delete, remove, x | |
485
+ > > > > > > > TableColumnMoveLeftIcon | table-column-move-left | table-column-move-left,
486
+ > > > > > > > tablecolumnmoveleft, icon, core, table, column, move, left, arrow | |
487
+ > > > > > > > TableColumnMoveRightIcon | table-column-move-right | table-column-move-right,
488
+ > > > > > > > tablecolumnmoveright, icon, core, table, column, move, right, arrow | |
489
+ > > > > > > > TableColumnsDistributeIcon | table-columns-distribute | table-columns-distribute,
490
+ > > > > > > > tablecolumnsdistribute, icon, core, table, columns, distribute, even, equidistant | |
491
+ > > > > > > > TableRowAddAboveIcon | table-row-add-above | table-row-add-above, tablerowaddabove,
492
+ > > > > > > > icon, core, table, row, add, plus, above, up | | TableRowAddBelowIcon |
493
+ > > > > > > > table-row-add-below | table-row-add-below, tablerowaddbelow, icon, core, table, row,
494
+ > > > > > > > add, plus, below, down | | TableRowDeleteIcon | table-row-delete | table-row-delete,
495
+ > > > > > > > tablerowdelete, icon, core, table, row, delete, remove, x | | TableRowMoveDownIcon |
496
+ > > > > > > > table-row-move-down | table-row-move-down, tablerowmovedown, icon, core, table, row,
497
+ > > > > > > > move, down, arrow, after | | TableRowMoveUpIcon | table-row-move-up |
498
+ > > > > > > > table-row-move-up, tablerowmoveup, icon, core, table, row, move, up, arrow, above | |
499
+ > > > > > > > TagIcon | tag | tag, icon, core, label, topic | | TakeoutFoodIcon | takeout-food |
500
+ > > > > > > > takeout-food, takeoutfood, icon, core, takeaway, takeout, food, burger, drink | |
501
+ > > > > > > > TargetIcon | target | target, icon, core, target, bullseye | | TaskIcon | task | task,
502
+ > > > > > > > check, tick, icon, core, single task, todo, list, check mark, tick | |
503
+ > > > > > > > TaskInProgressIcon | task-in-progress | task-in-progress, taskinprogress, icon, core,
504
+ > > > > > > > calendar, task, status, in progress | | TaskToDoIcon | task-to-do | task-to-do,
505
+ > > > > > > > tasktodo, icon, core, calendar, task, to-do, todo, status | | TasksIcon | tasks |
506
+ > > > > > > > tasks, icon, core, multiple tasks, todo, list, check mark, tick | | TeamsIcon | teams
507
+ > > > > > > > | teams, icon, core, infinite love, people, persons, customers, users | | TextIcon |
508
+ > > > > > > > text | text, icon, core, character, font, letter, type, typography, text | |
509
+ > > > > > > > TextBoldIcon | text-bold | text-bold, textbold, icon, core, text, type, bold, font | |
510
+ > > > > > > > TextHeadingIcon | text-heading | text-heading, textheading, icon, core, text, heading,
511
+ > > > > > > > H, editor, text style | | TextIndentLeftIcon | text-indent-left | text-indent-left,
512
+ > > > > > > > textindentleft, icon, core, text, outdent, left, arrow | | TextIndentRightIcon |
513
+ > > > > > > > text-indent-right | text-indent-right, textindentright, icon, core, text, indent,
514
+ > > > > > > > right, arrow | | TextItalicIcon | text-italic | text-italic, textitalic, icon, core,
515
+ > > > > > > > text, type, italic, font | | TextShortenIcon | text-shorten | text-shorten,
516
+ > > > > > > > textshorten, icon, core, text, shorten, abbreviate, condense, AI | |
517
+ > > > > > > > TextSpellcheckIcon | text-spellcheck | text-spellcheck, textspellcheck, icon, core,
518
+ > > > > > > > text, spelling, typo, spellcheck | | TextStrikethroughIcon | text-strikethrough |
519
+ > > > > > > > text-strikethrough, textstrikethrough, icon, core, text, strikethrough, editor, cross
520
+ > > > > > > > out | | TextStyleIcon | text-style | text-style, textstyle, icon, core, characters,
521
+ > > > > > > > font, letters, type, typography | | TextUnderlineIcon | text-underline |
522
+ > > > > > > > text-underline, textunderline, icon, core, text, underline, U, editor | | TextWrapIcon
523
+ > > > > > > > | text-wrap | text-wrap, textwrap, icon, core, text, wrap, line wrap | | ThemeIcon |
524
+ > > > > > > > theme | theme, icon, core, theme, light mode, dark mode, theme switcher | |
525
+ > > > > > > > ThumbsDownIcon | thumbs-down | thumbs-down, thumbsdown, icon, core, vote, downvote,
526
+ > > > > > > > dislike, feedback, hand | | ThumbsUpIcon | thumbs-up | thumbs-up, thumbsup, icon,
527
+ > > > > > > > core, vote, upvote, like, feedback, hand | | TimelineIcon | timeline | timeline, icon,
528
+ > > > > > > > core, gantt, calendar | | ToolsIcon | tools | tools, icon, core, tools, wrench,
529
+ > > > > > > > spanner, screwdriver | | TransitionIcon | transition | transition, icon, core,
530
+ > > > > > > > connector, movement | | TranslateIcon | translate | translate, icon, core, language,
531
+ > > > > > > > translation, globe | | TreeIcon | tree | tree, icon, core, hierarchy, org chart,
532
+ > > > > > > > structure | | UndoIcon | undo | undo, icon, core, editor, undo, backwards | |
533
+ > > > > > > > UploadIcon | upload | upload, cloud, icon, core, up arrow, file upload | |
534
+ > > > > > > > VehicleCarIcon | vehicle-car | vehicle-car, vehiclecar, icon, core, car,
535
+ > > > > > > > transportation, delivery | | VideoIcon | video | video, icon, core, video file, video
536
+ > > > > > > > content | | VideoNextIcon | video-next | video-next, videonext, icon, core, next,
537
+ > > > > > > > skip, video control | | VideoNextOverlayIcon | video-next-overlay |
538
+ > > > > > > > video-next-overlay, videonextoverlay, icon, core, next, skip, video control, overlay |
539
+ > > > > > > > | VideoPauseIcon | video-pause | video-pause, videopause, icon, core, pause, video
540
+ > > > > > > > control | | VideoPauseOverlayIcon | video-pause-overlay | video-pause-overlay,
541
+ > > > > > > > videopauseoverlay, icon, core, pause, video control, overlay | | VideoPlayIcon |
542
+ > > > > > > > video-play | video-play, videoplay, icon, core, play, video control | |
543
+ > > > > > > > VideoPlayOverlayIcon | video-play-overlay | video-play-overlay, videoplayoverlay,
544
+ > > > > > > > icon, core, play, video control, overlay | | VideoPreviousIcon | video-previous |
545
+ > > > > > > > video-previous, videoprevious, icon, core, previous, rewind, video control | |
546
+ > > > > > > > VideoPreviousOverlayIcon | video-previous-overlay | video-previous-overlay,
547
+ > > > > > > > videopreviousoverlay, icon, core, previous, rewind, video control, overlay | |
548
+ > > > > > > > VideoSkipBackwardFifteenIcon | video-skip-backward-fifteen |
549
+ > > > > > > > video-skip-backward-fifteen, videoskipbackwardfifteen, icon, core, skip, backward, 15
550
+ > > > > > > > seconds, video control | | VideoSkipBackwardTenIcon | video-skip-backward-ten |
551
+ > > > > > > > video-skip-backward-ten, videoskipbackwardten, icon, core, skip, backward, 10 seconds,
552
+ > > > > > > > video control | | VideoSkipForwardFifteenIcon | video-skip-forward-fifteen |
553
+ > > > > > > > video-skip-forward-fifteen, videoskipforwardfifteen, icon, core, skip, forward, 15
554
+ > > > > > > > seconds, video control | | VideoSkipForwardTenIcon | video-skip-forward-ten |
555
+ > > > > > > > video-skip-forward-ten, videoskipforwardten, icon, core, skip, forward, 10 seconds,
556
+ > > > > > > > video control | | VideoStopIcon | video-stop | video-stop, videostop, icon, core,
557
+ > > > > > > > stop, video control | | VideoStopOverlayIcon | video-stop-overlay |
558
+ > > > > > > > video-stop-overlay, videostopoverlay, icon, core, stop, video control, overlay | |
559
+ > > > > > > > VolumeHighIcon | volume-high | volume-high, volumehigh, icon, core, volume, high,
560
+ > > > > > > > unmuted, audio | | VolumeLowIcon | volume-low | volume-low, volumelow, icon, core,
561
+ > > > > > > > volume, low, quiet, audio | | VolumeMutedIcon | volume-muted | volume-muted,
562
+ > > > > > > > volumemuted, icon, core, volume, muted, no sound, audio | | WarningIcon | warning |
563
+ > > > > > > > warning, alert, icon, core, filled, status, exclamation, !, warning | | WhiteboardIcon
564
+ > > > > > > > | whiteboard | whiteboard, icon, core, whiteboard, canvas, drawing | | WorkItemIcon |
565
+ > > > > > > > work-item | work-item, workitem, icon, core, work item, task, issue | | WorkItemsIcon
566
+ > > > > > > > | work-items | work-items, workitems, icon, core, work items, tasks, issues | |
567
+ > > > > > > > ZoomInIcon | zoom-in | zoom-in, zoomin, icon, core, zoom, magnify, enlarge | <<<<<<<
568
+ > > > > > > > HEAD
569
+
570
+ # | ZoomOutIcon | zoom-out | zoom-out, zoomout, icon, core, zoom, reduce, shrink |
571
+
572
+ | ZoomOutIcon | zoom-out | zoom-out, zoomout, icon, core, zoom, reduce, shrink |
573
+
574
+ > > > > > > > 2feb43959334d (Updates to icons and heading)