@featherk/icons 0.6.6 → 0.6.8
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.
- package/README.md +37 -55
- package/dist/icon-service.d.ts +3 -1
- package/docs/COMING-SOON.md +79 -0
- package/docs/ICONS.md +61 -59
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -9,67 +9,49 @@ Import the helper and pass the returned object to Kendo's `SvgIcon`:
|
|
|
9
9
|
```ts
|
|
10
10
|
import { getCustomIcon } from "@featherk/icons";
|
|
11
11
|
|
|
12
|
+
const iconName: CustomIcon = "search"
|
|
13
|
+
|
|
12
14
|
const icon = getCustomIcon("search");
|
|
13
15
|
// render with Kendo's SvgIcon component
|
|
14
16
|
```
|
|
15
17
|
|
|
16
|
-
##
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
```ts
|
|
50
|
-
import { getCustomIcon, getIconCssUrl, getIconCssUrlBase64 } from "@featherk/icons";
|
|
51
|
-
|
|
52
|
-
const arrowLeft = getCustomIcon("arrow_left");
|
|
53
|
-
const arrowLeftBg = getIconCssUrl(arrowLeft);
|
|
54
|
-
const arrowLeftBgBase64 = getIconCssUrlBase64(arrowLeft);
|
|
55
|
-
// Example: inline styles
|
|
56
|
-
someElement.style.backgroundImage = arrowLeftBg;
|
|
57
|
-
// or
|
|
58
|
-
someElement.style.backgroundImage = arrowLeftBgBase64;
|
|
18
|
+
## Types
|
|
19
|
+
|
|
20
|
+
- `CustomIcon`: union of supported icon identifier strings (see `packages/icons/src/custom-icon.ts`).
|
|
21
|
+
- `GetCustomIconOptions`: `{ viewBox?: string; color?: string }` —
|
|
22
|
+
`viewBox` overrides the SVG viewBox; `color` replaces `currentColor` fills/strokes.
|
|
23
|
+
|
|
24
|
+
Example — change viewBox and color:
|
|
25
|
+
|
|
26
|
+
```html
|
|
27
|
+
<template>
|
|
28
|
+
<SvgIcon :icon="getCustomIcon(helpIcon, options)" />
|
|
29
|
+
<SvgIcon
|
|
30
|
+
:icon="
|
|
31
|
+
getCustomIcon(icon2, { color: 'var(--kendo-color-success)' })
|
|
32
|
+
"
|
|
33
|
+
/>
|
|
34
|
+
</template>
|
|
35
|
+
<script setup lang="ts">
|
|
36
|
+
import { SvgIcon } from "@progress/kendo-vue-common";
|
|
37
|
+
import {
|
|
38
|
+
getCustomIcon,
|
|
39
|
+
type CustomIcon,
|
|
40
|
+
type GetCustomIconOptions,
|
|
41
|
+
} from "@featherk/icons";
|
|
42
|
+
|
|
43
|
+
const helpIcon = "help" as CustomIcon;
|
|
44
|
+
const icon2 = "check" as CustomIcon;
|
|
45
|
+
|
|
46
|
+
const options: GetCustomIconOptions = {
|
|
47
|
+
viewBox: "0 0 28 28",
|
|
48
|
+
color: "var(--kendo-color-primary)",
|
|
49
|
+
};
|
|
50
|
+
</script>
|
|
59
51
|
```
|
|
60
52
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
If your pipeline or environment prefers base64, use `getIconDataUrlBase64`:
|
|
64
|
-
|
|
65
|
-
```ts
|
|
66
|
-
import { getCustomIcon, getIconDataUrlBase64 } from "@featherk/icons";
|
|
67
|
-
|
|
68
|
-
const search = getCustomIcon("search");
|
|
69
|
-
const searchIconUrlBase64 = getIconDataUrlBase64(search);
|
|
70
|
-
// Example: set as CSS background
|
|
71
|
-
document.documentElement.style.setProperty("--search-icon", `url("${searchIconUrlBase64}")`);
|
|
72
|
-
```
|
|
53
|
+
For experimental and in-development helper functions (CSS helpers, base64
|
|
54
|
+
variants, data URL usage, and related utilities) see [COMING-SOON.md](packages/icons/docs/COMING-SOON.md#L1).
|
|
73
55
|
|
|
74
56
|
## Icon gallery
|
|
75
57
|
|
package/dist/icon-service.d.ts
CHANGED
|
@@ -25,7 +25,9 @@ type SVGIcon = {
|
|
|
25
25
|
};
|
|
26
26
|
import { icons, type CustomIcon } from "./custom-icon";
|
|
27
27
|
/**
|
|
28
|
-
*
|
|
28
|
+
* `CustomIcon` — union of supported icon identifier strings (see
|
|
29
|
+
* `packages/icons/src/custom-icon.ts`). Use these string IDs when calling
|
|
30
|
+
* `getCustomIcon`.
|
|
29
31
|
*
|
|
30
32
|
* @public
|
|
31
33
|
*/
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
# Coming Soon — Experimental / In-Development Features
|
|
2
|
+
|
|
3
|
+
This document collects experimental and in-development helpers for the `@featherk/icons`
|
|
4
|
+
package. These APIs are considered experimental and may change or be removed without
|
|
5
|
+
notice. They were moved out of the main README to keep the public surface area
|
|
6
|
+
stable while we iterate on behaviour and naming.
|
|
7
|
+
|
|
8
|
+
Quick summary:
|
|
9
|
+
- `getIconCssUrl` / `getIconCssUrlBase64` — convenience helpers that return a
|
|
10
|
+
wrapped `url("...")` string suitable for assigning directly to CSS
|
|
11
|
+
`background-image` (UTF‑8 and base64 variants respectively).
|
|
12
|
+
- `getIconDataUrlBase64` — base64-encoded data URL variant of `getIconDataUrl`.
|
|
13
|
+
- Usage examples and small CSS snippets that simplify embedding icons as
|
|
14
|
+
backgrounds or masks in styles.
|
|
15
|
+
|
|
16
|
+
Please treat these helpers as unstable. If you rely on them, expect possible
|
|
17
|
+
breaking changes in future releases and prefer the lower-level `getIconDataUrl`
|
|
18
|
+
API if you need long-term stability.
|
|
19
|
+
|
|
20
|
+
---
|
|
21
|
+
|
|
22
|
+
## Data URL usage
|
|
23
|
+
|
|
24
|
+
By default, `getIconDataUrl` returns a UTF‑8 percent‑encoded SVG data URL.
|
|
25
|
+
Use it to embed an icon as a CSS background in a `::after` pseudo‑element.
|
|
26
|
+
|
|
27
|
+
```ts
|
|
28
|
+
import { getCustomIcon, getIconDataUrl } from "@featherk/icons";
|
|
29
|
+
|
|
30
|
+
const search = getCustomIcon("search");
|
|
31
|
+
const searchIconUrl = getIconDataUrl(search);
|
|
32
|
+
// Provide it to CSS via a custom property (example only)
|
|
33
|
+
document.documentElement.style.setProperty("--search-icon", `url("${searchIconUrl}")`);
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
```css
|
|
37
|
+
.button::after {
|
|
38
|
+
content: "";
|
|
39
|
+
display: inline-block;
|
|
40
|
+
width: 1em;
|
|
41
|
+
height: 1em;
|
|
42
|
+
background: no-repeat center/contain var(--search-icon);
|
|
43
|
+
/* Alternatively, to tint using current text color:
|
|
44
|
+
mask: var(--search-icon) no-repeat center / contain;
|
|
45
|
+
background-color: currentColor; */
|
|
46
|
+
margin-left: 0.25rem;
|
|
47
|
+
}
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
### CSS helpers
|
|
51
|
+
|
|
52
|
+
If you prefer a ready-to-use CSS value, use `getIconCssUrl` (UTF‑8) or
|
|
53
|
+
`getIconCssUrlBase64` (base64). Both return a wrapped `url("...")` string.
|
|
54
|
+
|
|
55
|
+
```ts
|
|
56
|
+
import { getCustomIcon, getIconCssUrl, getIconCssUrlBase64 } from "@featherk/icons";
|
|
57
|
+
|
|
58
|
+
const arrowLeft = getCustomIcon("arrow_left");
|
|
59
|
+
const arrowLeftBg = getIconCssUrl(arrowLeft);
|
|
60
|
+
const arrowLeftBgBase64 = getIconCssUrlBase64(arrowLeft);
|
|
61
|
+
// Example: inline styles
|
|
62
|
+
someElement.style.backgroundImage = arrowLeftBg;
|
|
63
|
+
// or
|
|
64
|
+
someElement.style.backgroundImage = arrowLeftBgBase64;
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
### Base64 variant
|
|
68
|
+
|
|
69
|
+
If your pipeline or environment prefers base64, use `getIconDataUrlBase64`:
|
|
70
|
+
|
|
71
|
+
```ts
|
|
72
|
+
import { getCustomIcon, getIconDataUrlBase64 } from "@featherk/icons";
|
|
73
|
+
|
|
74
|
+
const search = getCustomIcon("search");
|
|
75
|
+
const searchIconUrlBase64 = getIconDataUrlBase64(search);
|
|
76
|
+
// Example: set as CSS background
|
|
77
|
+
document.documentElement.style.setProperty("--search-icon", `url("${searchIconUrlBase64}")`);
|
|
78
|
+
```
|
|
79
|
+
|
package/docs/ICONS.md
CHANGED
|
@@ -20,49 +20,51 @@
|
|
|
20
20
|
|<img src="../icon/account/ic_User_Group.svg" alt="ic_user_group" width="48" height="48"/>|<img src="../icon/account/ic_User_Security.svg" alt="ic_user_security" width="48" height="48"/>|<img src="../icon/account/ic_User_Settings.svg" alt="ic_user_settings" width="48" height="48"/>|<img src="../icon/account/ic_Validate_User.svg" alt="ic_validate_user" width="48" height="48"/>| | |
|
|
21
21
|
|user_group|user_security|user_settings|validate_user| | |
|
|
22
22
|
<!-- markdownlint-enable MD033-->
|
|
23
|
-
### Action (
|
|
23
|
+
### Action (115)
|
|
24
24
|
|
|
25
25
|
<!-- markdownlint-disable MD033-->
|
|
26
26
|
| | | | | | |
|
|
27
27
|
|---|---|---|---|---|---|
|
|
28
|
-
|<img src="../icon/action/ic_Add.svg" alt="ic_add" width="48" height="48"/>|<img src="../icon/action/ic_Add_Circle.svg" alt="ic_add_circle" width="48" height="48"/>|<img src="../icon/action/ic_Add_Circle_Solid.svg" alt="ic_add_circle_solid" width="48" height="48"/>|<img src="../icon/action/ic_Add_Comment.svg" alt="ic_add_comment" width="48" height="48"/>|<img src="../icon/action/ic_Add_Note.svg" alt="ic_add_note" width="48" height="48"/>|<img src="../icon/action/
|
|
29
|
-
|add|add_circle|add_circle_solid|add_comment|add_note|
|
|
30
|
-
|<img src="../icon/action/
|
|
31
|
-
|article|assign_to|attach_email|attachment|blog_article|
|
|
32
|
-
|<img src="../icon/action/
|
|
33
|
-
|calendar|calendar_end_date|calendar_start_date|cancel|cancel_circle|
|
|
34
|
-
|<img src="../icon/action/
|
|
35
|
-
|chat|chat_conversation_download|chat_response|chat_response_disabled|chat_response_expected|
|
|
36
|
-
|<img src="../icon/action/
|
|
37
|
-
|check|check_circle|check_circle_solid|checklist|checklist_alt|
|
|
38
|
-
|<img src="../icon/action/
|
|
39
|
-
|clock_solid|comment|contacts|content_copy|content_paste|
|
|
40
|
-
|<img src="../icon/action/
|
|
41
|
-
|cycle|date_range|delete|directions|document_disabled|
|
|
42
|
-
|<img src="../icon/action/
|
|
43
|
-
|download|edit|edit_file|edit_mode|email|
|
|
44
|
-
|<img src="../icon/action/
|
|
45
|
-
|email_inbox|email_secure|encryption|file_copy|file_copy_solid|
|
|
46
|
-
|<img src="../icon/action/
|
|
47
|
-
|filter_clear|flag|guided_tour|hashtag|hide|
|
|
48
|
-
|<img src="../icon/action/
|
|
49
|
-
|image|inbox|inbox_alt|info|info_circle|
|
|
50
|
-
|<img src="../icon/action/
|
|
51
|
-
|list|location|locations|lock|lock_password|
|
|
52
|
-
|<img src="../icon/action/
|
|
53
|
-
|mailbox_empty_alt|map|outbox|outbox_alt|
|
|
54
|
-
|<img src="../icon/action/
|
|
55
|
-
|pin|placeholder|play_circle|press_release|
|
|
56
|
-
|<img src="../icon/action/
|
|
57
|
-
|remove_circle|reply|reply_all|reply_circle|
|
|
58
|
-
|<img src="../icon/action/
|
|
59
|
-
|search|send|send_alt|send_alt_2|
|
|
60
|
-
|<img src="../icon/action/
|
|
61
|
-
|show|sort_alpha|sort_ascending|sort_ascending_alt|
|
|
62
|
-
|<img src="../icon/action/
|
|
63
|
-
|subscription|subscription_alt|tag|tags|
|
|
64
|
-
|<img src="../icon/action/
|
|
65
|
-
|update_schedules|upload|video|view_details|
|
|
28
|
+
|<img src="../icon/action/ic_Add.svg" alt="ic_add" width="48" height="48"/>|<img src="../icon/action/ic_Add_Circle.svg" alt="ic_add_circle" width="48" height="48"/>|<img src="../icon/action/ic_Add_Circle_Solid.svg" alt="ic_add_circle_solid" width="48" height="48"/>|<img src="../icon/action/ic_Add_Comment.svg" alt="ic_add_comment" width="48" height="48"/>|<img src="../icon/action/ic_Add_Note.svg" alt="ic_add_note" width="48" height="48"/>|<img src="../icon/action/ic_Approval.svg" alt="ic_approval" width="48" height="48"/>|
|
|
29
|
+
|add|add_circle|add_circle_solid|add_comment|add_note|approval|
|
|
30
|
+
|<img src="../icon/action/ic_Archive.svg" alt="ic_archive" width="48" height="48"/>|<img src="../icon/action/ic_Article.svg" alt="ic_article" width="48" height="48"/>|<img src="../icon/action/ic_Assign_To.svg" alt="ic_assign_to" width="48" height="48"/>|<img src="../icon/action/ic_Attach_Email.svg" alt="ic_attach_email" width="48" height="48"/>|<img src="../icon/action/ic_Attachment.svg" alt="ic_attachment" width="48" height="48"/>|<img src="../icon/action/ic_Blog_Article.svg" alt="ic_blog_article" width="48" height="48"/>|
|
|
31
|
+
|archive|article|assign_to|attach_email|attachment|blog_article|
|
|
32
|
+
|<img src="../icon/action/ic_Break_Link.svg" alt="ic_break_link" width="48" height="48"/>|<img src="../icon/action/ic_Calendar.svg" alt="ic_calendar" width="48" height="48"/>|<img src="../icon/action/ic_Calendar_End_Date.svg" alt="ic_calendar_end_date" width="48" height="48"/>|<img src="../icon/action/ic_Calendar_Start_Date.svg" alt="ic_calendar_start_date" width="48" height="48"/>|<img src="../icon/action/ic_Cancel.svg" alt="ic_cancel" width="48" height="48"/>|<img src="../icon/action/ic_Cancel_Circle.svg" alt="ic_cancel_circle" width="48" height="48"/>|
|
|
33
|
+
|break_link|calendar|calendar_end_date|calendar_start_date|cancel|cancel_circle|
|
|
34
|
+
|<img src="../icon/action/ic_Cancel_Circle_Solid.svg" alt="ic_cancel_circle_solid" width="48" height="48"/>|<img src="../icon/action/ic_Chat.svg" alt="ic_chat" width="48" height="48"/>|<img src="../icon/action/ic_Chat_Conversation_Download.svg" alt="ic_chat_conversation_download" width="48" height="48"/>|<img src="../icon/action/ic_Chat_Response.svg" alt="ic_chat_response" width="48" height="48"/>|<img src="../icon/action/ic_Chat_Response_Disabled.svg" alt="ic_chat_response_disabled" width="48" height="48"/>|<img src="../icon/action/ic_Chat_Response_Expected.svg" alt="ic_chat_response_expected" width="48" height="48"/>|
|
|
35
|
+
|cancel_circle_solid|chat|chat_conversation_download|chat_response|chat_response_disabled|chat_response_expected|
|
|
36
|
+
|<img src="../icon/action/ic_Chat_Response_Overdue.svg" alt="ic_chat_response_overdue" width="48" height="48"/>|<img src="../icon/action/ic_Check.svg" alt="ic_check" width="48" height="48"/>|<img src="../icon/action/ic_Check_Circle.svg" alt="ic_check_circle" width="48" height="48"/>|<img src="../icon/action/ic_Check_Circle_Solid.svg" alt="ic_check_circle_solid" width="48" height="48"/>|<img src="../icon/action/ic_Checklist.svg" alt="ic_checklist" width="48" height="48"/>|<img src="../icon/action/ic_Checklist_Alt.svg" alt="ic_checklist_alt" width="48" height="48"/>|
|
|
37
|
+
|chat_response_overdue|check|check_circle|check_circle_solid|checklist|checklist_alt|
|
|
38
|
+
|<img src="../icon/action/ic_Clock.svg" alt="ic_clock" width="48" height="48"/>|<img src="../icon/action/ic_Clock_Solid.svg" alt="ic_clock_solid" width="48" height="48"/>|<img src="../icon/action/ic_Comment.svg" alt="ic_comment" width="48" height="48"/>|<img src="../icon/action/ic_Contacts.svg" alt="ic_contacts" width="48" height="48"/>|<img src="../icon/action/ic_Content_Copy.svg" alt="ic_content_copy" width="48" height="48"/>|<img src="../icon/action/ic_Content_Paste.svg" alt="ic_content_paste" width="48" height="48"/>|
|
|
39
|
+
|clock|clock_solid|comment|contacts|content_copy|content_paste|
|
|
40
|
+
|<img src="../icon/action/ic_Copy.svg" alt="ic_copy" width="48" height="48"/>|<img src="../icon/action/ic_Cycle.svg" alt="ic_cycle" width="48" height="48"/>|<img src="../icon/action/ic_Date_Range.svg" alt="ic_date_range" width="48" height="48"/>|<img src="../icon/action/ic_Delete.svg" alt="ic_delete" width="48" height="48"/>|<img src="../icon/action/ic_Directions.svg" alt="ic_directions" width="48" height="48"/>|<img src="../icon/action/ic_Document_Disabled.svg" alt="ic_document_disabled" width="48" height="48"/>|
|
|
41
|
+
|copy|cycle|date_range|delete|directions|document_disabled|
|
|
42
|
+
|<img src="../icon/action/ic_Documentation.svg" alt="ic_documentation" width="48" height="48"/>|<img src="../icon/action/ic_Download.svg" alt="ic_download" width="48" height="48"/>|<img src="../icon/action/ic_Edit.svg" alt="ic_edit" width="48" height="48"/>|<img src="../icon/action/ic_Edit_File.svg" alt="ic_edit_file" width="48" height="48"/>|<img src="../icon/action/ic_Edit_Mode.svg" alt="ic_edit_mode" width="48" height="48"/>|<img src="../icon/action/ic_Email.svg" alt="ic_email" width="48" height="48"/>|
|
|
43
|
+
|documentation|download|edit|edit_file|edit_mode|email|
|
|
44
|
+
|<img src="../icon/action/ic_Email_Draft.svg" alt="ic_email_draft" width="48" height="48"/>|<img src="../icon/action/ic_Email_Inbox.svg" alt="ic_email_inbox" width="48" height="48"/>|<img src="../icon/action/ic_Email_Secure.svg" alt="ic_email_secure" width="48" height="48"/>|<img src="../icon/action/ic_Encryption.svg" alt="ic_encryption" width="48" height="48"/>|<img src="../icon/action/ic_File_Copy.svg" alt="ic_file_copy" width="48" height="48"/>|<img src="../icon/action/ic_File_Copy_Solid.svg" alt="ic_file_copy_solid" width="48" height="48"/>|
|
|
45
|
+
|email_draft|email_inbox|email_secure|encryption|file_copy|file_copy_solid|
|
|
46
|
+
|<img src="../icon/action/ic_Filter_Alt.svg" alt="ic_filter_alt" width="48" height="48"/>|<img src="../icon/action/ic_Filter_Clear.svg" alt="ic_filter_clear" width="48" height="48"/>|<img src="../icon/action/ic_Flag.svg" alt="ic_flag" width="48" height="48"/>|<img src="../icon/action/ic_Guided_Tour.svg" alt="ic_guided_tour" width="48" height="48"/>|<img src="../icon/action/ic_Hashtag.svg" alt="ic_hashtag" width="48" height="48"/>|<img src="../icon/action/ic_Hide.svg" alt="ic_hide" width="48" height="48"/>|
|
|
47
|
+
|filter_alt|filter_clear|flag|guided_tour|hashtag|hide|
|
|
48
|
+
|<img src="../icon/action/ic_Hub.svg" alt="ic_hub" width="48" height="48"/>|<img src="../icon/action/ic_Image.svg" alt="ic_image" width="48" height="48"/>|<img src="../icon/action/ic_Inbox.svg" alt="ic_inbox" width="48" height="48"/>|<img src="../icon/action/ic_Inbox_Alt.svg" alt="ic_inbox_alt" width="48" height="48"/>|<img src="../icon/action/ic_Info.svg" alt="ic_info" width="48" height="48"/>|<img src="../icon/action/ic_Info_Circle.svg" alt="ic_info_circle" width="48" height="48"/>|
|
|
49
|
+
|hub|image|inbox|inbox_alt|info|info_circle|
|
|
50
|
+
|<img src="../icon/action/ic_Link.svg" alt="ic_link" width="48" height="48"/>|<img src="../icon/action/ic_List.svg" alt="ic_list" width="48" height="48"/>|<img src="../icon/action/ic_Location.svg" alt="ic_location" width="48" height="48"/>|<img src="../icon/action/ic_Locations.svg" alt="ic_locations" width="48" height="48"/>|<img src="../icon/action/ic_Lock.svg" alt="ic_lock" width="48" height="48"/>|<img src="../icon/action/ic_Lock_Password.svg" alt="ic_lock_password" width="48" height="48"/>|
|
|
51
|
+
|link|list|location|locations|lock|lock_password|
|
|
52
|
+
|<img src="../icon/action/ic_Mailbox_Empty.svg" alt="ic_mailbox_empty" width="48" height="48"/>|<img src="../icon/action/ic_Mailbox_Empty_Alt.svg" alt="ic_mailbox_empty_alt" width="48" height="48"/>|<img src="../icon/action/ic_Map.svg" alt="ic_map" width="48" height="48"/>|<img src="../icon/action/ic_Not_Approved.svg" alt="ic_not_approved" width="48" height="48"/>|<img src="../icon/action/ic_Outbox.svg" alt="ic_outbox" width="48" height="48"/>|<img src="../icon/action/ic_Outbox_Alt.svg" alt="ic_outbox_alt" width="48" height="48"/>|
|
|
53
|
+
|mailbox_empty|mailbox_empty_alt|map|not_approved|outbox|outbox_alt|
|
|
54
|
+
|<img src="../icon/action/ic_Paste.svg" alt="ic_paste" width="48" height="48"/>|<img src="../icon/action/ic_Phone.svg" alt="ic_phone" width="48" height="48"/>|<img src="../icon/action/ic_Pin.svg" alt="ic_pin" width="48" height="48"/>|<img src="../icon/action/ic_Placeholder.svg" alt="ic_placeholder" width="48" height="48"/>|<img src="../icon/action/ic_Play_Circle.svg" alt="ic_play_circle" width="48" height="48"/>|<img src="../icon/action/ic_Press_Release.svg" alt="ic_press_release" width="48" height="48"/>|
|
|
55
|
+
|paste|phone|pin|placeholder|play_circle|press_release|
|
|
56
|
+
|<img src="../icon/action/ic_Print.svg" alt="ic_print" width="48" height="48"/>|<img src="../icon/action/ic_Remove.svg" alt="ic_remove" width="48" height="48"/>|<img src="../icon/action/ic_Remove_Circle.svg" alt="ic_remove_circle" width="48" height="48"/>|<img src="../icon/action/ic_Reply.svg" alt="ic_reply" width="48" height="48"/>|<img src="../icon/action/ic_Reply_All.svg" alt="ic_reply_all" width="48" height="48"/>|<img src="../icon/action/ic_Reply_Circle.svg" alt="ic_reply_circle" width="48" height="48"/>|
|
|
57
|
+
|print|remove|remove_circle|reply|reply_all|reply_circle|
|
|
58
|
+
|<img src="../icon/action/ic_Restore.svg" alt="ic_restore" width="48" height="48"/>|<img src="../icon/action/ic_Save.svg" alt="ic_save" width="48" height="48"/>|<img src="../icon/action/ic_Search.svg" alt="ic_search" width="48" height="48"/>|<img src="../icon/action/ic_Send.svg" alt="ic_send" width="48" height="48"/>|<img src="../icon/action/ic_Send_Alt.svg" alt="ic_send_alt" width="48" height="48"/>|<img src="../icon/action/ic_Send_Alt_2.svg" alt="ic_send_alt_2" width="48" height="48"/>|
|
|
59
|
+
|restore|save|search|send|send_alt|send_alt_2|
|
|
60
|
+
|<img src="../icon/action/ic_Send_Workflow.svg" alt="ic_send_workflow" width="48" height="48"/>|<img src="../icon/action/ic_Share.svg" alt="ic_share" width="48" height="48"/>|<img src="../icon/action/ic_Show.svg" alt="ic_show" width="48" height="48"/>|<img src="../icon/action/ic_Sort_Alpha.svg" alt="ic_sort_alpha" width="48" height="48"/>|<img src="../icon/action/ic_Sort_Ascending.svg" alt="ic_sort_ascending" width="48" height="48"/>|<img src="../icon/action/ic_Sort_Ascending_Alt.svg" alt="ic_sort_ascending_alt" width="48" height="48"/>|
|
|
61
|
+
|send_workflow|share|show|sort_alpha|sort_ascending|sort_ascending_alt|
|
|
62
|
+
|<img src="../icon/action/ic_Sort_Descending.svg" alt="ic_sort_descending" width="48" height="48"/>|<img src="../icon/action/ic_Sort_Descending_Alt.svg" alt="ic_sort_descending_alt" width="48" height="48"/>|<img src="../icon/action/ic_Subscription.svg" alt="ic_subscription" width="48" height="48"/>|<img src="../icon/action/ic_Subscription_Alt.svg" alt="ic_subscription_alt" width="48" height="48"/>|<img src="../icon/action/ic_Tag.svg" alt="ic_tag" width="48" height="48"/>|<img src="../icon/action/ic_Tags.svg" alt="ic_tags" width="48" height="48"/>|
|
|
63
|
+
|sort_descending|sort_descending_alt|subscription|subscription_alt|tag|tags|
|
|
64
|
+
|<img src="../icon/action/ic_Unarchive.svg" alt="ic_unarchive" width="48" height="48"/>|<img src="../icon/action/ic_Unlock.svg" alt="ic_unlock" width="48" height="48"/>|<img src="../icon/action/ic_Update_Schedules.svg" alt="ic_update_schedules" width="48" height="48"/>|<img src="../icon/action/ic_Upload.svg" alt="ic_upload" width="48" height="48"/>|<img src="../icon/action/ic_Video.svg" alt="ic_video" width="48" height="48"/>|<img src="../icon/action/ic_View_Details.svg" alt="ic_view_details" width="48" height="48"/>|
|
|
65
|
+
|unarchive|unlock|update_schedules|upload|video|view_details|
|
|
66
|
+
|<img src="../icon/action/ic_Workflow.svg" alt="ic_workflow" width="48" height="48"/>| | | | | |
|
|
67
|
+
|workflow| | | | | |
|
|
66
68
|
<!-- markdownlint-enable MD033-->
|
|
67
69
|
### Datavis (12)
|
|
68
70
|
|
|
@@ -140,7 +142,7 @@
|
|
|
140
142
|
|<img src="../icon/navigation/ic_Refresh.svg" alt="ic_refresh" width="48" height="48"/>|<img src="../icon/navigation/ic_Sub_Left.svg" alt="ic_sub_left" width="48" height="48"/>|<img src="../icon/navigation/ic_Sub_Right.svg" alt="ic_sub_right" width="48" height="48"/>|<img src="../icon/navigation/ic_Table_View.svg" alt="ic_table_view" width="48" height="48"/>| | |
|
|
141
143
|
|refresh|sub_left|sub_right|table_view| | |
|
|
142
144
|
<!-- markdownlint-enable MD033-->
|
|
143
|
-
### Network (
|
|
145
|
+
### Network (89)
|
|
144
146
|
|
|
145
147
|
<!-- markdownlint-disable MD033-->
|
|
146
148
|
| | | | | | |
|
|
@@ -157,24 +159,24 @@
|
|
|
157
159
|
|discovery_alt_3|electrical_services|end_user|exit_compare|exit_compare_alt|extract_data|
|
|
158
160
|
|<img src="../icon/network/ic_Firewall.svg" alt="ic_firewall" width="48" height="48"/>|<img src="../icon/network/ic_Flows.svg" alt="ic_flows" width="48" height="48"/>|<img src="../icon/network/ic_High_Security.svg" alt="ic_high_security" width="48" height="48"/>|<img src="../icon/network/ic_Instances.svg" alt="ic_instances" width="48" height="48"/>|<img src="../icon/network/ic_Inventory.svg" alt="ic_inventory" width="48" height="48"/>|<img src="../icon/network/ic_Inventory_Add.svg" alt="ic_inventory_add" width="48" height="48"/>|
|
|
159
161
|
|firewall|flows|high_security|instances|inventory|inventory_add|
|
|
160
|
-
|<img src="../icon/network/ic_Inventory_Confirm.svg" alt="ic_inventory_confirm" width="48" height="48"/>|<img src="../icon/network/ic_Inventory_Delete.svg" alt="ic_inventory_delete" width="48" height="48"/>|<img src="../icon/network/
|
|
161
|
-
|inventory_confirm|inventory_delete|laptop|linux_server|log_file|
|
|
162
|
-
|<img src="../icon/network/
|
|
163
|
-
|logs|logs_alt|map_node|map_node_add|map_node_add_alt_1|
|
|
164
|
-
|<img src="../icon/network/
|
|
165
|
-
|map_node_alt_1|map_node_alt_2|map_node_alt_3|map_node_unknown|map_node_warning|
|
|
166
|
-
|<img src="../icon/network/
|
|
167
|
-
|minion|minion_profiles|monitoring|network_profiles|node_inventory|
|
|
168
|
-
|<img src="../icon/network/
|
|
169
|
-
|nodes_alt|opennmsserver|policy|policy_alt|policy_compliance|
|
|
170
|
-
|<img src="../icon/network/
|
|
171
|
-
|router_lan|router_wan|security|security_scan|server|
|
|
172
|
-
|<img src="../icon/network/
|
|
173
|
-
|service_inventory|switch|synthetic_transactions|terminal|time_series_database|
|
|
174
|
-
|<img src="../icon/network/
|
|
175
|
-
|update_utilities|user_interface|utilities|view_code|virtual_machine|
|
|
176
|
-
|<img src="../icon/network/ic_WAN.svg" alt="ic_wan" width="48" height="48"/>|<img src="../icon/network/ic_Wifi_Router.svg" alt="ic_wifi_router" width="48" height="48"/>|<img src="../icon/network/ic_Windows_Server.svg" alt="ic_windows_server" width="48" height="48"/>|<img src="../icon/network/ic_Workgroup_Switch.svg" alt="ic_workgroup_switch" width="48" height="48"/>| |
|
|
177
|
-
|wan|wifi_router|windows_server|workgroup_switch| |
|
|
162
|
+
|<img src="../icon/network/ic_Inventory_Confirm.svg" alt="ic_inventory_confirm" width="48" height="48"/>|<img src="../icon/network/ic_Inventory_Delete.svg" alt="ic_inventory_delete" width="48" height="48"/>|<img src="../icon/network/ic_Key.svg" alt="ic_key" width="48" height="48"/>|<img src="../icon/network/ic_Laptop.svg" alt="ic_laptop" width="48" height="48"/>|<img src="../icon/network/ic_Linux_Server.svg" alt="ic_linux_server" width="48" height="48"/>|<img src="../icon/network/ic_Log_File.svg" alt="ic_log_file" width="48" height="48"/>|
|
|
163
|
+
|inventory_confirm|inventory_delete|key|laptop|linux_server|log_file|
|
|
164
|
+
|<img src="../icon/network/ic_Logger_Configs.svg" alt="ic_logger_configs" width="48" height="48"/>|<img src="../icon/network/ic_Logs.svg" alt="ic_logs" width="48" height="48"/>|<img src="../icon/network/ic_Logs_Alt.svg" alt="ic_logs_alt" width="48" height="48"/>|<img src="../icon/network/ic_Map_Node.svg" alt="ic_map_node" width="48" height="48"/>|<img src="../icon/network/ic_Map_Node_Add.svg" alt="ic_map_node_add" width="48" height="48"/>|<img src="../icon/network/ic_Map_Node_Add_Alt_1.svg" alt="ic_map_node_add_alt_1" width="48" height="48"/>|
|
|
165
|
+
|logger_configs|logs|logs_alt|map_node|map_node_add|map_node_add_alt_1|
|
|
166
|
+
|<img src="../icon/network/ic_Map_Node_Add_Temp.svg" alt="ic_map_node_add_temp" width="48" height="48"/>|<img src="../icon/network/ic_Map_Node_Alt_1.svg" alt="ic_map_node_alt_1" width="48" height="48"/>|<img src="../icon/network/ic_Map_Node_Alt_2.svg" alt="ic_map_node_alt_2" width="48" height="48"/>|<img src="../icon/network/ic_Map_Node_Alt_3.svg" alt="ic_map_node_alt_3" width="48" height="48"/>|<img src="../icon/network/ic_Map_Node_Unknown.svg" alt="ic_map_node_unknown" width="48" height="48"/>|<img src="../icon/network/ic_Map_Node_Warning.svg" alt="ic_map_node_warning" width="48" height="48"/>|
|
|
167
|
+
|map_node_add_temp|map_node_alt_1|map_node_alt_2|map_node_alt_3|map_node_unknown|map_node_warning|
|
|
168
|
+
|<img src="../icon/network/ic_Microservices.svg" alt="ic_microservices" width="48" height="48"/>|<img src="../icon/network/ic_Minion.svg" alt="ic_minion" width="48" height="48"/>|<img src="../icon/network/ic_Minion_Profiles.svg" alt="ic_minion_profiles" width="48" height="48"/>|<img src="../icon/network/ic_Monitoring.svg" alt="ic_monitoring" width="48" height="48"/>|<img src="../icon/network/ic_Network_Profiles.svg" alt="ic_network_profiles" width="48" height="48"/>|<img src="../icon/network/ic_Node_Inventory.svg" alt="ic_node_inventory" width="48" height="48"/>|
|
|
169
|
+
|microservices|minion|minion_profiles|monitoring|network_profiles|node_inventory|
|
|
170
|
+
|<img src="../icon/network/ic_Nodes.svg" alt="ic_nodes" width="48" height="48"/>|<img src="../icon/network/ic_Nodes_Alt.svg" alt="ic_nodes_alt" width="48" height="48"/>|<img src="../icon/network/ic_OpenNMSServer.svg" alt="ic_opennmsserver" width="48" height="48"/>|<img src="../icon/network/ic_Policy.svg" alt="ic_policy" width="48" height="48"/>|<img src="../icon/network/ic_Policy_Alt.svg" alt="ic_policy_alt" width="48" height="48"/>|<img src="../icon/network/ic_Policy_Compliance.svg" alt="ic_policy_compliance" width="48" height="48"/>|
|
|
171
|
+
|nodes|nodes_alt|opennmsserver|policy|policy_alt|policy_compliance|
|
|
172
|
+
|<img src="../icon/network/ic_Power.svg" alt="ic_power" width="48" height="48"/>|<img src="../icon/network/ic_Router_LAN.svg" alt="ic_router_lan" width="48" height="48"/>|<img src="../icon/network/ic_Router_WAN.svg" alt="ic_router_wan" width="48" height="48"/>|<img src="../icon/network/ic_Security.svg" alt="ic_security" width="48" height="48"/>|<img src="../icon/network/ic_Security_Scan.svg" alt="ic_security_scan" width="48" height="48"/>|<img src="../icon/network/ic_Server.svg" alt="ic_server" width="48" height="48"/>|
|
|
173
|
+
|power|router_lan|router_wan|security|security_scan|server|
|
|
174
|
+
|<img src="../icon/network/ic_Server_Clock.svg" alt="ic_server_clock" width="48" height="48"/>|<img src="../icon/network/ic_Service_Inventory.svg" alt="ic_service_inventory" width="48" height="48"/>|<img src="../icon/network/ic_Switch.svg" alt="ic_switch" width="48" height="48"/>|<img src="../icon/network/ic_Synthetic_Transactions.svg" alt="ic_synthetic_transactions" width="48" height="48"/>|<img src="../icon/network/ic_Terminal.svg" alt="ic_terminal" width="48" height="48"/>|<img src="../icon/network/ic_Time_Series_Database.svg" alt="ic_time_series_database" width="48" height="48"/>|
|
|
175
|
+
|server_clock|service_inventory|switch|synthetic_transactions|terminal|time_series_database|
|
|
176
|
+
|<img src="../icon/network/ic_Topology.svg" alt="ic_topology" width="48" height="48"/>|<img src="../icon/network/ic_Update_Utilities.svg" alt="ic_update_utilities" width="48" height="48"/>|<img src="../icon/network/ic_User_Interface.svg" alt="ic_user_interface" width="48" height="48"/>|<img src="../icon/network/ic_Utilities.svg" alt="ic_utilities" width="48" height="48"/>|<img src="../icon/network/ic_View_Code.svg" alt="ic_view_code" width="48" height="48"/>|<img src="../icon/network/ic_Virtual_Machine.svg" alt="ic_virtual_machine" width="48" height="48"/>|
|
|
177
|
+
|topology|update_utilities|user_interface|utilities|view_code|virtual_machine|
|
|
178
|
+
|<img src="../icon/network/ic_Virtual_Machine_Alt.svg" alt="ic_virtual_machine_alt" width="48" height="48"/>|<img src="../icon/network/ic_WAN.svg" alt="ic_wan" width="48" height="48"/>|<img src="../icon/network/ic_Wifi_Router.svg" alt="ic_wifi_router" width="48" height="48"/>|<img src="../icon/network/ic_Windows_Server.svg" alt="ic_windows_server" width="48" height="48"/>|<img src="../icon/network/ic_Workgroup_Switch.svg" alt="ic_workgroup_switch" width="48" height="48"/>| |
|
|
179
|
+
|virtual_machine_alt|wan|wifi_router|windows_server|workgroup_switch| |
|
|
178
180
|
<!-- markdownlint-enable MD033-->
|
|
179
181
|
### Status (34)
|
|
180
182
|
|
|
@@ -209,4 +211,4 @@
|
|
|
209
211
|
|rating_star_selected|switch_left|switch_off|switch_on|switch_right| |
|
|
210
212
|
<!-- markdownlint-enable MD033-->
|
|
211
213
|
|
|
212
|
-
> Generated: 2026-
|
|
214
|
+
> Generated: 2026-03-11T21:01:45.697Z
|