アイコン／Icon
アイコンは視認性や認識性を高めるために用途を限定し、適切な文脈で使用します。
用途ごとのアイコンの分類します。
定義済みUIアイコン
-
add -
add-fill -
arrow-line_down -
arrow-line_down-fill -
arrow-line_left -
arrow-line_left-fill -
arrow-line_right -
arrow-line_right-fill -
arrow-line_up -
arrow-line_up-fill -
arrow_cross -
arrow_cross-fill -
arrow_down -
arrow_down-fill -
arrow_drop_down -
arrow_drop_up -
arrow_left -
arrow_left-fill -
arrow_right -
arrow_right-fill -
arrow_up -
arrow_up-fill -
attention -
attention-fill -
BrandFacebook -
BrandInstagram -
BrandLinkedin -
BrandX -
BrandYoutube -
calendar -
calendar-fill -
check -
check-fill -
checkbox-off -
checkbox-on -
chevron-line_left -
chevron-line_left-fill -
chevron-line_right -
chevron-line_right-fill -
chevron_down -
chevron_down-fill -
chevron_left -
chevron_left-fill -
chevron_right -
chevron_right-fill -
chevron_up -
chevron_up-fill -
clock -
clock-fill -
close -
close-fill -
complete -
complete-fill -
copy -
copy-fill -
display -
display-fill -
document_certificate -
document_certificate-fill -
download -
download-fill -
dummy -
dummy-fill -
edit -
edit-fill -
eye-open -
folder -
folder-fill -
heart -
heart-fill -
help -
help-fill -
history -
history-fill -
home -
home-fill -
idcard -
idcard-fill -
information -
information-fill -
invisible -
language -
language-fill -
location -
location-fill -
lock -
lock-fill -
mail -
mail-fill -
menu -
menu-fill -
more -
more-fill -
more_vert -
more_vert-fill -
new_window -
new_window-fill -
notification -
notification-fill -
pause -
pause-fill -
pdf -
pdf-fill -
person -
person-fill -
play -
play-fill -
printer -
printer-fill -
qr_code -
qr_code-fill -
radiobutton-off -
radiobutton-on -
search -
search-fill -
shield -
shield-fill -
smartphone -
smartphone-fill -
sticker_id -
sticker_id-fill -
subtract -
subtract-fill -
trash -
trash-fill -
update -
update-fill -
upload -
upload-fill -
yen -
yen-fill