Ikoner
KVIB bruker font-ikoner fra Google Material Design. Vi anbefaler å bruke outlined ikoner, og disse er inkludert i KVIB. Listen under viser ikonene som er anbefalt av KVIB-teamet, men alle ikoner fra google material fonten er tilgjengelige for bruk via KVIB.
Vi har følgende regler for bruk av ikoner:
- Ikoner bør hovedsakelig være outlined, og hentes ut av Google Material
- Ikonets farge må ha god nok kontrast til bakgrunnen
- Noen av ikonene skal ha fyll. Se eksempelbruk
- Små og ekstra små flater (Dashboard, kart og mobil) skal ha bredde og høyde på 1.25 rem. Tablet og desktop kan bruke 1.5 rem.
Devices
tablet_mac
tablet_mac
space_dashboard
space_dashboard
phone_iphone
phone_iphone
laptop_mac
laptop_mac
Advarsel
warning
warning
error
error
info
info
Kart
map
map
pin_drop
pin_drop
pin_drop
pin_drop
view_in_ar
view_in_ar
layers
layers
layers_clear
layers_clear
zoom_in
zoom_in
zoom_out
zoom_out
location_searching
location_searching
Generelle ikoner
add
add
remove
remove
close
close
delete
delete
file_upload
file_upload
file_download
file_download
search
search
edit
edit
filter_list
filter_list
keyboard_return
keyboard_return
done
done
add_a_photo
add_a_photo
grade
grade
favorite
favorite
favorite
favorite
lock_open
lock_open
lock
lock
comment
comment
opacity
opacity
file_present
file_present
open_in_new
open_in_new
print
print
attach_file
attach_file
notifications
notifications
verified
verified
published_with_changes
published_with_ changes
reorder
reorder
description
description
calendar_today
calendar_today
shopping_cart
shopping_cart
history
history
schedule
schedule
cloud
cloud
accessible_forward
accessible_forward
savings
savings
person
person
person
person
visibility
visibility
visibility_off
visibility_off
cloud_upload
cloud_upload
pause
pause
Hus og bygg
home
home
home
home
domain
domain
emoji_transportation
emoji_ transportation
real_estate_agent
real_estate_agent
cabin
cabin
Navigasjon
chevron_right
chevron_right
chevron_left
chevron_left
expand_more
expand_more
expand_less
expand_less
arrow_downward
arrow_downward
Avsjekk
radio_button_checked
radio_button_ checked
radio_button_unchecked
radio_button_ unchecked
check_box_outline_blank
check_box_ outline_blank
check_box
check_box
Progress
pending
pending
pending
pending
check_circle
check_circle
check_circle
check_circle
timelapse
timelapse
cancel
cancel
pie_chart
pie_chart
priority_high
priority_high
Eksempelbruk
Dette ikonet har kun outline:
<span class="material-symbols-outlined">home</span>
Output:
homeDette ikonet har fyll:
<span class="material-symbols-outlined material-symbols-outlined--filled">home</span>
Output:
home