字体图标


可以将图标视为文字来修饰
默认字体图标演示
代码
<!--修改对应的class,可更换图标。不一定是 span 标签,也可以是 i 标签之类的-->
<span class="icon-home2"></span>

修改大小和颜色后的字体图标演示
代码
<!--修改对应的class,可更换图标。不一定是 span 标签,也可以是 i 标签之类的-->
<span class="icon-home2" style="font-size:50px;color:red;"></span>

本框架内置字体图标库

  • icon-plus

  • icon-minus

  • icon-check2

  • icon-close2

  • icon-remove

  • icon-times

  • icon-lock2

  • icon-chevron-circle-left

  • icon-chevron-circle-right

  • icon-chevron-circle-up

  • icon-chevron-circle-down

  • icon-moon-o

  • icon-line-chart

  • icon-area-chart

  • icon-bar-chart

  • icon-bar-chart-o

  • icon-wechat

  • icon-weixin

  • icon-qq

  • icon-paper-plane-o

  • icon-paper-plane

  • icon-recycle

  • icon-caret-right

  • icon-caret-left

  • icon-caret-up

  • icon-caret-down

  • icon-magic

  • icon-floppy-o

  • icon-chain-broken

  • icon-unlink

  • icon-chain

  • icon-link

  • icon-group

  • icon-users

  • icon-filter

  • icon-thumbs-o-down

  • icon-thumbs-o-up

  • icon-thumbs-down

  • icon-thumbs-up

  • icon-cogs

  • icon-gears

  • icon-chevron-right

  • icon-chevron-left

  • icon-chevron-down

  • icon-chevron-up

  • icon-step-forward

  • icon-step-backward

  • icon-book

  • icon-tags

  • icon-signal

  • icon-user-o

  • icon-user-circle-o

  • icon-user-circle

  • icon-user-plus

  • icon-user

  • icon-print

  • icon-trash-o

  • icon-commenting-o

  • icon-commenting

  • icon-comments-o

  • icon-comment-o

  • icon-reload1

  • icon-flag

  • icon-barbell

  • icon-atom

  • icon-grid

  • icon-sun

  • icon-filter2

  • icon-eye-off

  • icon-eye

  • icon-home

  • icon-trash-2

  • icon-trash

  • icon-edit-2

  • icon-search

  • icon-zoom-out

  • icon-zoom-in

  • icon-video-off

  • icon-video

  • icon-access_alarms

  • icon-schedule

  • icon-add2

  • icon-alarm_add

  • icon-add_box

  • icon-add_circle

  • icon-control_point

  • icon-add_shopping_cart

  • icon-arrow_back

  • icon-arrow_downward

  • icon-arrow_forward

  • icon-arrow_upward

  • icon-attach_file

  • icon-audiotrack

  • icon-autorenew

  • icon-cloud_upload

  • icon-beenhere

  • icon-turned_in

  • icon-turned_in_not

  • icon-build

  • icon-cached

  • icon-call_to_action

  • icon-camera2

  • icon-cancel

  • icon-cast

  • icon-chat3

  • icon-chat_bubble

  • icon-chat_bubble_outline

  • icon-check

  • icon-chrome_reader_mode

  • icon-close

  • icon-cloud_download

  • icon-palette

  • icon-colorize

  • icon-laptop

  • icon-content_paste

  • icon-copyright

  • icon-device_hub

  • icon-remove_circle

  • icon-expand_less

  • icon-expand_more

  • icon-fast_forward

  • icon-fast_rewind

  • icon-favorite

  • icon-favorite_border

  • icon-fingerprint

  • icon-gavel

  • icon-star

  • icon-group_work

  • icon-hd

  • icon-headset

  • icon-headset_mic

  • icon-lock

  • icon-import_contacts

  • icon-indeterminate_check_box

  • icon-keyboard_arrow_down

  • icon-keyboard_arrow_left

  • icon-keyboard_arrow_right

  • icon-keyboard_arrow_up

  • icon-language

  • icon-laptop_chromebook

  • icon-local_airport

  • icon-local_offer

  • icon-local_parking

  • icon-local_taxi

  • icon-sync

  • icon-mail_outline

  • icon-mic_none

  • icon-no_encryption

  • icon-notifications

  • icon-notifications_active

  • icon-notifications_none

  • icon-notifications_off

  • icon-power_settings_new

  • icon-refresh

  • icon-remove_circle_outline

  • icon-remove_shopping_cart

  • icon-school

  • icon-security

  • icon-share

  • icon-signal_cellular_4_bar

  • icon-signal_cellular_null

  • icon-signal_cellular_off

  • icon-signal_wifi_4_bar

  • icon-signal_wifi_4_bar_lock

  • icon-signal_wifi_off

  • icon-slow_motion_video

  • icon-star_border

  • icon-star_half

  • icon-stars

  • icon-stop

  • icon-storage

  • icon-timer

  • icon-tv

  • icon-update

  • icon-verified_user

  • icon-videocam

  • icon-videocam_off

  • icon-volume_down

  • icon-volume_mute

  • icon-volume_off

  • icon-volume_up

  • icon-vpn_key

  • icon-fiber_manual_record

  • icon-chevron-small-up

  • icon-flow-branch

  • icon-layers

  • icon-adjust

  • icon-air

  • icon-circular-graph

  • icon-compass

  • icon-cw

  • icon-drop

  • icon-email3

  • icon-log-out

  • icon-stopwatch

  • icon-forward

  • icon-warning

  • icon-block

  • icon-chart-pie

  • icon-chart-bar

  • icon-chart

  • icon-save-disk

  • icon-explore

  • icon-block2

  • icon-film2

  • icon-cog

  • icon-gear

  • icon-settings

  • icon-generate

  • icon-make

  • icon-options

  • icon-document-alt-fill

  • icon-mail2

  • icon-contact2

  • icon-email2

  • icon-arrow-down-alt1

  • icon-download

  • icon-arrow-up-alt1

  • icon-upload

  • icon-arrow-right-alt1

  • icon-right

  • icon-next

  • icon-arrow-left-alt1

  • icon-left

  • icon-previous

  • icon-rss-alt

  • icon-feed

  • icon-broadcast

  • icon-call

  • icon-talk2

  • icon-communicate

  • icon-collect

  • icon-work

  • icon-pack

  • icon-grab

  • icon-travel

  • icon-select

  • icon-fill

  • icon-home2

  • icon-image

  • icon-images

  • icon-camera

  • icon-film

  • icon-file-empty

  • icon-files-empty

  • icon-file-text2

  • icon-folder

  • icon-folder-open

  • icon-calendar

  • icon-spinner11

  • icon-key

  • icon-equalizer

  • icon-cog2

  • icon-cogs2

  • icon-pie-chart

  • icon-stats-dots

  • icon-stats-bars

  • icon-stats-bars2

  • icon-fire

  • icon-earth

  • icon-checkmark2

  • icon-volume-high

  • icon-volume-medium

  • icon-volume-low

  • icon-volume-mute

  • icon-volume-mute2

  • icon-volume-increase

  • icon-volume-decrease

  • icon-google-drive

  • icon-libreoffice

  • icon-stats

  • icon-statistics

  • icon-decrease

  • icon-down

  • icon-stats2

  • icon-statistics2

  • icon-grow

  • icon-increase

  • icon-up

  • icon-envelope

  • icon-email

  • icon-mail

  • icon-letter

  • icon-contact

  • icon-profile

  • icon-card

  • icon-id

  • icon-vcard

  • icon-retweet

  • icon-arrows

  • icon-loop

  • icon-reload

  • icon-locked

  • icon-comments

  • icon-bubbles

  • icon-chat

  • icon-talk

  • icon-chat2

  • icon-comments2

  • icon-bubble

  • icon-talk3