Iconography
The iconography we use in RDS simplifies user interaction with the system, as it allows elements to be more easily identified. Furthermore, it allows users to more easily understand the layout components, reducing the learning curve on the interface.
Recommendations
To better represent system icons, we recommend using icons with a size between 20 x 20 and 24 x 24 pixels.
For better understanding by the user, use icons already commonly adopted for the desired function. For example, a bell for notifications, a gear for settings, etc.
To make content clearer, use icons in conjunction with text whenever possible.
Icons
RDS implements a component-shaped wrapper for RDSIcons icons . Any maintenance or improvements must be made to the respective project and design kit in Figma and, if necessary, updated here.
Actions
plus-outline
minus-outline
x-outline
plus-circle-outline
minus-circle-outline
x-circle-outline
block-outline
power-outline
printer-outline
bookmark-outline
trash-outline
search-outline
upload-outline
download-outline
edit-outline
copy-outline
tag-outline
bullseye-outline
scope-outline
lifebuoy-outline
trophy-outline
loop-outline
Files & documents
document-outline
document-text-outline
document-texts-outline
clipboard-outline
clipboard-text-outline
folder-outline
folder-open-outline
briefcase-outline
layers-outline
subtask-outline
box-outline
package-outline
attachment-clip-outline
link-outline
upload-cloud-outline
download-cloud-outline
Notifications
notification-bell-outline
notification-bell-timer-outline
alert-outline
check-circle-outline
check-outline
info-outline
help-outline
warning-outline
mail-outline
checkbox-checked-outlined
flag-outline
sparks-outline
lamp-outline
lamp-on-outline
Menu & navigation
home-outline
dashboard-outline
grid-outline
list-outline
filter-outline
more-horizontal-outline
more-vertical-outline
reorder-outline
Arrows
arrow-up-circle-outline
arrow-down-circle-outline
arrow-right-circle-outline
arrow-left-circle-outline
caret-up-outline
caret-down-outline
caret-right-outline
caret-left-outline
open-in-new-tab-outline
logout-outline
login-outline
rotate-left-outline
rotate-right-outline
loading-right-outline
loading-left-outline
refresh-outline
arrow-left-outline
arrow-up-outline
arrow-right-outline
arrow-down-outline
swap-horizontal-arrows-outline
swap-vertical-arrows-outline
sort-ascending-duotone
sort-descending-duotone
expand-outline
minimize-outline
move-outline
undo-outline
rendo-outline
shuffle-outline
unfold-vertical-outline
unfold-horizontal-outline
Multimedia
translate-outline
play-outline
pause-outline
play-circle-outline
pause-circle-outline
stop-circle-outline
image-outline
videocam-outline
bolt-outline
open-book-outline
mouse-outline
monitor-outline
tv-outline
totem-outline
volume-1-outline
volume-2-outline
phone-outline
headphone-outline
headset-outline
Users
user-outline
user-remove-outline
user-add-outline
users-outline
Charts
trending-up-outline
trending-down-outline
pie-chart-outline
chart-column-outline
Settings
settings-outline
funnel-outline
sliders-outline
Location
map-pin-outline
map-outline
pin-outline
bed-outiline
building-outline
ticket-outline
moon-outline
sun-outline
Date & time
calendar-clear-outline
calendar-outline
clock-outline
history-outline
Security
visibility-on-outline
visibility-off-outline
lock-outline
unlock-outline
key-outline
shield-outline
shield-tick-outline
shield-alert-outline
radar-outline
Social
chatbubble-outline
chatbubbles-outline
trophy-outline
weight-outline
fire-outline
star-outline
Brands
github-logo-outline
gitlab-logo-outline
figma-logo-outline
framer-logo-outline
Health
medicine-outline
test-tube-outline
syringe-outline
tube-outline
sample-container-outline
stethoscope-outline
heart-rate-outline
ambulance-outline