Menu California Design System

Icon

We include commonly used icons.

Basic usage

Use the <ca-icon> element to add icons to your designs.

<ca-icon name="mail"></ca-icon>

icon list

Here are all the included icons.

bear-menu
pancakes-menu
youtube
twitter-x
tiktok
linked-in
facebook
instagram
github
account
add
apps
back-ios
back
forward-ios
forward
attach-file
attach-money
check
check-circle
close
code
dark-mode
dehaze
download
error
exclamation
filter-alt-off
filter-alt
filter-list-off
filter-list
globe
info
info-circle
arrow-down
arrow-left
arrow-right
arrow-up
double-arrow-down
double-arrow-left
double-arrow-right
double-arrow-up
language
light-mode
login
logout
mail
comment
notification-add
notification-edit
notification-important
notification-active
notification-off
notification-circle
settings
shopping-cart
star
star-half