Back
Icons

Framework7 comes with the premium and free Framework7 Icons iOS-icons font developed specially to be used with iOS theme of Framework7. As for Material theme we recommend to use great-designed Material Icons font. Both of these fonts use a typographic feature called ligatures. It’s easy to incorporate icons into your app. Here’s a small example:

`<i class="f7-icons">home</i>` - home

Ligatures allow rendering of an icon glyph simply by using its textual name. The replacement is done automatically by the web browser and provides more readable code than the equivalent numeric character reference.

With ligatures it is also possible to combine icons like:

`<i class="f7-icons">person<sup>add</sup></i>` - personadd

iOS Icons Set (256)
add
add
add_round
add_round
add_round_fill
add_round_fill
alarm
alarm
alarm_fill
alarm_fill
albums
albums
albums_fill
albums_fill
arrow_down
arrow_down
arrow_down_fill
arrow_down_fill
arrow_left
arrow_left
arrow_left_fill
arrow_left_fill
arrow_right
arrow_right
arrow_right_fill
arrow_right_fill
arrow_up
arrow_up
arrow_up_fill
arrow_up_fill
at
at
at_fill
at_fill
bag
bag
bag_fill
bag_fill
bars
bars
bell
bell
bell_fill
bell_fill
bolt
bolt
bolt_fill
bolt_fill
bolt_round
bolt_round
bolt_round_fill
bolt_round_fill
book
book
book_fill
book_fill
bookmark
bookmark
bookmark_fill
bookmark_fill
box
box
box_fill
box_fill
briefcase
briefcase
briefcase_fill
briefcase_fill
calendar
calendar
calendar_fill
calendar_fill
camera
camera
camera_fill
camera_fill
card
card
card_fill
card_fill
chat
chat
chat_fill
chat_fill
chats
chats
chats_fill
chats_fill
check
check
check_round
check_round
check_round_fill
check_round_fill
chevron_down
chevron_down
chevron_left
chevron_left
chevron_right
chevron_right
chevron_up
chevron_up
circle
circle
circle_fill
circle_fill
circle_half
circle_half
close
close
close_round
close_round
close_round_fill
close_round_fill
cloud
cloud
cloud_download
cloud_download
cloud_download_fill
cloud_download_fill
cloud_fill
cloud_fill
cloud_upload
cloud_upload
cloud_upload_fill
cloud_upload_fill
collection
collection
collection_fill
collection_fill
compass
compass
compass_fill
compass_fill
compose
compose
compose_fill
compose_fill
data
data
data_fill
data_fill
delete
delete
delete_round
delete_round
delete_round_fill
delete_round_fill
document
document
document_fill
document_fill
document_text
document_text
document_text_fill
document_text_fill
down
down
download
download
download_fill
download_fill
download_round
download_round
download_round_fill
download_round_fill
drawer
drawer
drawer_fill
drawer_fill
drawers
drawers
drawers_fill
drawers_fill
email
email
email_fill
email_fill
eye
eye
eye_fill
eye_fill
fastforward
fastforward
fastforward_fill
fastforward_fill
fastforward_round
fastforward_round
fastforward_round_fill
fastforward_round_fill
favorites
favorites
favorites_fill
favorites_fill
film
film
film_fill
film_fill
filter
filter
filter-fill
filter-fill
flag
flag
flag_fill
flag_fill
folder
folder
folder_fill
folder_fill
forward
forward
forward_fill
forward_fill
gear
gear
gear_fill
gear_fill
graph_round
graph_round
graph_round_fill
graph_round_fill
graph_square
graph_square
graph_square_fill
graph_square_fill
heart
heart
heart_fill
heart_fill
help
help
help_fill
help_fill
home
home
home_fill
home_fill
images
images
images_fill
images_fill
info
info
info_fill
info_fill
keyboard
keyboard
keyboard_fill
keyboard_fill
layers
layers
layers_fill
layers_fill
left
left
list
list
list_fill
list_fill
lock
lock
lock_fill
lock_fill
login
login
login_fill
login_fill
logout
logout
logout_fill
logout_fill
menu
menu
mic
mic
mic_fill
mic_fill
money_dollar
money_dollar
money_dollar_fill
money_dollar_fill
money_euro
money_euro
money_euro_fill
money_euro_fill
money_pound
money_pound
money_pound_fill
money_pound_fill
money_rubl
money_rubl
money_rubl_fill
money_rubl_fill
money_yen
money_yen
money_yen_fill
money_yen_fill
more
more
more_round
more_round
more_round_fill
more_round_fill
more_vertical
more_vertical
more_vertical_round
more_vertical_round
more_vertical_round_fill
more_vertical_round_fill
navigation
navigation
navigation_fill
navigation_fill
paper_plane
paper_plane
paper_plane_fill
paper_plane_fill
pause
pause
pause_fill
pause_fill
pause_round
pause_round
pause_round_fill
pause_round_fill
person
person
person_fill
person_fill
persons
persons
persons_fill
persons_fill
phone
phone
phone_fill
phone_fill
phone_round
phone_round
phone_round_fill
phone_round_fill
photos
photos
photos_fill
photos_fill
pie
pie
pie_fill
pie_fill
play
play
play_fill
play_fill
play_round
play_round
play_round_fill
play_round_fill
radio
radio
redo
redo
refresh
refresh
refresh_round
refresh_round
refresh_round_fill
refresh_round_fill
reload
reload
reload_round
reload_round
reload_round_fill
reload_round_fill
reply
reply
reply_fill
reply_fill
rewind
rewind
rewind_fill
rewind_fill
rewind_round
rewind_round
rewind_round_fill
rewind_round_fill
right
right
search
search
search_strong
search_strong
settings
settings
settings_fill
settings_fill
share
share
share_fill
share_fill
social_facebook
social_facebook
social_facebook_fill
social_facebook_fill
social_github
social_github
social_github_fill
social_github_fill
social_googleplus
social_googleplus
social_instagram
social_instagram
social_instagram_fill
social_instagram_fill
social_linkedin
social_linkedin
social_linkedin_fill
social_linkedin_fill
social_rss
social_rss
social_rss_fill
social_rss_fill
social_twitter
social_twitter
social_twitter_fill
social_twitter_fill
sort
sort
sort_fill
sort_fill
star
star
star_fill
star_fill
star_half
star_half
stopwatch
stopwatch
stopwatch_fill
stopwatch_fill
tabs
tabs
tabs_fill
tabs_fill
tags
tags
tags_fill
tags_fill
tape
tape
tape_fill
tape_fill
ticket
ticket
ticket_fill
ticket_fill
time
time
time_fill
time_fill
timer
timer
timer_fill
timer_fill
today
today
today_fill
today_fill
trash
trash
trash_fill
trash_fill
tune
tune
tune_fill
tune_fill
undo
undo
unlock
unlock
unlock_fill
unlock_fill
up
up
videocam
videocam
videocam_fill
videocam_fill
videocam_round
videocam_round
videocam_round_fill
videocam_round_fill
volume
volume
volume_fill
volume_fill
volume_low
volume_low
volume_low_fill
volume_low_fill
volume_mute
volume_mute
volume_mute_fill
volume_mute_fill
world
world
world_fill
world_fill
zoom_in
zoom_in
zoom_out
zoom_out