字体图标

使用方法

通过设置类名为 "iconfont",标签内填写字体编码来使用。例如:

<span class="icon iconfont">&#xe855;</span>

图标集合

点击图标,自动复制字体编码到剪切板

  • vertical left
    &#xe855;
  • Youtube-fill
    &#xe955;
  • right
    &#xe856;
  • left
    &#xe857;
  • wechat-fill
    &#xe957;
  • up
    &#xe858;
  • chrome-fill
    &#xe958;
  • down
    &#xe859;
  • alipay-circle-fill
    &#xe959;
  • fullscreen
    &#xe85a;
  • fullscreen-exit
    &#xe85b;
  • doubleleft
    &#xe85c;
  • double right
    &#xe85d;
  • codepen-circle-fill
    &#xe95d;
  • arrowright
    &#xe85e;
  • CodeSandbox-circle-f
    &#xe95e;
  • arrowup
    &#xe85f;
  • dropbox-circle-fill
    &#xe95f;
  • arrowleft
    &#xe860;
  • github-fill
    &#xe960;
  • arrowdown
    &#xe861;
  • upload
    &#xe862;
  • colum-height
    &#xe863;
  • vertical-align-botto
    &#xe864;
  • QQ-circle-fill
    &#xe964;
  • vertical-align-middl
    &#xe865;
  • IE-circle-fill
    &#xe965;
  • totop
    &#xe866;
  • vertical-align-top
    &#xe867;
  • download
    &#xe868;
  • sketch-circle-fill
    &#xe968;
  • sort-descending
    &#xe869;
  • sort-ascending
    &#xe86a;
  • fall
    &#xe86b;
  • taobao-circle-fill
    &#xe96b;
  • swap
    &#xe86c;
  • weibo-circle-fill
    &#xe96c;
  • stock
    &#xe86d;
  • rise
    &#xe86e;
  • indent
    &#xe86f;
  • alipay-square-fill
    &#xe96f;
  • outdent
    &#xe870;
  • menu
    &#xe871;
  • CodeSandbox-square-f
    &#xe971;
  • unordered list
    &#xe872;
  • ordered list
    &#xe873;
  • align-right
    &#xe874;
  • codepen-square-fill
    &#xe974;
  • align-center
    &#xe875;
  • align-left
    &#xe876;
  • dropbox-square-fill
    &#xe976;
  • pic-center
    &#xe877;
  • pic-right
    &#xe878;
  • pic-left
    &#xe879;
  • bold
    &#xe87a;
  • font-colors
    &#xe87b;
  • IE-square-fill
    &#xe97b;
  • exclaimination
    &#xe87c;
  • font-size
    &#xe87d;
  • infomation
    &#xe87e;
  • QQ-square-fill
    &#xe97e;
  • Dollar
    &#xe77f;
  • line-height
    &#xe87f;
  • compass
    &#xe780;
  • strikethrough
    &#xe880;
  • close-circle
    &#xe781;
  • underline
    &#xe881;
  • sketch-square-fill
    &#xe981;
  • frown
    &#xe782;
  • number
    &#xe882;
  • info-circle
    &#xe783;
  • italic
    &#xe883;
  • taobao-square-fill
    &#xe983;
  • left-circle
    &#xe784;
  • code
    &#xe884;
  • weibo-square-fill
    &#xe984;
  • down-circle
    &#xe785;
  • column-width
    &#xe885;
  • EURO
    &#xe786;
  • check
    &#xe886;
  • zoom out
    &#xe986;
  • copyright
    &#xe787;
  • ellipsis
    &#xe887;
  • apartment
    &#xe987;
  • minus-circle
    &#xe788;
  • dash
    &#xe888;
  • audio
    &#xe988;
  • meh
    &#xe789;
  • close
    &#xe889;
  • audio-fill
    &#xe989;
  • plus-circle
    &#xe78a;
  • enter
    &#xe88a;
  • robot
    &#xe98a;
  • play-circle
    &#xe78b;
  • line
    &#xe88b;
  • zoom in
    &#xe98b;
  • question-circle
    &#xe78c;
  • minus
    &#xe88c;
  • robot-fill
    &#xe98c;
  • Pound
    &#xe78d;
  • question
    &#xe88d;
  • bug-fill
    &#xe98d;
  • right-circle
    &#xe78e;
  • rollback
    &#xe88e;
  • bug
    &#xe98e;
  • smile
    &#xe78f;
  • small-dash
    &#xe88f;
  • audio static
    &#xe98f;
  • trademark
    &#xe790;
  • pause
    &#xe890;
  • comment
    &#xe990;
  • time-circle
    &#xe791;
  • bg-colors
    &#xe891;
  • signal-fill
    &#xe991;
  • time out
    &#xe792;
  • crown
    &#xe892;
  • verified
    &#xe992;
  • earth
    &#xe793;
  • drag
    &#xe893;
  • shortcut-fill
    &#xe993;
  • YUAN
    &#xe794;
  • desktop
    &#xe894;
  • videocamera add
    &#xe994;
  • up-circle
    &#xe795;
  • gift
    &#xe895;
  • switch user
    &#xe995;
  • warning-circle
    &#xe796;
  • stop
    &#xe896;
  • whatsapp
    &#xe996;
  • sync
    &#xe797;
  • fire
    &#xe897;
  • appstore add
    &#xe997;
  • transaction
    &#xe798;
  • thunderbolt
    &#xe898;
  • caret-down
    &#xe998;
  • undo
    &#xe799;
  • check-circle-fill
    &#xe899;
  • backward
    &#xe999;
  • redo
    &#xe79a;
  • left-circle-fill
    &#xe89a;
  • caret-up
    &#xe99a;
  • reload
    &#xe79b;
  • down-circle-fill
    &#xe89b;
  • caret-right
    &#xe99b;
  • reload time
    &#xe79c;
  • minus-circle-fill
    &#xe89c;
  • caret-left
    &#xe99c;
  • message
    &#xe79d;
  • close-circle-fill
    &#xe89d;
  • fast-backward
    &#xe99d;
  • dashboard
    &#xe79e;
  • info-circle-fill
    &#xe89e;
  • forward
    &#xe99e;
  • issues close
    &#xe79f;
  • up-circle-fill
    &#xe89f;
  • fast-forward
    &#xe99f;
  • poweroff
    &#xe7a0;
  • right-circle-fill
    &#xe8a0;
  • search
    &#xe9a0;
  • logout
    &#xe7a1;
  • plus-circle-fill
    &#xe8a1;
  • retweet
    &#xe9a1;
  • pie chart
    &#xe7a2;
  • question-circle-fill
    &#xe8a2;
  • login
    &#xe9a2;
  • setting
    &#xe7a3;
  • step-backward
    &#xe9a3;
  • eye
    &#xe7a4;
  • frown-fill
    &#xe8a4;
  • step-forward
    &#xe9a4;
  • location
    &#xe7a5;
  • copyright-circle-fil
    &#xe8a5;
  • swap-right
    &#xe9a5;
  • edit-square
    &#xe7a6;
  • swap-left
    &#xe9a6;
  • export
    &#xe7a7;
  • compass-fill
    &#xe8a7;
  • woman
    &#xe9a7;
  • save
    &#xe7a8;
  • Dollar-circle-fill
    &#xe8a8;
  • plus
    &#xe9a8;
  • Import
    &#xe7a9;
  • poweroff-circle-fill
    &#xe8a9;
  • eye close-fill
    &#xe9a9;
  • app store
    &#xe7aa;
  • meh-fill
    &#xe8aa;
  • eye-close
    &#xe9aa;
  • close-square
    &#xe7ab;
  • play-circle-fill
    &#xe8ab;
  • clear
    &#xe9ab;
  • down-square
    &#xe7ac;
  • collapse
    &#xe9ac;
  • layout
    &#xe7ad;
  • smile-fill
    &#xe8ad;
  • expand
    &#xe9ad;
  • left-square
    &#xe7ae;
  • stop-fill
    &#xe8ae;
  • delete column
    &#xe9ae;
  • play-square
    &#xe7af;
  • warning-circle-fill
    &#xe8af;
  • merge-cells
    &#xe9af;
  • control
    &#xe7b0;
  • time-circle-fill
    &#xe8b0;
  • subnode
    &#xe9b0;
  • code library
    &#xe7b1;
  • trademark-circle-fil
    &#xe8b1;
  • rotate-left
    &#xe9b1;
  • detail
    &#xe7b2;
  • YUAN-circle-fill
    &#xe8b2;
  • rotate-right
    &#xe9b2;
  • minus-square
    &#xe7b3;
  • heart-fill
    &#xe8b3;
  • insert row below
    &#xe9b3;
  • plus-square
    &#xe7b4;
  • pie chart-circle-fil
    &#xe8b4;
  • insert row above
    &#xe9b4;
  • right-square
    &#xe7b5;
  • dashboard-fill
    &#xe8b5;
  • table
    &#xe9b5;
  • project
    &#xe7b6;
  • message-fill
    &#xe8b6;
  • solit-cells
    &#xe9b6;
  • wallet
    &#xe7b7;
  • check-square-fill
    &#xe8b7;
  • format painter
    &#xe9b7;
  • up-square
    &#xe7b8;
  • down-square-fill
    &#xe8b8;
  • insert row right
    &#xe9b8;
  • calculator
    &#xe7b9;
  • minus-square-fill
    &#xe8b9;
  • format painter-fill
    &#xe9b9;
  • interation
    &#xe7ba;
  • close-square-fill
    &#xe8ba;
  • insert row left
    &#xe9ba;
  • check-square
    &#xe7bb;
  • code library-fill
    &#xe8bb;
  • translate
    &#xe9bb;
  • border
    &#xe7bc;
  • left-square-fill
    &#xe8bc;
  • delete row
    &#xe9bc;
  • border-outer
    &#xe7bd;
  • play-square-fill
    &#xe8bd;
  • sisternode
    &#xe9bd;
  • border-top
    &#xe7be;
  • up-square-fill
    &#xe8be;
  • Field-number
    &#xe9be;
  • border-bottom
    &#xe7bf;
  • right-square-fill
    &#xe8bf;
  • 
    Field-String
    &#xe9bf;
  • border-left
    &#xe7c0;
  • plus-square-fill
    &#xe8c0;
  • Function
    &#xe9c0;
  • border-right
    &#xe7c1;
  • account book-fill
    &#xe8c1;
  • Field-time
    &#xe9c1;
  • border-inner
    &#xe7c2;
  • carry out-fill
    &#xe8c2;
  • GIF
    &#xe9c2;
  • border-verticle
    &#xe7c3;
  • calendar-fill
    &#xe8c3;
  • Partition
    &#xe9c3;
  • border-horizontal
    &#xe7c4;
  • calculator-fill
    &#xe8c4;
  • index
    &#xe9c4;
  • radius-bottomleft
    &#xe7c5;
  • interation-fill
    &#xe8c5;
  • Stored procedure
    &#xe9c5;
  • radius-bottomright
    &#xe7c6;
  • project-fill
    &#xe8c6;
  • Field-Binary
    &#xe9c6;
  • radius-upleft
    &#xe7c7;
  • detail-fill
    &#xe8c7;
  • Console-SQL
    &#xe9c7;
  • radius-upright
    &#xe7c8;
  • save-fill
    &#xe8c8;
  • 1:1
    &#xe9c8;
  • radius-setting
    &#xe7c9;
  • wallet-fill
    &#xe8c9;
  • aim
    &#xe9c9;
  • add user
    &#xe7ca;
  • control-fill
    &#xe8ca;
  • compress
    &#xe9ca;
  • delete team
    &#xe7cb;
  • layout-fill
    &#xe8cb;
  • expend
    &#xe9cb;
  • delete user
    &#xe7cc;
  • app store-fill
    &#xe8cc;
  • folder-view
    &#xe9cc;
  • addteam
    &#xe7cd;
  • mobile-fill
    &#xe8cd;
  • file-GIF
    &#xe9cd;
  • user
    &#xe7ce;
  • tablet-fill
    &#xe8ce;
  • group
    &#xe9ce;
  • team
    &#xe7cf;
  • book-fill
    &#xe8cf;
  • send
    &#xe9cf;
  • area chart
    &#xe7d0;
  • red envelope-fill
    &#xe8d0;
  • Report
    &#xe9d0;
  • line chart
    &#xe7d1;
  • safety certificate-f
    &#xe8d1;
  • View
    &#xe9d1;
  • bar chart
    &#xe7d2;
  • property safety-fill
    &#xe8d2;
  • shortcut
    &#xe9d2;
  • point map
    &#xe7d3;
  • insurance-fill
    &#xe8d3;
  • ungroup
    &#xe9d3;
  • container
    &#xe7d4;
  • security scan-fill
    &#xe8d4;
  • database
    &#xe7d5;
  • file-exclamation-fil
    &#xe8d5;
  • sever
    &#xe7d6;
  • file-add-fill
    &#xe8d6;
  • mobile
    &#xe7d7;
  • file-fill
    &#xe8d7;
  • tablet
    &#xe7d8;
  • file-excel-fill
    &#xe8d8;
  • red envelope
    &#xe7d9;
  • file-markdown-fill
    &#xe8d9;
  • book
    &#xe7da;
  • file-text-fill
    &#xe8da;
  • file done
    &#xe7db;
  • file-ppt-fill
    &#xe8db;
  • reconciliation
    &#xe7dc;
  • file-unknown-fill
    &#xe8dc;
  • file -exception
    &#xe7dd;
  • file-word-fill
    &#xe8dd;
  • file sync
    &#xe7de;
  • file-zip-fill
    &#xe8de;
  • file search
    &#xe7df;
  • file-pdf-fill
    &#xe8df;
  • solution
    &#xe7e0;
  • file-image-fill
    &#xe8e0;
  • file protect
    &#xe7e1;
  • diff-fill
    &#xe8e1;
  • file-add
    &#xe7e2;
  • file-copy-fill
    &#xe8e2;
  • file-excel
    &#xe7e3;
  • snippets-fill
    &#xe8e3;
  • file-exclamation
    &#xe7e4;
  • batch folding-fill
    &#xe8e4;
  • file-pdf
    &#xe7e5;
  • reconciliation-fill
    &#xe8e5;
  • file-image
    &#xe7e6;
  • folder-add-fill
    &#xe8e6;
  • file-markdown
    &#xe7e7;
  • folder-fill
    &#xe8e7;
  • file-unknown
    &#xe7e8;
  • folder-open-fill
    &#xe8e8;
  • file-ppt
    &#xe7e9;
  • database-fill
    &#xe8e9;
  • file-word
    &#xe7ea;
  • container-fill
    &#xe8ea;
  • file
    &#xe7eb;
  • sever-fill
    &#xe8eb;
  • file-zip
    &#xe7ec;
  • calendar-check-fill
    &#xe8ec;
  • file-text
    &#xe7ed;
  • image-fill
    &#xe8ed;
  • file-copy
    &#xe7ee;
  • id card-fill
    &#xe8ee;
  • snippets
    &#xe7ef;
  • credit card-fill
    &#xe8ef;
  • audit
    &#xe7f0;
  • fund-fill
    &#xe8f0;
  • diff
    &#xe7f1;
  • read-fill
    &#xe8f1;
  • Batch folding
    &#xe7f2;
  • contacts-fill
    &#xe8f2;
  • security scan
    &#xe7f3;
  • delete-fill
    &#xe8f3;
  • property safety
    &#xe7f4;
  • notification-fill
    &#xe8f4;
  • safety certificate
    &#xe7f5;
  • flag-fill
    &#xe8f5;
  • insurance
    &#xe7f6;
  • money collect-fill
    &#xe8f6;
  • alert
    &#xe7f7;
  • medicine box-fill
    &#xe8f7;
  • delete
    &#xe7f8;
  • rest-fill
    &#xe8f8;
  • hourglass
    &#xe7f9;
  • shopping-fill
    &#xe8f9;
  • bulb
    &#xe7fa;
  • skin-fill
    &#xe8fa;
  • experiment
    &#xe7fb;
  • video-fill
    &#xe8fb;
  • bell
    &#xe7fc;
  • sound-fill
    &#xe8fc;
  • trophy
    &#xe7fd;
  • bulb-fill
    &#xe8fd;
  • rest
    &#xe7fe;
  • bell-fill
    &#xe8fe;
  • USB
    &#xe7ff;
  • filter-fill
    &#xe8ff;
  • skin
    &#xe800;
  • fire-fill
    &#xe900;
  • home
    &#xe801;
  • funnel plot-fill
    &#xe901;
  • bank
    &#xe802;
  • gift-fill
    &#xe902;
  • filter
    &#xe803;
  • hourglass-fill
    &#xe903;
  • funnel plot
    &#xe804;
  • home-fill
    &#xe904;
  • like
    &#xe805;
  • trophy-fill
    &#xe905;
  • unlike
    &#xe806;
  • location-fill
    &#xe906;
  • unlock
    &#xe807;
  • cloud-fill
    &#xe907;
  • lock
    &#xe808;
  • customerservice-fill
    &#xe908;
  • customerservice
    &#xe809;
  • experiment-fill
    &#xe909;
  • flag
    &#xe80a;
  • eye-fill
    &#xe90a;
  • money collect
    &#xe80b;
  • like-fill
    &#xe90b;
  • medicinebox
    &#xe80c;
  • lock-fill
    &#xe90c;
  • shop
    &#xe80d;
  • unlike-fill
    &#xe90d;
  • rocket
    &#xe80e;
  • star-fill
    &#xe90e;
  • shopping
    &#xe80f;
  • unlock-fill
    &#xe90f;
  • folder
    &#xe810;
  • alert-fill
    &#xe910;
  • folder-open
    &#xe811;
  • api-fill
    &#xe911;
  • folder-add
    &#xe812;
  • highlight-fill
    &#xe912;
  • deployment unit
    &#xe813;
  • phone-fill
    &#xe913;
  • account book
    &#xe814;
  • edit-fill
    &#xe914;
  • contacts
    &#xe815;
  • pushpin-fill
    &#xe915;
  • carry out
    &#xe816;
  • rocket-fill
    &#xe916;
  • calendar-check
    &#xe817;
  • thunderbolt-fill
    &#xe917;
  • calendar
    &#xe818;
  • tag-fill
    &#xe918;
  • scan
    &#xe819;
  • wrench-fill
    &#xe919;
  • select
    &#xe81a;
  • tags-fill
    &#xe91a;
  • box plot
    &#xe81b;
  • bank-fill
    &#xe91b;
  • build
    &#xe81c;
  • camera-fill
    &#xe91c;
  • sliders
    &#xe81d;
  • error-fill
    &#xe91d;
  • laptop
    &#xe81e;
  • crown-fill
    &#xe91e;
  • barcode
    &#xe81f;
  • mail-fill
    &#xe91f;
  • camera
    &#xe820;
  • car-fill
    &#xe920;
  • cluster
    &#xe821;
  • printer-fill
    &#xe921;
  • gateway
    &#xe822;
  • shop-fill
    &#xe922;
  • car
    &#xe823;
  • setting-fill
    &#xe923;
  • printer
    &#xe824;
  • USB-fill
    &#xe924;
  • read
    &#xe825;
  • golden-fill
    &#xe925;
  • cloud-server
    &#xe826;
  • build-fill
    &#xe926;
  • cloud-upload
    &#xe827;
  • box plot-fill
    &#xe927;
  • cloud
    &#xe828;
  • sliders-fill
    &#xe928;
  • cloud-download
    &#xe829;
  • alibaba
    &#xe929;
  • cloud-sync
    &#xe82a;
  • ant design
    &#xe92a;
  • video
    &#xe82b;
  • ant-cloud
    &#xe92b;
  • notification
    &#xe82c;
  • sound
    &#xe82d;
  • radar chart
    &#xe82e;
  • qrcode
    &#xe82f;
  • fund
    &#xe830;
  • image
    &#xe831;
  • mail
    &#xe832;
  • table
    &#xe833;
  • alipay
    &#xe933;
  • id card
    &#xe834;
  • taobao
    &#xe934;
  • credit card
    &#xe835;
  • heart
    &#xe836;
  • HTML5
    &#xe936;
  • block
    &#xe837;
  • error
    &#xe838;
  • star
    &#xe839;
  • heat map
    &#xe83b;
  • CodeSandbox
    &#xe93b;
  • wifi
    &#xe83c;
  • chrome
    &#xe93c;
  • attachment
    &#xe83d;
  • codepen
    &#xe93d;
  • edit
    &#xe83e;
  • key
    &#xe83f;
  • 
    apple
    &#xe93f;
  • api
    &#xe840;
  • android
    &#xe940;
  • disconnect
    &#xe841;
  • sketch
    &#xe941;
  • highlight
    &#xe842;
  • Gitlab
    &#xe942;
  • monitor
    &#xe843;
  • dribbble
    &#xe943;
  • link
    &#xe844;
  • instagram
    &#xe944;
  • man
    &#xe845;
  • percentage
    &#xe846;
  • windows
    &#xe946;
  • pushpin
    &#xe847;
  • yuque
    &#xe947;
  • phone
    &#xe848;
  • Youtube
    &#xe948;
  • shake
    &#xe849;
  • Gitlab-fill
    &#xe949;
  • tag
    &#xe84a;
  • dropbox
    &#xe94a;
  • wrench
    &#xe84b;
  • dingtalk
    &#xe94b;
  • tags
    &#xe84c;
  • android-fill
    &#xe94c;
  • scissor
    &#xe84d;
  • apple-fill
    &#xe94d;
  • mr
    &#xe84e;
  • HTML5-fill
    &#xe94e;
  • share
    &#xe84f;
  • windows-fill
    &#xe94f;
  • branches
    &#xe850;
  • QQ
    &#xe950;
  • fork
    &#xe851;
  • shrink
    &#xe852;
  • arrawsalt
    &#xe853;
  • weibo
    &#xe953;
  • vertical right
    &#xe854;
  • yuque-fill
    &#xe954;
  • check-circle
    &#xe77d;
Last Updated:
Contributors: tower1229