1、字体图标

http://iconfont.cn/

用github账号登录：[email protected] 密码：iconfont2017

2、图标（备选）

/* 图标 START */
[class*=baie-icon_] {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
}

/* 橙色 */
.baie-icon_add-checked {
    background-image: url("../images/icons/default/icon_add_checked.png");
}
.baie-icon_address {
    background-image: url("../images/icons/default/icon_address.png");
}
.baie-icon_back {
    background-image: url("../images/icons/default/icon_back.png");
}
.baie-icon_cart {
    background-image: url("../images/icons/default/icon_cart.png");
}
.baie-icon_cart-active {
    background-image: url("../images/icons/default/icon_cart_active.png");
}
.baie-icon_checked {
    background-image: url("../images/icons/default/icon_checked.png");
}
.baie-icon_checked-delete {
    background-image: url("../images/icons/default/icon_checked_delete.png");
}
.baie-icon_choose {
    background-image: url("../images/icons/default/icon_choose.png");
}
.baie-icon_close {
    background-image: url("../images/icons/default/icon_close.png");
}
.baie-icon_collect {
    background-image: url("../images/icons/default/icon_collect.png");
}
.baie-icon_complete {
    background-image: url("../images/icons/default/icon_complete.png");
}
.baie-icon_delete {
    background-image: url("../images/icons/default/icon_delete.png");
}
.baie-icon_detail {
    background-image: url("../images/icons/default/icon_detail.png");
}
.baie-icon_download {
    background-image: url("../images/icons/default/icon_download.png");
}
.baie-icon_edit {
    background-image: url("../images/icons/default/icon_edit.png");
}
.baie-icon_explain {
    background-image: url("../images/icons/default/icon_explain.png");
}
.baie-icon_help {
    background-image: url("../images/icons/default/icon_help.png");
}
.baie-icon_hot {
    background-image: url("../images/icons/default/icon_hot.png");
}
.baie-icon_instruction {
    background-image: url("../images/icons/default/icon_instruction.png");
}
.baie-icon_loading {
    background-image: url("../images/icons/default/icon_loading.png");
}
.baie-icon_logistics {
    background-image: url("../images/icons/default/icon_logistics.png");
}
.baie-icon_mall {
    background-image: url("../images/icons/default/icon_mall.png");
}
.baie-icon_mall-active {
    background-image: url("../images/icons/default/icon_mall_active.png");
}
.baie-icon_my {
    background-image: url("../images/icons/default/icon_my.png");
}
.baie-icon_news {
    background-image: url("../images/icons/default/icon_news.png");
}
.baie-icon_people {
    background-image: url("../images/icons/default/icon_people.png");
}
.baie-icon_personal {
    background-image: url("../images/icons/default/icon_personal.png");
}
.baie-icon_personal-active {
    background-image: url("../images/icons/default/icon_personal_active.png");
}
.baie-icon_phone {
    background-image: url("../images/icons/default/icon_phone.png");
}
.baie-icon_prompt {
    background-image: url("../images/icons/default/icon_prompt.png");
}
.baie-icon_chevron-up {
    background-image: url("../images/icons/default/icon_chevron_up.png");
}
.baie-icon_chevron-down {
    background-image: url("../images/icons/default/icon_chevron_down.png");
}
.baie-icon_chevron-left {
    background-image: url("../images/icons/default/icon_chevron_left.png");
}
.baie-icon_chevron-right {
    background-image: url("../images/icons/default/icon_chevron_right.png");
}
.baie-icon_rotate {
    background-image: url("../images/icons/default/icon_rotate.png");
}
.baie-icon_search {
    background-image: url("../images/icons/default/icon_search.png");
}
.baie-icon_settings {
    background-image: url("../images/icons/default/icon_settings.png");
}
.baie-icon_upload {
    background-image: url("../images/icons/default/icon_upload.png");
}
.baie-icon_wallet {
    background-image: url("../images/icons/default/icon_wallet.png");
}
.baie-icon_warn {
    background-image: url("../images/icons/default/icon_warn.png");
}
.baie-icon_website_active {
    background-image: url("../images/icons/default/icon_website_active.png");
}

