Icon
An icon is a visual symbol that represents a common object, action, or concept—designed for consistency, quick recognition, and easy interaction.
See below for (1) System Icons Library, (2) System Icons Definitions, and (3) Empty State Icons.
System Icons Library
Browse through the list below to find the appropriate icon. See below for definitions for specific icons with universal meanings.
The IDS system icons are also available in Figma.
-
activities
-
add
-
add-box
-
add-grid-record
-
add-grid-row
-
add-small
-
additional-help
-
advance-search
-
advance-settings
-
agent
-
agent-filled
-
air
-
airplane
-
alert
-
alert-alert
-
amend
-
anniversary-ribbon
-
apply-rule
-
apply-rule-filled
-
approve-all
-
approve-box
-
approved
-
approved-filled
-
archives
-
area
-
arrow-down
-
arrow-left
-
arrow-right
-
arrow-up
-
articles
-
attach
-
authenticate
-
authenticate-filled
-
award
-
awol
-
back-color
-
bandaid
-
bar
-
bar-code-scanner
-
barcode
-
bed
-
bed-alt
-
billboard
-
billboard-filled
-
billboard-pending
-
binoculars
-
binoculars-filled
-
birthday-cake
-
blood
-
blood-negative
-
blood-positive
-
boat
-
bold
-
bolt
-
bolt-filled
-
bookmark-filled
-
bookmark-outlined
-
bottom-aligned
-
bottom-aligned-filled
-
box
-
box-inventory
-
break-time
-
briefcase-wrench
-
bubble
-
building
-
building-filled
-
bullet-list
-
bullet-list-cancel
-
bullet-steps
-
burger
-
cake
-
calculator
-
calendar
-
calendar-cancel
-
calendar-check
-
calendar-filled
-
calendar-team
-
calendar-user
-
camera
-
camera-filled
-
cancel
-
capslock
-
car
-
car-wheel
-
cards
-
caret-down
-
caret-down-filled
-
caret-down-small
-
caret-left
-
caret-left-filled
-
caret-left-small
-
caret-right
-
caret-right-filled
-
caret-right-small
-
caret-up
-
caret-up-filled
-
caret-up-small
-
cart
-
cart-filled
-
cascade
-
cascade-objects
-
cashier
-
center-text
-
change-department
-
change-department-alt
-
change-docket
-
change-font
-
change-job
-
change-project
-
change-row-line-height
-
change-time-code
-
check
-
check-list
-
check-small
-
check2
-
checkbox
-
chef-hat
-
chevron-down
-
chevron-down-small
-
chevron-left
-
chevron-left-small
-
chevron-right
-
chevron-right-small
-
chevron-up
-
chevron-up-small
-
circle-filled
-
clear-formatting
-
clear-screen
-
clock
-
clock-filled
-
clockwise-90
-
close
-
close-cancel
-
close-save
-
close-small
-
closed-folder
-
closed-folder-filled
-
cloud
-
cloud-filled
-
clover
-
club
-
cnc
-
coffee
-
cog
-
cog-filled
-
coleman
-
coleman-smart-panel
-
collapse-all
-
collapse-app-tray
-
color-filled
-
columns
-
columns-filled
-
comment
-
comment-alt-filled
-
component
-
compose
-
confirm
-
confirm-filled
-
confusion
-
connect
-
connections
-
connections-filled
-
construction-worker
-
contacts
-
contacts-filled
-
copy
-
copy-filled
-
copy-from
-
copy-mail
-
copy-url
-
counter-clockwise-90
-
create-report
-
cup
-
cut
-
dashboard
-
database
-
day
-
day-next
-
day-previous
-
day-today
-
decrease-row-line-height
-
default
-
delete
-
delete-filled
-
delete-grid-record
-
delete-grid-row
-
design-mode
-
design-mode-filled
-
desk-staff
-
dessert
-
detail-view
-
detail-view-filled
-
diamond
-
diamond-filled
-
dice
-
dirty-filled
-
display
-
display-filled
-
distribute-horiz
-
distribute-horiz-filled
-
distribute-vertically
-
distribute-vertically-filled
-
distribution
-
distribution-filled
-
dnd
-
doc-check
-
doc-check-filled
-
document
-
document-filled
-
document2
-
document2-filled
-
dollar-bill
-
double-chevron
-
double-chevron-small
-
down-arrow
-
down-double-chevron
-
download
-
drag
-
drill
-
drill-alt
-
drilldown
-
dropdown
-
dropdown-indicator
-
dropdown-indicator-filled
-
duplicate
-
duplicate-filled
-
edit
-
employee-directory
-
empty-circle
-
empty-circle-filled
-
enterprise-planning
-
error
-
error-alert
-
exclamation
-
exclude-filled
-
exit-fullview
-
expand-all
-
expand-app-tray
-
expense-report
-
expired-schedule
-
export
-
export-2
-
export-spreadsheet
-
export-to-pdf
-
export-xml
-
export-xsd
-
f&b
-
face-happy
-
face-sad
-
favicon
-
female
-
filter
-
filter-between
-
filter-calendar
-
filter-calendar-filled
-
filter-contains
-
filter-does-not-contain
-
filter-does-not-end-with
-
filter-does-not-equal
-
filter-does-not-start-with
-
filter-end-with
-
filter-equals
-
filter-greater-equals
-
filter-greater-than
-
filter-in-range
-
filter-is-empty
-
filter-is-not-empty
-
filter-is-not-empty-filled
-
filter-less-equals
-
filter-less-than
-
filter-not-selected
-
filter-selected
-
filter-selected-filled
-
filter-selected-notselected
-
filter-start-with
-
finance
-
find-next
-
find-previous
-
fire
-
fire-alt
-
first-page
-
flag
-
flag-filled
-
flask
-
folder
-
folder-add
-
folder-add-alt
-
folder-filled
-
folder-last
-
folder-next
-
folder-previous
-
food-menu
-
fore-color
-
forest
-
forklift
-
forklift-1
-
formula-constituents
-
freight
-
freight-mgmt
-
fullview
-
gas-tank
-
gear-wrench
-
gem
-
genai
-
genai-bar-chart
-
genai-bullet-list
-
genai-chat-smartpanel
-
genai-expense-report
-
genai-industrial-smartpanel
-
genai-line-chart
-
genai-mail
-
genai-notes
-
genai-number-list
-
genai-open-book
-
genai-pie-chart
-
genai-report
-
genai-search
-
genai-summarize
-
genai-text-generator
-
genai-translate
-
genealogy
-
generate-key
-
get-more-rows
-
globe
-
grid
-
group
-
group-filled
-
group-selection
-
h3
-
h4
-
half-empty-circle
-
half-empty-circle-filled
-
hammer
-
handbag
-
hanger
-
hardhat
-
hcm-calendar
-
hcm-calendar-filled
-
headphones
-
healthcare-cross
-
heart-filled
-
heart-outlined
-
heart-rate
-
help
-
helper-list-select
-
hexagon-filled
-
hide-item
-
history
-
home
-
home-filled
-
horiz-center-align
-
horiz-center-align-filled
-
hospital-sign
-
hotel
-
hour-glass
-
hour-view
-
hour-view-filled
-
html
-
import
-
import-spreadsheet
-
import-xml
-
in-progress
-
in-progress-linear
-
inbox
-
inbox-badge
-
inbox-badge-smart-panel
-
inbox-smart-panel
-
increase-row-line-height
-
infinity
-
info
-
info-alert
-
info-linear
-
insert-grid-row
-
insert-image
-
insert-image-filled
-
insights-smart-panel
-
interaction
-
interaction-reply
-
inventory
-
invoice-released
-
invoicing
-
isolation
-
italic
-
item-purchase-data
-
key
-
knowledge-base
-
language
-
lasso
-
last-page
-
launch
-
leaf
-
ledger
-
left-align
-
left-align-filled
-
left-arrow
-
left-text-align
-
lid
-
light-bulb
-
light-bulb-filled
-
lightning
-
line-bar-chart
-
line-chart
-
link
-
list-item-detail
-
list-view
-
list-view-filled
-
load
-
locked
-
login
-
logo
-
logo-dark
-
logo-white
-
logo-white-trademark
-
logout
-
magic-wand
-
mail
-
mail-filled
-
make-same-height
-
make-same-height-filled
-
make-same-size
-
make-same-width
-
make-same-width-filled
-
male
-
manufacturing
-
manufacturing-filled
-
manufacturing-wheel
-
map
-
map-filled
-
map-pin
-
map-pin-filled
-
marquee
-
maximize
-
medical-badge
-
medical-kit
-
medical-sign
-
medicine-bottle
-
megaphone
-
menu
-
microphone
-
microphone-filled
-
mingle-share
-
mingle-share-filled
-
minimize
-
minus
-
minus-box
-
misc
-
missed-punch-form
-
mobile
-
mobile-filled
-
money
-
monitoring
-
month
-
month-filled
-
more
-
mountain
-
move
-
new
-
new-alert
-
new-case
-
new-document
-
new-expense-report
-
new-favicon
-
new-payment-request
-
new-schedule
-
new-time-sheet
-
new-travel-plan
-
next-page
-
next-page-filled
-
next-page-small
-
no-attachment
-
no-comment
-
no-filter
-
notes
-
notes-filled
-
notification
-
number
-
number-list
-
observation-precautions
-
oil
-
oil-rig
-
open-folder
-
orderedlist
-
org-chart
-
overlap
-
overlay-line
-
paint-brush
-
parameter
-
partially-submitted
-
paste
-
paste-filled
-
patient-record
-
pause
-
pause-button
-
pause-filled
-
paused-schedule
-
payment-request
-
pdf-file
-
pediatric
-
pending
-
pending-alert
-
phone
-
phone-filled
-
pie-chart
-
pill
-
pipeline
-
pizza
-
plan-document
-
play
-
play-button-filled
-
play-filled
-
plusminus-folder-closed
-
plusminus-folder-open
-
pool
-
popsicle
-
previous-page
-
previous-page-filled
-
print
-
print-preview
-
process
-
process-filled
-
process-flow
-
profile
-
project
-
psych-precaution
-
publish
-
purchasing
-
push-cart
-
quality
-
quarter
-
queries
-
question-mark
-
question-mark-filled
-
quick-access
-
quick-edit
-
quick-reference
-
quote
-
record
-
record-filled
-
recycle
-
redo
-
refresh
-
refresh-current
-
reject
-
reject-filled
-
rejected-outline
-
rejected-solid
-
remove-box
-
rename
-
reply
-
reply-all
-
report
-
report-filled
-
request-time-off
-
reset
-
restore-user
-
right-align
-
right-align-filled
-
right-align-text
-
right-arrow
-
right-text-align
-
risk-of-falling
-
robotics
-
rocket
-
roles
-
roles-filled
-
run-job
-
run-quick-access
-
save
-
save-as
-
save-close
-
save-close-old
-
save-new
-
save-options
-
scale
-
schedule
-
schedule-filled
-
screen
-
script
-
search
-
search-box
-
search-category
-
search-folder
-
search-insights
-
search-list
-
search-results-history
-
sec-menu-collapse
-
sec-menu-expand
-
security-off
-
security-off-filled
-
security-on
-
security-on-filled
-
select
-
select-all
-
select-filled
-
self-scheduling
-
send
-
send-submit
-
server
-
service
-
settings
-
settings-filled
-
share
-
shared-folder-closed
-
shared-folder-open
-
shield-safety
-
shift-destination
-
shift-origin
-
shifting
-
ship
-
shirt
-
shopping-basket
-
shopping-cart-filled
-
shovel
-
show-item
-
show-item-filled
-
show-last-x-days
-
shower
-
shut-down
-
single-line-drag
-
smart-help-smart-panel
-
smart-panel-closed
-
smart-panel-opened
-
snooze
-
sort
-
sort-a-to-z
-
sort-down
-
sort-filled
-
sort-up
-
sort-z-to-a
-
special-item
-
special-item-filled
-
spell-check
-
spoon-and-fork
-
spreadsheet
-
spreadsheet-filled
-
square-filled
-
stacked
-
stacked-files
-
stacked-filled
-
stacked-receipts
-
star-filled
-
star-half
-
star-outlined
-
steering-wheel
-
stethoscope
-
stethoscope
-
stop
-
stop-button
-
stop-filled
-
strike-through
-
sub-process
-
submit
-
subscribe
-
subscribe-filled
-
success
-
success-alert
-
supervisor-mode
-
swap-list-left
-
swap-list-right
-
syringe
-
tack
-
tack-filled
-
tag
-
team
-
technology
-
technology-filled
-
test-tube
-
thumbs-down
-
thumbs-down-filled
-
thumbs-up
-
thumbs-up-filled
-
tile
-
tile-filled
-
timer
-
timer-filled
-
timesheet
-
tools
-
tools-addons
-
top-align
-
top-align-filled
-
train
-
transfer
-
translate
-
travel-case
-
travel-plan
-
travel-plan-filled
-
tree
-
tree-audio
-
tree-audio-filled
-
tree-avi
-
tree-bmp
-
tree-chart
-
tree-code
-
tree-csv
-
tree-doc
-
tree-doc-filled
-
tree-excel
-
tree-excel-filled
-
tree-expenses
-
tree-expenses-filled
-
tree-gif
-
tree-html
-
tree-image
-
tree-jpg
-
tree-link
-
tree-linked-report
-
tree-mail
-
tree-mail-filled
-
tree-mhtml
-
tree-mp3
-
tree-msg
-
tree-node
-
tree-node-filled
-
tree-other-file
-
tree-pdf
-
tree-png
-
tree-ppt
-
tree-prj
-
tree-psd
-
tree-pub
-
tree-rar
-
tree-rdl
-
tree-text
-
tree-text-filled
-
tree-tif
-
tree-video
-
tree-video-filled
-
tree-vis
-
tree-word
-
tree-xls
-
tree-xml
-
tree-zip
-
trend-left
-
trend-right
-
trending-down
-
trending-up
-
triangle-filled
-
truck
-
truck-filled
-
two-column
-
two-column-filled
-
underline
-
undo
-
unlink
-
unlocked
-
unorderedlist
-
unsubscribe
-
unsubscribe-filled
-
up-arrow
-
up-double-chevron
-
up-down-chevron
-
update-preview
-
upload
-
url
-
user
-
user-add
-
user-avatar
-
user-avatar-dark
-
user-clock
-
user-filled
-
user-folder-closed
-
user-folder-open
-
user-profile
-
user-remove
-
user-status-available
-
user-status-away
-
user-status-busy
-
user-status-do-not-disturb
-
user-status-unknown
-
utilities
-
vacation
-
vertical-align-center
-
vertical-align-center-filled
-
vertical-ellipsis
-
virus
-
visual
-
warehouse
-
warehouse-1
-
week
-
week-filled
-
week-next
-
week-previous
-
widgets-smart-panel
-
work-time
-
workflow
-
wrench
-
wrenches
-
year
-
zoom-100
-
zoom-fit
-
zoom-in
-
zoom-out
-
zoom-to
System Icons Definitions
Every IDS system icon has a specific and unique purpose. When selecting an icon, we encourage you to refer to these definitions to help improve usability, streamline navigation, and drive consistency across the CloudSuites.
Navigation
Navigating an application or page, including menu, search, and moving between pages.
Icon | Name | Use for |
---|---|---|
![]() | grid | Switching applications exclusive to Infor OS Portal. (Also known as bento.) |
![]() | menu | Opening navigation to different pages or modules so the user can access their workflows. (Also known as hamburger menu.) |
![]() | vertical-ellipsis | Revealing additional or overflow actions that apply to the entire page, card, widget, or view. (Also known as kebab menu.) |
![]() | more | Revealing additional or overflow actions or options within specific individual items in a list or table. (Also known as meatball menu.) |
![]() | search | Finding and filtering content in lists, tables, or databases. |
![]() | drag | Moving or reordering items by dragging them to new positions. |
Operations
Common actions like add, edit, delete, refresh, and search. They support user interaction and ensure consistency across the interface.
Icon | Name | Use for |
---|---|---|
![]() | add | Creating new items or adding content to lists and forms. Commonly used to let the user initiate actions like “Add record”, “Create new”, or “Insert item”. |
![]() | minus | Removing items, reducing quantities, or collapsing sections of content. |
![]() | edit | Modifying existing content in forms, tables, or detail views. |
![]() | delete | Removing items with confirmation to prevent mistakes. |
![]() | copy | Duplicating text, links, or data to the clipboard. |
![]() | paste | Inserting previously copied content from the clipboard. Streamlines data entry. |
![]() | download | Saving files or data from the system to the user’s device, commonly used in tables, toolbars, and export actions. |
![]() | upload | Adding files or data from the user’s device to the system. |
![]() | refresh | Reloading or updating data to show the latest information. |
![]() | cog | Accessing configuration options and user preferences. |
![]() | Creating hard copies of reports, records, or documents. | |
![]() | save | Storing user changes after editing or completing forms. |
![]() | launch | Opening external links or applications in new windows. |
![]() | link | Creating connections between content or sharing URLs. |
![]() | unlink | Removing connections or breaking links between content. |
![]() | locked | Securing content or indicating that something is private or restricted. |
![]() | unlocked | Indicating that content is unrestricted. |
![]() | map-pin | Showing locations or marking places on maps. |
![]() | archives | Storing old files or moving items out of active use. |
![]() | star | Marking favorites or highlighting important items. |
![]() | url | Web-related features or international or global content. |
![]() | translate | Changing text from one language to another. |
![]() | thumbs-up | Liking, approving, or giving positive feedback. |
![]() | thumbs-down | Disliking, rejecting, or giving negative feedback. |
Communications
Messaging, conversations, or communication features. They’re commonly used for support or collaboration functions.
Icon | Name | Use for |
---|---|---|
![]() | Displaying email addresses or indicating messaging functionality. | |
![]() | inbox | Viewing received messages or notifications. |
Status
Indicate the condition or state of an element, such as success, warning, error, or information. They provide quick visual feedback to help the user understand what needs attention or confirmation.
Icon | Name | Use for |
---|---|---|
![]() | confirm | Accepting actions or showing successful completion. |
![]() | rejected-outline | Rejecting actions or showing unsuccessful states. |
![]() | alert | Showing caution warnings where the user can proceed but should be aware of potential issues. |
![]() | help | Accessing support, documentation, or assistance features. |
![]() | info | Displaying additional details or flagging informational items in data grids. |
![]() | error | Showing critical alerts, problems, and warnings that need immediate action or for flagging issues in data grids. |
![]() | notification | Alerting the user to new messages or system updates. |
![]() | snooze | Temporarily dismissing alerts or delaying notifications. |
File
Indicate different kinds of files, file formats, or file structures within an application. They help the user recognize and navigate content more efficiently.
Icon | Name | Use for |
---|---|---|
![]() | document | Viewing or accessing files and documents. |
![]() | new-document | Creating new files or starting fresh documents. |
![]() | print-preview | Quick viewing or previewing document content. |
![]() | folder | Accessing files within folders or indicating folder structures. |
![]() | folder-add-alt | Creating new folders or adding items to existing folders. |
![]() | notes | Creating or accessing text notes. |
![]() | report | Viewing report catalogs, journals, and logs. |
![]() | export-spreadsheet | Downloading data in spreadsheet format. |
![]() | import-spreadsheet | Uploading spreadsheet files into the system. |
![]() | insert-image | Uploading, viewing, or working with pictures and photos. |
People
Represent roles, groups, and user-related interactions. They support interfaces involving profiles, teams, accounts, and access.
Icon | Name | Use for |
---|---|---|
![]() | user | Representing people or accessing user-related functions. |
![]() | user-profile | Viewing or editing personal account information and settings. |
Time
Represent concepts related to time, such as clocks, calendars, schedules, timestamps, and durations. They’re used to support features like datepickers, event logs, reminders, and time-based filters.
Icon | Name | Use for |
---|---|---|
![]() | calendar | Selecting dates, scheduling events, setting reminders, or viewing timelines. |
![]() | clock | Showing time, setting time-based reminders or deadlines, or indicating timestamps (such as “last updated” or “scheduled time”). |
Formatting
Editing and formatting content, including text styling (such as bold, italic, or lists) and editor actions (such as insert image, link, or undo). They support content creation tools across the interface.
Icon | Name | Use for |
---|---|---|
![]() | fore-color | Changing the text or font color. |
![]() | back-color | Changing the background color. |
![]() | bold | Making text bold. |
![]() | italic | Italicizing text. |
![]() | strike-through | Strikethrough text. |
![]() | underline | Underlining text. |
![]() | number-list | Creating numbered lists with sequential ordering. |
![]() | bullet-list | Creating unordered lists with bullet points. |
![]() | clear-formatting | Removing all formatting and returning text to default style. |
![]() | h3 | Applying heading level 3 formatting to text. |
![]() | h4 | Applying heading level 4 formatting to text. |
![]() | html | Switching to either view or edit the HTML code. |
![]() | visual | Switching back to visual text editor mode after HTML mode. |
OS Portal
Used exclusively within the Infor OS Portal Masthead and Smart Panel components. They’re dedicated for this context. Don’t use them in other areas of the interface.
Icon | Name | Use for |
---|---|---|
![]() | home | Navigating to the main dashboard or starting page. |
![]() | widgets-smart-panel | Managing dashboard widgets. |
![]() | coleman-smart-panel | Accessing Coleman-specific features. |
![]() | inbox-smart-panel | Viewing messages and notifications. |
![]() | inbox-badge-smart-panel | Showing inbox notifications. |
![]() | smart-help-smart-panel | Accessing help and support features. |
![]() | smart-panel-closed | Indicating a hidden or collapsed panel and enabling toggling to reveal it. |
![]() | smart-panel-opened | Indicating an expanded panel and enabling toggling to hide it. |
![]() | genai-chat-smartpanel-solid | AI chat features. |
![]() | genai-industrial-smartpanel-solid | Industry AI features. |
GenAI
Represent features powered by Infor GenAI, such as smart assistance, content generation, summarization, and automation. These icons help the user identify where generative AI can enhance their workflow.
Icon | Name | Use case |
---|---|---|
![]() | genai-translate | Content can be translated into different languages. |
![]() | genai-text-generator | Create original written content from user prompts. |
![]() | genai-number-list | Create ordered lists with sequential numbering. |
![]() | genai-bullet-list | Create unordered lists with bullet points. |
![]() | genai-mail | Compose professional emails and correspondence. |
![]() | genai-report | Generate formal documents and business reports. |
![]() | genai-expense-report | Compile data into formal documents and analytics summaries. |
![]() | genai-ids-notes | Create structured notes or documentation from user inputs. |
![]() | genai-ids-open-book | Compile data into formal documents and analytics summaries. |
![]() | genai-pie-chart | Create data visualizations and charts. |
![]() | genai-bar-chart | Create data visualizations and charts. |
![]() | genai-line-chart | Create data visualizations and charts. |
![]() | genai-search | Search and find relevant information. |
![]() | genai-summarize | Condense content into brief summaries. |
![]() | genai | General AI capabilities when no specific icon exists. |
![]() | genai-chat-smartpanel | AI chat features. |
![]() | genai-industrial-smartpanel | Industry AI features. |
Empty State Icons
Every IDS empty state icon has a specific and unique purpose. When selecting an icon, we encourage you to refer to these use cases and message examples to help improve usability, streamline navigation, and drive consistency across the CloudSuites.
General States
Icon | Name | Use for | Example empty state message |
---|---|---|---|
![]() | icon-empty-search-data-new | Search queries (database). | Header: No results found Supporting text (optional): Try a different keyword or check for typos |
![]() | icon-empty-no-notes-new | Representing content like spreadsheets or documents. | Header (option 1): No notes yet Header (option 2): No files to show Supporting text (optional): Create a new one or open an existing file |
![]() | icon-empty-no-users-new | Any tasks or content related to a user profile. | Header: No users yet Supporting text (optional): Add a new entry or import from a list |
![]() | icon-empty-no-analytics-new | Instances when the data to be fetched are KPI or metrics. | Header: No data to show Supporting text (optional): Check the data source or contact your IT administrator |
![]() | icon-empty-no-events-new | Any scheduled or calendar-related tasks. | Header: No upcoming events Button label (optional): Create new event |
![]() | icon-empty-no-image | Any image related to data or content. | Header: No image to show Button label (optional): Add an image |
![]() | icon-empty-no-search-result | Search queries (local). | Header: No results for %query% |
![]() | icon-empty-no-data-new | Generic scenarios where there’s no data to display. | Header: No files to show Supporting text (optional): Create a new one or open an existing file |
![]() | icon-empty-generic-alt | Non-specific, universal scenarios. | Header: Nothing to show here |
![]() | icon-empty-new-project-new | Creating new projects. | Header: No projects yet Supporting text (optional): Create a new one or open an existing project |
![]() | icon-empty-no-budget-new | Any tasks or data related to finance. | Header: No budget data to show Supporting text (optional): Create a new one or open an existing file |
Completion States
Icon | Name | Use for | Sample empty state message |
---|---|---|---|
![]() | icon-empty-no-tasks-new | Creation of new tasks. | Header: Task created Button label (optional): Add a new task |
![]() | icon-empty-no-orders-new | Scenarios involving requests. | Header (option 1): Request created Header (option 2): Request approved Button label (optional): Create a new request Button label (optional): Approve another request |
Error States
Icon | Name | Use for | Sample empty state message |
---|---|---|---|
![]() | icon-empty-no-alerts-new | Critical issues that prevent the user from proceeding. | Scenario: Deleting important files Header: Delete project Supporting text (optional): This action is permanent and cannot be recovered. Type “DELETE” to continue. |
![]() | icon-empty-error-loading-new | Non-critical issues where the user can still proceed but should review. | Scenario: Sending an announcement Header: Review details before sending |
![]() | icon-empty-generic-new | Non-specific purposes that can be universally utilized. | Header: No items found |