Menu

如意宝icon图标库及使用流程

如意宝 2023-10-20 15:41:28

图标使用流程
  • skype
    #icon-skype
  • 翻译
    #icon-fanyi
  • 翻译
    #icon-tubiao-fanyi
  • address-book
    #icon-address-book
  • address-card
    #icon-address-card
  • th
    #icon-th
  • th-large
    #icon-th-large
  • th-list
    #icon-th-list
  • wifi
    #icon-wifi
  • facebook
    #icon-facebook
  • facebook-f
    #icon-facebook-f
  • internet-explorer
    #icon-internet-explorer
  • itunes-note
    #icon-itunes-note
  • js
    #icon-js
  • linkedin
    #icon-linkedin
  • linkedin-in
    #icon-linkedin-in
  • whatsapp
    #icon-whatsapp1
  • whatsapp
    #icon-whatsapp2
  • social-fb-simple
    #icon-social-fb-simple
  • social-twitter
    #icon-social-twitter
  • 小程序
    #icon-xiaochengxu
  • 小程序
    #icon-xiaochengxu1
  • weibo
    #icon-weibo
  • 举报
    #icon-jubao
  • 安全保障
    #icon-anquanbaozhang
  • 首页-置灰
    #icon-shouye-zhihui
  • 个人中心-置灰
    #icon-gerenzhongxin-zhihui
  • 签署协议
    #icon-qianshuxieyi
  • 关注-置灰
    #icon-guanzhu-zhihui
  • 提交验资
    #icon-tijiaoyanzi
  • 转入资金
    #icon-zhuanruzijin
  • 验资完成
    #icon-yanziwancheng
  • 分享
    #icon-fenxiang4
  • 定位
    #icon-dingwei
  • 编辑
    #icon-bianji
  • #icon-chuang
  • 停车场
    #icon-tingchechang
  • 休息室
    #icon-xiuxishi
  • 衣柜
    #icon-yigui
  • 休闲区
    #icon-xiuxianqu
  • 书桌
    #icon-shuzhuo
  • 智能门锁
    #icon-zhinengmensuo
  • 宽带
    #icon-kuandai
  • 前台
    #icon-qiantai
  • 书吧
    #icon-shuba
  • 洗衣房
    #icon-xiyifang
  • 空中花园
    #icon-kongzhonghuayuan
  • 电视机
    #icon-dianshiji
  • 微波炉
    #icon-weibolu
  • 电梯
    #icon-dianti
  • 天然气
    #icon-tianranqi
  • 电磁炉
    #icon-diancilu
  • 热水器
    #icon-reshuiqi
  • 安全监控
    #icon-anquanjiankong
  • DIY餐吧
    #icon-DIYcanba
  • 橱柜
    #icon-chugui
  • 地铁
    #icon-ditie
  • 影音区
    #icon-yingyinqu
  • 餐桌
    #icon-canzhuo
  • 抽油烟机
    #icon-chouyouyanji
  • 空调
    #icon-kongtiao
  • 桌球区
    #icon-zhuoqiuqu
  • 暖气
    #icon-nuanqi
  • 沙发
    #icon-shafa
  • 健身房
    #icon-jianshenfang
  • 便利店
    #icon-bianlidian
  • 会客区
    #icon-huikequ
  • 24H安保
    #icon-a-24Hanbao
  • 社区活动
    #icon-shequhuodong
  • 冰箱
    #icon-bingxiang
  • 洗衣机
    #icon-xiyiji
  • check-circle-fill
    #icon-check-circle-fill
  • circle
    #icon-yuan
  • iconfont-5
    #icon-iconfont5
  • iconfont-qq
    #icon-iconfontqq
  • iconfont-saomaio
    #icon-iconfont
  • iconfont-qm
    #icon-iconfontqm
  • iconfont-1
    #icon-iconfont1
  • iconfont-wo
    #icon-iconfontwo
  • 分享
    #icon-fenxiang2
  • -分享
    #icon--fenxiang
  • 分享
    #icon-fenxiang3
  • 分 享01
    #icon-fenxiang01
  • 分享
    #icon-fenxiang1
  • 分享
    #icon-fenxiang
  • baseline-add_box-24px
    #icon-baseline-add_box-px
  • baseline-add_circle_outline-24px
    #icon-baseline-add_circle_outline-px
  • baseline-add_circle-24px
    #icon-baseline-add_circle-px
  • Cancel2
    #icon-Cancel2
  • Cancel
    #icon-Cancel
  • Camera alt
    #icon-a-Cameraalt
  • Check box2
    #icon-a-Checkbox2
  • Check circle outline
    #icon-a-Checkcircleoutline
  • baozhang
    #icon-baozhang
  • Edit
    #icon-Edit
  • Alipay
    #icon-Alipay
  • Favorite2
    #icon-Favorite2
  • Check box
    #icon-a-Checkbox
  • Fire
    #icon-Fire
  • Ok
    #icon-Ok
  • ID card
    #icon-a-IDcard
  • loading
    #icon-loading1
  • icon-kfckfc
    #icon-a-Removecircleoutline
  • Radio button checked
    #icon-a-Radiobuttonchecked
  • Scan
    #icon-Scan
  • Location
    #icon-Location
  • Share
    #icon-Share
  • Search
    #icon-Search
  • Trash
    #icon-Trash
  • Synchronize
    #icon-Synchronize
  • wechat
    #icon-wechat
  • gy_采购管理
    #icon-gy_caigouguanli
  • gy_事件上报
    #icon-gy_shijianshangbao
  • align-justify
    #icon-alignjustify
  • box
    #icon-box
  • check2
    #icon-check2
  • call
    #icon-call
  • close
    #icon-close1
  • clear
    #icon-clear
  • cross
    #icon-cross
  • done
    #icon-done
  • fast-forward
    #icon-fastforward
  • fast-forward2
    #icon-fastforward2
  • fast-rewind
    #icon-fastrewind
  • keyboard-arrow-down
    #icon-keyboardarrowdown
  • inbox2
    #icon-inbox2
  • keyboard-arrow-left
    #icon-keyboardarrowleft
  • keyboard-arrow-right
    #icon-keyboardarrowright
  • keyboard-arrow-up
    #icon-keyboardarrowup
  • language
    #icon-language1
  • laptop-mac
    #icon-laptopmac
  • local-offer
    #icon-localoffer
  • place
    #icon-place
  • play-circle-fill
    #icon-playcirclefill
  • email
    #icon-email1
  • pass
    #icon-pass
  • photo
    #icon-photo
  • home
    #icon-home1
  • location
    #icon-location
  • menu
    #icon-menu
  • globe
    #icon-globe
  • follow
    #icon-follow
  • 文件
    #icon-wenjian
  • 搜索文件
    #icon-sousuowenjian
  • 文件夹
    #icon-wenjianjia
  • 文件-文件-1
    #icon-wj-wj-1
  • 文件-资料
    #icon-wj-zl
  • 文件-查找内容
    #icon-wj-cznr
  • 文件-文件夹
    #icon-wj-wjj
  • 24gf-clipboardList
    #icon-24gf-clipboardList
  • 24gf-clipboardText
    #icon-24gf-clipboardText
  • 24gf-fileEmpty
    #icon-24gf-fileEmpty
  • 24gf-filePencil
    #icon-24gf-filePencil
  • 24gf-filePencil2
    #icon-24gf-filePencil2
  • 24gf-folder3
    #icon-24gf-folder3
  • 24gf-fileText
    #icon-24gf-fileText
  • 24gf-folder4
    #icon-24gf-folder4
  • 24gf-folder2
    #icon-24gf-folder2
  • 24gf-folderOpen
    #icon-24gf-folderOpen
  • 操作-统计查询
    #icon-cz-tjcx
  • 操作-情况检查
    #icon-cz-qkjc
  • 扫码
    #icon-saoma
  • QQ
    #icon-qq
  • phone
    #icon-phone2
  • 座机
    #icon-zuoji1
  • QQ
    #icon-QQ1
  • phone
    #icon-phone3
  • 收藏-高亮
    #icon-shoucang-gaoliang
  • 手册
    #icon-shouce
  • 二维码
    #icon-erweima
  • 邮箱
    #icon-youxiang
  • 导航
    #icon-daohang
  • 多素材
    #icon-duosucai
  • 微信
    #icon-weixin
  • 信息-fill
    #icon-xinxifill
  • 信息
    #icon-xinxi
  • 图片
    #icon-shangchuantupian1
  • QQ
    #icon-QQ
  • 座机
    #icon-zuoji
  • tab_下拉
    #icon-tabxiala
  • 日历1
    #icon-rili
  • 日历2
    #icon-rili1
  • 日历4
    #icon-rili2
  • 日历3
    #icon-rili3
  • 日历5
    #icon-rili4
  • 日历7
    #icon-rili5
  • 日历8
    #icon-rili6
  • 日历11
    #icon-rili7
  • 日历9
    #icon-rili8
  • 日历12
    #icon-rili9
  • 日历10
    #icon-rili10
  • 日历13
    #icon-rili11
  • 日历14
    #icon-rili12
  • 日历6
    #icon-rili13
  • 日历15
    #icon-rili14
  • 日历17
    #icon-rili15
  • 日历16
    #icon-rili16
  • 日历18
    #icon-rili17
  • 日历19
    #icon-rili18
  • 日历21
    #icon-rili19
  • 日历20
    #icon-rili20
  • 日历24
    #icon-rili21
  • 日历22
    #icon-rili22
  • 日历25
    #icon-rili23
  • 日历23
    #icon-rili24
  • 日历27
    #icon-rili25
  • 日历26
    #icon-rili26
  • 日历29
    #icon-rili27
  • 日历28
    #icon-rili28
  • 上箭头
    #icon-shangjiantou
  • 日历31
    #icon-rili29
  • 下箭头
    #icon-xiajiantou
  • 日历30
    #icon-rili30
  • 右箭头
    #icon-youjiantou
  • 注释
    #icon-zhushi
  • 左箭头
    #icon-zuojiantou
  • 我的
    #icon-wode
  • 资料库
    #icon-ziliaoku
  • 下拉2
    #icon-xiala
  • 上传图片
    #icon-shangchuantupian
  • shield-alt
    #icon-shield-alt
  • Truck
    #icon-Truck
  • sync
    #icon-sync
  • vs
    #icon-vs
  • 已关注供应商
    #icon-yiguanzhugongyingshang
  • toy
    #icon-toy
  • 购买偏好
    #icon-goumaipianhao
  • sport
    #icon-sport
  • Subscribe
    #icon-Subscribe
  • credit card
    #icon-creditcard
  • become a gold supplier
    #icon-becomeagoldsupplier
  • contacts
    #icon-contacts
  • new
    #icon-new
  • checkstand
    #icon-checkstand
  • free
    #icon-free
  • aviation
    #icon-aviation
  • cad-fill
    #icon-cad-fill
  • Daytime mode
    #icon-Daytimemode
  • robot
    #icon-robot
  • infant & mom
    #icon-infantmom
  • inspection
    #icon-inspection1
  • discounts
    #icon-discounts
  • block
    #icon-block
  • invoice
    #icon-invoice
  • 收货icon
    #icon-shouhuoicon
  • insurance
    #icon-insurance
  • night mode
    #icon-nightmode
  • user center
    #icon-usercenter
  • unlock
    #icon-unlock
  • vip
    #icon-vip
  • wallet
    #icon-wallet
  • land transportation
    #icon-landtransportation
  • voice
    #icon-voice
  • exchange rate
    #icon-exchangerate
  • contacts-fill
    #icon-contacts-fill
  • add-account
    #icon-add-account1
  • 2years-fill
    #icon-years-fill
  • add-cart-fill
    #icon-add-cart-fill
  • add-fill
    #icon-add-fill
  • all-fill
    #icon-all-fill1
  • ashbin-fill
    #icon-ashbin-fill
  • calendar-fill
    #icon-calendar-fill
  • bad-fill
    #icon-bad-fill
  • bussiness-man-fill
    #icon-bussiness-man-fill
  • atm-fill
    #icon-atm-fill
  • cart- full-fill
    #icon-cart-full-fill
  • cart-Empty-fill
    #icon-cart-Empty-fill
  • camera switching-fill
    #icon-cameraswitching-fill
  • atm-away-fill
    #icon-atm-away-fill
  • certified-supplier-fill
    #icon-certified-supplier-fill
  • calculator-fill
    #icon-calculator-fill
  • clock-fill
    #icon-clock-fill
  • ali-clould-fill
    #icon-ali-clould-fill
  • color-fill
    #icon-color-fill
  • coupons-fill
    #icon-coupons-fill
  • cecurity-protection-fill
    #icon-cecurity-protection-fill
  • credit-level-fill
    #icon-credit-level-fill
  • auto
    #icon-auto
  • default-template-fill
    #icon-default-template-fill
  • all
    #icon-all
  • Currency Converter-fill
    #icon-CurrencyConverter-fill
  • bussiness-man
    #icon-bussiness-man
  • Customer management-fill
    #icon-Customermanagement-fill
  • component
    #icon-component
  • discounts-fill
    #icon-discounts-fill
  • code
    #icon-code
  • Daytime mode-fill
    #icon-Daytimemode-fill
  • copy
    #icon-copy
  • exl-fill
    #icon-exl-fill
  • dollar
    #icon-dollar
  • cry-fill
    #icon-cry-fill
  • history
    #icon-history
  • email-fill
    #icon-email-fill
  • editor
    #icon-editor
  • filter-fill
    #icon-filter-fill
  • data
    #icon-data
  • folder-fill
    #icon-folder-fill
  • gift
    #icon-gift
  • feeds-fill
    #icon-feeds-fill
  • integral
    #icon-integral
  • gold-supplie-fill
    #icon-gold-supplie-fill
  • nav-list
    #icon-nav-list
  • form-fill
    #icon-form-fill
  • pic
    #icon-pic
  • camera-fill
    #icon-camera-fill
  • Not visible
    #icon-Notvisible
  • good-fill
    #icon-good-fill
  • play
    #icon-play
  • image-text-fill
    #icon-image-text-fill
  • rising
    #icon-rising
  • inspection-fill
    #icon-inspection-fill
  • QRcode
    #icon-QRcode
  • hot-fill
    #icon-hot-fill
  • rmb
    #icon-rmb
  • company-fill
    #icon-company-fill
  • similar-product
    #icon-similar-product
  • discount-fill
    #icon-discount-fill
  • export services
    #icon-Exportservices
  • insurance-fill
    #icon-insurance-fill
  • send inquiry
    #icon-sendinquiry
  • inquiry-template-fill
    #icon-inquiry-template-fill
  • all-fill
    #icon-all-fill
  • left button-fill
    #icon-leftbutton-fill
  • favorites-fill
    #icon-favorites-fill
  • integral-fill
    #icon-integral-fill1
  • integral-fill
    #icon-integral-fill
  • help
    #icon-help1
  • namecard-fill
    #icon-namecard-fill
  • listing-content-fill
    #icon-listing-content-fill
  • pic-fill
    #icon-pic-fill
  • logistic-logo-fill
    #icon-logistic-logo-fill
  • play-fill
    #icon-play-fill
  • Money management-fill
    #icon-Moneymanagement-fill
  • prompt-fill
    #icon-prompt-fill
  • manage-order-fill
    #icon-manage-order-fill
  • stop-fill
    #icon-stop-fill
  • multi-language-fill
    #icon-multi-language-fill
  • 3column
    #icon-column
  • logistics-icon-fill
    #icon-logistics-icon-fill
  • add-account
    #icon-add-account
  • New user zone-fill
    #icon-Newuserzone-fill
  • 4column
    #icon-column1
  • night mode-fill
    #icon-nightmode-fill
  • add
    #icon-add
  • office-supplies-fill
    #icon-office-supplies-fill
  • agriculture
    #icon-agriculture
  • notice-fill
    #icon-notice-fill
  • 2years
    #icon-years
  • mute
    #icon-mute
  • add-cart
    #icon-add-cart
  • order-fill
    #icon-order-fill
  • arrow-right
    #icon-arrow-right
  • password
    #icon-password1
  • arrow-left
    #icon-arrow-left
  • map
    #icon-map1
  • apparel
    #icon-apparel
  • paylater-fill
    #icon-paylater-fill
  • all
    #icon-all1
  • phone-fill
    #icon-phone-fill
  • arrow-up
    #icon-arrow-up
  • online-tracking-fill
    #icon-online-tracking-fill
  • ascending
    #icon-ascending
  • play-fill
    #icon-play-fill1
  • ashbin
    #icon-ashbin
  • pdf-fill
    #icon-pdf-fill
  • atm
    #icon-atm
  • phone
    #icon-phone1
  • bad
    #icon-bad
  • pin-fill
    #icon-pin-fill
  • attachent
    #icon-attachent
  • product-fill
    #icon-product-fill
  • browse
    #icon-browse
  • ranking list-fill
    #icon-rankinglist-fill
  • beauty
    #icon-beauty
  • reduce-fill
    #icon-reduce-fill
  • atm-away
    #icon-atm-away
  • reeor-fill
    #icon-reeor-fill
  • assessed-badge
    #icon-assessed-badge
  • pic-fill
    #icon-pic-fill1
  • auto
    #icon-auto1
  • ranking list
    #icon-rankinglist
  • bags
    #icon-bags
  • product
    #icon-product1
  • calendar
    #icon-calendar
  • prompt-fill
    #icon-prompt-fill1
  • cart- full
    #icon-cart-full
  • resonse rate-fill
    #icon-resonserate-fill
  • calculator
    #icon-calculator
  • remind-fill
    #icon-remind-fill
  • camera switching
    #icon-cameraswitching
  • Right button-fill
    #icon-Rightbutton-fill
  • cecurity-protection
    #icon-cecurity-protection
  • RFQ-logo-fill
    #icon-RFQ-logo-fill
  • category
    #icon-category
  • RFQ-word-fill
    #icon-RFQ-word-fill
  • close
    #icon-close
  • search cart-fill
    #icon-searchcart-fill
  • certified-supplier
    #icon-certified-supplier
  • sales center-fill
    #icon-salescenter-fill
  • cart-Empty
    #icon-cart-Empty
  • save-fill
    #icon-save-fill
  • code
    #icon-code1
  • security-fill
    #icon-security-fill
  • color
    #icon-color
  • category products-fill
    #icon-Similarproducts-fill
  • conditions
    #icon-conditions
  • signboard-fill
    #icon-signboard-fill
  • confirm
    #icon-confirm
  • service-fill
    #icon-service-fill
  • company
    #icon-company
  • shuffling-banner-fill
    #icon-shuffling-banner-fill
  • ali-clould
    #icon-ali-clould
  • supplier-features-fill
    #icon-supplier-features-fill
  • copy
    #icon-copy1
  • store-fill
    #icon-store-fill
  • credit-level
    #icon-credit-level
  • smile-fill
    #icon-smile-fill
  • coupons
    #icon-coupons
  • success-fill
    #icon-success-fill
  • connections
    #icon-connections
  • sound-filling-fill
    #icon-sound-filling-fill
  • cry
    #icon-cry
  • sound-Mute
    #icon-sound-Mute1
  • costoms-alearance
    #icon-costoms-alearance
  • suspended-fill
    #icon-suspended-fill
  • clock
    #icon-clock
  • tool-fill
    #icon-tool-fill
  • Currency Converter
    #icon-CurrencyConverter
  • task-management-fill
    #icon-task-management-fill
  • cut
    #icon-cut
  • unlock-fill
    #icon-unlock-fill
  • data
    #icon-data1
  • trust-fill
    #icon-trust-fill
  • Customer management
    #icon-Customermanagement
  • vip-fill
    #icon-vip-fill
  • descending
    #icon-descending
  • set
    #icon-set1
  • double-arro- right
    #icon-double-arro-right
  • top-fill
    #icon-Top-fill
  • customization
    #icon-customization
  • view larger
    #icon-viewlarger1
  • double-arrow-left
    #icon-double-arrow-left
  • voice-fill
    #icon-voice-fill
  • discount
    #icon-discount
  • warning-fill
    #icon-warning-fill
  • download
    #icon-download
  • warehouse-fill
    #icon-warehouse-fill
  • dollar
    #icon-dollar1
  • zip-fill
    #icon-zip-fill
  • default-template
    #icon-default-template
  • trade-assurance-fill
    #icon-trade-assurance-fill
  • editor
    #icon-editor1
  • vs-fill
    #icon-vs-fill
  • eletrical
    #icon-eletrical
  • video
    #icon-video1
  • electronics
    #icon-electronics
  • template-fill
    #icon-template-fill
  • etrical-equipm
    #icon-etrical-equipm
  • wallet
    #icon-wallet1
  • ellipsis
    #icon-ellipsis
  • training
    #icon-training1
  • email
    #icon-email
  • packing-labeling-fill
    #icon-packing-labeling-fill
  • falling
    #icon-falling
  • export services-fill
    #icon-Exportservices-fill
  • earth
    #icon-earth
  • brand-fill
    #icon-brand-fill
  • filter
    #icon-filter
  • collection
    #icon-collection
  • furniture
    #icon-furniture
  • consumption-fill
    #icon-consumption-fill
  • folder
    #icon-folder
  • collection-fill
    #icon-collection-fill
  • feeds
    #icon-feeds
  • brand
    #icon-brand
  • history
    #icon-history1
  • rejected-order-fill
    #icon-rejected-order-fill
  • hardware
    #icon-hardware
  • homepage-ads-fill
    #icon-homepage-ads-fill
  • help
    #icon-help
  • homepage-ads
    #icon-homepage-ads
  • good
    #icon-good
  • scenes-fill
    #icon-scenes-fill
  • Household appliances
    #icon-Householdappliances
  • scenes
    #icon-scenes
  • gift
    #icon-gift1
  • similar-product-fill
    #icon-similar-product-fill
  • form
    #icon-form
  • topraning-fill
    #icon-topraning-fill
  • image-text
    #icon-image-text
  • consumption
    #icon-consumption
  • hot
    #icon-hot
  • topraning
    #icon-topraning
  • inspection
    #icon-inspection
  • gold-supplier
    #icon-gold-supplier
  • left button
    #icon-leftbutton
  • message center-fill
    #icon-messagecenter-fill
  • jewelry
    #icon-jewelry
  • quick
    #icon-quick
  • ipad
    #icon-ipad
  • writing
    #icon-writing
  • left arrow
    #icon-leftarrow
  • doc-fill
    #icon-docjpge-fill
  • integral
    #icon-integral1
  • jpge-fill
    #icon-jpge-fill
  • kitchen
    #icon-kitchen
  • gif-fill
    #icon-gifjpge-fill
  • inquiry-template
    #icon-inquiry-template
  • bmp-fill
    #icon-bmpjpge-fill
  • link
    #icon-link
  • tif-fill
    #icon-tifjpge-fill
  • libra
    #icon-libra
  • png-fill
    #icon-pngjpge-fill
  • loading
    #icon-loading
  • home
    #icon-Hometextile
  • listing-content
    #icon-listing-content
  • home
    #icon-home
  • lights
    #icon-lights
  • send inquiry-fill
    #icon-sendinquiry-fill
  • logistics-icon
    #icon-logistics-icon
  • comments-fill
    #icon-comments-fill
  • message center
    #icon-messagecenter
  • account-fill
    #icon-account-fill
  • mobile-phone
    #icon-mobile-phone
  • feed-logo-fill
    #icon-feed-logo-fill
  • manage-order
    #icon-manage-order
  • feed-logo
    #icon-feed-logo
  • move
    #icon-move
  • home-fill
    #icon-home-fill
  • Money management
    #icon-Moneymanagement
  • add-select
    #icon-add-select
  • namecard
    #icon-namecard
  • sami-select
    #icon-sami-select
  • map
    #icon-map
  • camera
    #icon-camera
  • New user zone
    #icon-Newuserzone
  • arrow-down
    #icon-arrow-down
  • multi-language
    #icon-multi-language
  • account
    #icon-account
  • office
    #icon-office
  • comments
    #icon-comments
  • notice
    #icon-notice
  • cart-Empty
    #icon-cart-Empty1
  • on time shipment
    #icon-ontimeshipment
  • favorites
    #icon-favorites
  • office-supplies
    #icon-office-supplies
  • order
    #icon-order
  • password
    #icon-password
  • search
    #icon-search
  • Not visible
    #icon-Notvisible1
  • trade-assurance
    #icon-trade-assurance
  • operation
    #icon-operation
  • user center
    #icon-usercenter1
  • packaging
    #icon-packaging
  • trading data
    #icon-tradingdata
  • online-tracking
    #icon-online-tracking
  • microphone
    #icon-microphone
  • packing-labeling
    #icon-packing-labeling
  • txt
    #icon-txt
  • phone
    #icon-phone
  • xlsx
    #icon-xlsx
  • pic
    #icon-pic1
  • 办证服务
    #icon-banzhengfuwu
  • pin
    #icon-pin
  • 仓库
    #icon-cangku
  • play
    #icon-play1
  • 代办财税
    #icon-daibancaishui
  • logistic-logo
    #icon-logistic-logo
  • 集装箱
    #icon-jizhuangxiang
  • print
    #icon-print
  • 角标
    #icon-jiaobiao
  • product
    #icon-product
  • 客户盘点
    #icon-kehupandian
  • machinery
    #icon-machinery
  • 动态
    #icon-dongtai
  • process
    #icon-process
  • 贷款
    #icon-daikuan
  • prompt
    #icon-prompt
  • 生意经
    #icon-shengyijing
  • QRcode
    #icon-QRcode1
  • 结汇
    #icon-jiehui
  • reeor
    #icon-reeor
  • 分层配置
    #icon-fencengpeizhi
  • reduce
    #icon-reduce
  • 申请记录
    #icon-shenqingjilu
  • Non-staple food
    #icon-Non-staplefood
  • 上传备案单证
    #icon-shangchuanbeiandanzheng
  • rejected-order
    #icon-rejected-order
  • 上传
    #icon-shangchuan
  • resonse rate
    #icon-resonserate
  • 客户权益
    #icon-kehuquanyi
  • remind
    #icon-remind
  • 缩小
    #icon-suoxiao
  • response time
    #icon-responsetime
  • 权益配置
    #icon-quanyipeizhi
  • return
    #icon-return
  • 双审
    #icon-shuangshen
  • paylater
    #icon-paylater
  • 通关
    #icon-tongguan
  • rising
    #icon-rising1
  • 退税
    #icon-tuishui
  • Right arrow
    #icon-Rightarrow
  • 通关数据
    #icon-tongguanshuju
  • rmb
    #icon-rmb1
  • 快递物流
    #icon-kuaidiwuliu
  • RFQ-logo
    #icon-RFQ-logo
  • 物流产品
    #icon-wuliuchanpin
  • save
    #icon-save
  • 外汇数据
    #icon-waihuishuju
  • scanning
    #icon-scanning
  • 信息bar_手机
    #icon-xinxibar_shouji
  • security
    #icon-security
  • 新外综业务
    #icon-xinwaizongyewu
  • sales center
    #icon-salescenter
  • 物流订单
    #icon-wuliudingdan
  • seleted
    #icon-seleted
  • 中间人
    #icon-zhongjianren
  • search cart
    #icon-searchcart
  • 信息bar_账户
    #icon-xinxibar_zhanghu
  • raw
    #icon-raw
  • 一达通
    #icon-yidatong
  • service
    #icon-service
  • 专业权威
    #icon-zhuanyequanwei
  • share
    #icon-share
  • 账户操作
    #icon-zhanghucaozuo
  • signboard
    #icon-signboard
  • 旋转90度
    #icon-xuanzhuandu
  • shuffling-banner
    #icon-shuffling-banner
  • 退税融资
    #icon-tuishuirongzi
  • Right button
    #icon-Rightbutton
  • Add Products
    #icon-AddProducts
  • sorting
    #icon-sorting
  • 自营业务
    #icon-ziyingyewu
  • sound-Mute
    #icon-sound-Mute
  • addcell
    #icon-addcell
  • category products
    #icon-Similarproducts
  • background-color
    #icon-background-color
  • sound-filling
    #icon-sound-filling
  • cascades
    #icon-cascades
  • suggest
    #icon-suggest
  • beijing
    #icon-beijing
  • stop
    #icon-stop
  • bold
    #icon-bold
  • success
    #icon-success
  • 资金
    #icon-zijin
  • supplier-features
    #icon-supplier-features
  • eraser
    #icon-eraser
  • switch
    #icon-switch
  • centeralignment
    #icon-centeralignment
  • survey
    #icon-survey
  • click
    #icon-click
  • template
    #icon-template
  • asp结算
    #icon-aspjiesuan
  • text
    #icon-text
  • flag
    #icon-flag
  • suspended
    #icon-suspended
  • falg-fill
    #icon-falg-fill
  • task-management
    #icon-task-management
  • Fee
    #icon-Fee
  • tool
    #icon-tool
  • filling
    #icon-filling
  • top
    #icon-Top
  • Foreign currency
    #icon-Foreigncurrency
  • smile
    #icon-smile
  • guanliyuan
    #icon-guanliyuan
  • textile-products
    #icon-textile-products
  • language
    #icon-language
  • trade alert
    #icon-tradealert
  • leftalignment
    #icon-leftalignment
  • top sales
    #icon-topsales
  • extra-inquiries
    #icon-extra-inquiries
  • trading volume
    #icon-tradingvolume
  • Italic
    #icon-Italic
  • training
    #icon-training
  • pcm
    #icon-pcm
  • upload
    #icon-upload
  • reducecell
    #icon-reducecell
  • RFQ-word
    #icon-RFQ-word
  • rightalignment
    #icon-rightalignment
  • view larger
    #icon-viewlarger
  • pointerleft
    #icon-pointerleft
  • viewgallery
    #icon-viewgallery
  • subscript
    #icon-subscript
  • vehivles
    #icon-vehivles
  • square
    #icon-square
  • trust
    #icon-trust
  • superscript
    #icon-superscript
  • warning
    #icon-warning
  • tag-subscript
    #icon-tag-subscript
  • warehouse
    #icon-warehouse
  • 单据转换
    #icon-danjuzhuanhuan
  • shoes
    #icon-shoes
  • Transfer money
    #icon-Transfermoney
  • video
    #icon-video
  • under-line
    #icon-under-line
  • viewlist
    #icon-viewlist
  • xiakuangxian
    #icon-xiakuangxian
  • set
    #icon-set
  • 收起
    #icon-shouqi
  • store
    #icon-store
  • 展开
    #icon-zhankai
  • tool-hardware
    #icon-tool-hardware
  • 通讯录
    #icon-tongxunlu

Symbol 引用


这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:

  • 支持多色图标,不再受单色限制。
  • 通过一些技巧,支持像字体那样,通过 width,height fill 来调整样式。

使用步骤如下:

第一步:引入如意宝项目下面的地址:

<script src="/mfile/tz/svg/xhp/iconfont.js"></script> 

第二步:加入通用 CSS 代码(引入一次就行):

<style>
.icon {
  width: 1em;  //
  height: 1em; // 宽高必须一致
  vertical-align: -0.15em;
  fill: currentColor;  // 颜色
  overflow: hidden;
}
</style> 

第三步:挑选相应图标并获取类名,应用于页面:

<svg class="icon" aria-hidden="true">
  <use xlink:href="#icon-xxx"></use>
</svg> 

上一条:抖音小程序短视频挂载之锚点设置分享

下一条:没有了

© 2024 深圳市天助人和信息技术有限公司