/* 黑色 */
.baie-icon_add-checked_b {
    background-image: url("../images/icons/black/icon_add_checked.png");
}
.baie-icon_address_b {
    background-image: url("../images/icons/black/icon_address.png");
}
.baie-icon_back_b {
    background-image: url("../images/icons/black/icon_back.png");
}
.baie-icon_cart_b {
    background-image: url("../images/icons/black/icon_cart.png");
}
.baie-icon_cart-active_b {
    background-image: url("../images/icons/black/icon_cart_active.png");
}
.baie-icon_checked_b {
    background-image: url("../images/icons/black/icon_checked.png");
}
.baie-icon_checked-delete_b {
    background-image: url("../images/icons/black/icon_checked_delete.png");
}
.baie-icon_choose_b {
    background-image: url("../images/icons/black/icon_choose.png");
}
.baie-icon_close_b {
    background-image: url("../images/icons/black/icon_close.png");
}
.baie-icon_collect_b {
    background-image: url("../images/icons/black/icon_collect.png");
}
.baie-icon_complete_b {
    background-image: url("../images/icons/black/icon_complete.png");
}
.baie-icon_delete_b {
    background-image: url("../images/icons/black/icon_delete.png");
}
.baie-icon_detail_b {
    background-image: url("../images/icons/black/icon_detail.png");
}
.baie-icon_download_b {
    background-image: url("../images/icons/black/icon_download.png");
}
.baie-icon_edit_b {
    background-image: url("../images/icons/black/icon_edit.png");
}
.baie-icon_explain_b {
    background-image: url("../images/icons/black/icon_explain.png");
}
.baie-icon_help_b {
    background-image: url("../images/icons/black/icon_help.png");
}
.baie-icon_hot_b {
    background-image: url("../images/icons/black/icon_hot.png");
}
.baie-icon_instruction_b {
    background-image: url("../images/icons/black/icon_instruction.png");
}
.baie-icon_loading_b {
    background-image: url("../images/icons/black/icon_loading.png");
}
.baie-icon_logistics_b {
    background-image: url("../images/icons/black/icon_logistics.png");
}
.baie-icon_mall_b {
    background-image: url("../images/icons/black/icon_mall.png");
}
.baie-icon_mall-active_b {
    background-image: url("../images/icons/black/icon_mall_active.png");
}
.baie-icon_my_b {
    background-image: url("../images/icons/black/icon_my.png");
}
.baie-icon_news_b {
    background-image: url("../images/icons/black/icon_news.png");
}
.baie-icon_people_b {
    background-image: url("../images/icons/black/icon_people.png");
}
.baie-icon_personal_b {
    background-image: url("../images/icons/black/icon_personal.png");
}
.baie-icon_personal-active_b {
    background-image: url("../images/icons/black/icon_personal_active.png");
}
.baie-icon_phone_b {
    background-image: url("../images/icons/black/icon_phone.png");
}
.baie-icon_prompt_b {
    background-image: url("../images/icons/black/icon_prompt.png");
}
.baie-icon_chevron-up_b {
    background-image: url("../images/icons/black/icon_chevron_up.png");
}
.baie-icon_chevron-down_b {
    background-image: url("../images/icons/black/icon_chevron_down.png");
}
.baie-icon_chevron-left_b {
    background-image: url("../images/icons/black/icon_chevron_left.png");
}
.baie-icon_chevron-right_b {
    background-image: url("../images/icons/black/icon_chevron_right.png");
}
.baie-icon_rotate_b {
    background-image: url("../images/icons/black/icon_rotate.png");
}
.baie-icon_search_b {
    background-image: url("../images/icons/black/icon_search.png");
}
.baie-icon_settings_b {
    background-image: url("../images/icons/black/icon_settings.png");
}
.baie-icon_upload_b {
    background-image: url("../images/icons/black/icon_upload.png");
}
.baie-icon_wallet_b {
    background-image: url("../images/icons/black/icon_wallet.png");
}
.baie-icon_warn_b {
    background-image: url("../images/icons/black/icon_warn.png");
}
.baie-icon_website_active_b {
    background-image: url("../images/icons/black/icon_website_active.png");
}

