Coconut Design System v3.11.0
home Home

Icons

Material Symbols Outlined icon set with colored sidebar squares. Click any icon to copy its name.

Usage

How to use icons
<!-- Basic icon --> <span class="material-symbols-outlined">home</span> <!-- Sized icon --> <span class="material-symbols-outlined" style="font-size:20px;">settings</span> <!-- Colored sidebar icon square (28x28, 7px radius) --> <span class="sidebar-icon" style="background:#744F28;"> <span class="material-symbols-outlined">home</span> </span>

All Dashboard Icons

Click to copy icon name. 126 icons available.

home home
dashboard dashboard
group group
person person
manage_accounts manage_accounts
admin_panel_settings admin_panel_settings
settings settings
monitoring monitoring
notifications notifications
dark_mode dark_mode
light_mode light_mode
translate translate
logout logout
search search
add add
edit edit
delete delete
visibility visibility
visibility_off visibility_off
check_circle check_circle
error error
warning warning
info info
trending_up trending_up
trending_down trending_down
payments payments
timer timer
schedule schedule
speed speed
dns dns
storage storage
memory memory
cloud cloud
cloud_upload cloud_upload
cloud_download cloud_download
backup backup
restore restore
wifi wifi
signal_cellular_alt signal_cellular_alt
battery_full battery_full
router router
devices devices
computer computer
smartphone smartphone
lock lock
lock_open lock_open
key key
shield shield
security security
fingerprint fingerprint
vpn_key vpn_key
code code
terminal terminal
bug_report bug_report
build build
engineering engineering
science science
analytics analytics
bar_chart bar_chart
show_chart show_chart
pie_chart pie_chart
table_chart table_chart
grid_view grid_view
view_list view_list
filter_list filter_list
sort sort
refresh refresh
sync sync
download download
upload upload
save save
print print
share share
link link
content_copy content_copy
content_paste content_paste
attachment attachment
folder folder
description description
article article
receipt_long receipt_long
inventory_2 inventory_2
local_shipping local_shipping
store store
shopping_cart shopping_cart
credit_card credit_card
account_balance account_balance
qr_code qr_code
contactless contactless
nfc nfc
expand_more expand_more
expand_less expand_less
chevron_right chevron_right
chevron_left chevron_left
arrow_forward arrow_forward
arrow_back arrow_back
close close
menu menu
more_vert more_vert
more_horiz more_horiz
check check
add_circle add_circle
remove_circle remove_circle
star star
favorite favorite
bookmark bookmark
flag flag
label label
tag tag
palette palette
brush brush
auto_awesome auto_awesome
emoji_symbols emoji_symbols
widgets widgets
play_arrow play_arrow
pause pause
stop stop
volume_up volume_up
mic mic
videocam videocam
photo_camera photo_camera
troubleshoot troubleshoot
escalator_warning escalator_warning
swap_horiz swap_horiz
compare compare
checklist checklist