/* 白色 */
.baie-icon_add-checked_w {
    background-image: url("../images/icons/white/icon_add_checked.png");
}
.baie-icon_address_w {
    background-image: url("../images/icons/white/icon_address.png");
}
.baie-icon_back_w {
    background-image: url("../images/icons/white/icon_back.png");
}
.baie-icon_cart_w {
    background-image: url("../images/icons/white/icon_cart.png");
}
.baie-icon_cart-active_w {
    background-image: url("../images/icons/white/icon_cart_active.png");
}
.baie-icon_checked_w {
    background-image: url("../images/icons/white/icon_checked.png");
}
.baie-icon_checked-delete_w {
    background-image: url("../images/icons/white/icon_checked_delete.png");
}
.baie-icon_choose_w {
    background-image: url("../images/icons/white/icon_choose.png");
}
.baie-icon_close_w {
    background-image: url("../images/icons/white/icon_close.png");
}
.baie-icon_collect_w {
    background-image: url("../images/icons/white/icon_collect.png");
}
.baie-icon_complete_w {
    background-image: url("../images/icons/white/icon_complete.png");
}
.baie-icon_delete_w {
    background-image: url("../images/icons/white/icon_delete.png");
}
.baie-icon_detail_w {
    background-image: url("../images/icons/white/icon_detail.png");
}
.baie-icon_download_w {
    background-image: url("../images/icons/white/icon_download.png");
}
.baie-icon_edit_w {
    background-image: url("../images/icons/white/icon_edit.png");
}
.baie-icon_explain_w {
    background-image: url("../images/icons/white/icon_explain.png");
}
.baie-icon_help_w {
    background-image: url("../images/icons/white/icon_help.png");
}
.baie-icon_hot_w {
    background-image: url("../images/icons/white/icon_hot.png");
}
.baie-icon_instruction_w {
    background-image: url("../images/icons/white/icon_instruction.png");
}
.baie-icon_loading_w {
    background-image: url("../images/icons/white/icon_loading.png");
}
.baie-icon_logistics_w {
    background-image: url("../images/icons/white/icon_logistics.png");
}
.baie-icon_mall_w {
    background-image: url("../images/icons/white/icon_mall.png");
}
.baie-icon_mall-active_w {
    background-image: url("../images/icons/white/icon_mall_active.png");
}
.baie-icon_my_w {
    background-image: url("../images/icons/white/icon_my.png");
}
.baie-icon_news_w {
    background-image: url("../images/icons/white/icon_news.png");
}
.baie-icon_people_w {
    background-image: url("../images/icons/white/icon_people.png");
}
.baie-icon_personal_w {
    background-image: url("../images/icons/white/icon_personal.png");
}
.baie-icon_personal-active_w {
    background-image: url("../images/icons/white/icon_personal_active.png");
}
.baie-icon_phone_w {
    background-image: url("../images/icons/white/icon_phone.png");
}
.baie-icon_prompt_w {
    background-image: url("../images/icons/white/icon_prompt.png");
}
.baie-icon_chevron-up_w {
    background-image: url("../images/icons/white/icon_chevron_up.png");
}
.baie-icon_chevron-down_w {
    background-image: url("../images/icons/white/icon_chevron_down.png");
}
.baie-icon_chevron-left_w {
    background-image: url("../images/icons/white/icon_chevron_left.png");
}
.baie-icon_chevron-right_w {
    background-image: url("../images/icons/white/icon_chevron_right.png");
}
.baie-icon_rotate_w {
    background-image: url("../images/icons/white/icon_rotate.png");
}
.baie-icon_search_w {
    background-image: url("../images/icons/white/icon_search.png");
}
.baie-icon_settings_w {
    background-image: url("../images/icons/white/icon_settings.png");
}
.baie-icon_upload_w {
    background-image: url("../images/icons/white/icon_upload.png");
}
.baie-icon_wallet_w {
    background-image: url("../images/icons/white/icon_collect.png");
}
.baie-icon_warn_w {
    background-image: url("../images/icons/white/icon_warn.png");
}
.baie-icon_website_active_w {
    background-image: url("../images/icons/white/icon_website_active.png");
}
/* 图标 END */