-
china 中国
#skflag-chinazhongguo
-
albania 阿尔巴尼亚
#skflag-albaniaaerbaniya
-
algeria 阿尔及利亚
#skflag-algeriaaerjiliya
-
andorra 安多
#skflag-andorraanduo
-
angola 安哥拉
#skflag-angolaangela
-
antarctica 南极地区
#skflag-antarcticananjidiqu
-
antigua and barbuda
#skflag-antiguaandbarbuda
-
aruba 阿鲁巴
#skflag-arubaaluba
-
armenia 亚美尼亚
#skflag-armeniayameiniya
-
austria 奥地利
#skflag-austriaaodili
-
bahrain 巴林
#skflag-bahrainbalin
-
australia 澳大利亚
#skflag-australiaaodaliya
-
azerbaijan 阿塞拜疆
#skflag-azerbaijanasaibaijiang
-
barbados 巴巴多斯
#skflag-barbadosbabaduosi
-
belgium 比利时
#skflag-belgiumbilishi
-
benin 贝宁
#skflag-beninbeining
-
bolivia 玻利维亚
#skflag-boliviaboliweiya
-
botswana 博茨瓦纳
#skflag-botswanabociwana
-
bosnia and herzegovi
#skflag-bosniaandherzegovi
-
argentina 阿根廷
#skflag-argentinaagenting
-
bangladesh 孟加拉国
#skflag-bangladeshmengjialaguo
-
bulgaria 保加利亚
#skflag-bulgariabaojialiya
-
burkina faso 布基纳法索
#skflag-burkinafasobujinafasuo
-
burundi 布隆迪
#skflag-burundibulongdi
-
cameroon 喀麦隆
#skflag-cameroonkamailong
-
brazil 巴西
#skflag-brazilbaxi
-
canada 加拿大
#skflag-canadajianada
-
catalonia 加泰罗尼亚
#skflag-cataloniajiatailuoniya
-
central african repu
#skflag-centralafricanrepu
-
belarus 白俄罗斯
#skflag-belarusbaieluosi
-
chad 乍得
#skflag-chadzhade
-
chile 智利
#skflag-chilezhili
-
colombia 哥伦比亚
#skflag-colombiagelunbiya
-
comoros 科摩罗
#skflag-comoroskemoluo
-
cote d'ivoire 科特迪瓦
#skflag-cotedivoireketediwa
-
costa rica 哥斯达黎加
#skflag-costaricagesidalijia
-
cuba 古巴
#skflag-cubaguba
-
czech rpubulic 捷克共和国
#skflag-czechrpubulicjiekegongheguo
-
cambodia 柬埔寨
#skflag-cambodiajianpuzhai
-
brunei 文莱
#skflag-bruneiwenlai
-
cape verde 佛得角
#skflag-capeverdefodejiao
-
democratic republic
#skflag-democraticrepublic
-
cyprus 塞浦路斯
#skflag-cyprussaipulusi
-
djibouti 吉布提
#skflag-djiboutijibuti
-
england 英国
#skflag-englandyingguo
-
eritrea 厄立特里亚
#skflag-eritreaeliteliya
-
estonia 爱沙尼亚
#skflag-estoniaaishaniya
-
domimica 多米尼克
#skflag-domimicaduominike
-
egypt 埃及
#skflag-egyptaiji
-
ethiopia 埃塞俄比亚
#skflag-ethiopiaaisaiebiya
-
croatia 克罗地亚
#skflag-croatiakeluodiya
-
denmark 丹麦
#skflag-denmarkdanmai
-
faroe islnads 法罗群岛
#skflag-faroeislnadsfaluoqundao
-
equatorial guinea 赤道
#skflag-equatorialguineachidao
-
european union 欧洲联盟
#skflag-europeanunionouzhoulianmeng
-
finland 芬兰
#skflag-finlandfenlan
-
france 法国
#skflag-francefaguo
-
gabon 加蓬
#skflag-gabonjiapeng
-
germany 德国
#skflag-germanydeguo
-
georgia 格鲁吉亚
#skflag-georgiagelujiya
-
ghana 迦纳
#skflag-ghanajiana
-
greece 希腊
#skflag-greecexila
-
greenland 格陵兰
#skflag-greenlandgelinglan
-
guinea 几内亚
#skflag-guineajineiya
-
grenada 格林纳达
#skflag-grenadagelinnada
-
guinea-bissau 几内亚比绍
#skflag-guinea-bissaujineiyabishao
-
guyana 圭亚那
#skflag-guyanaguiyana
-
honduras 洪都拉斯
#skflag-hondurashongdulasi
-
hungary 匈牙利
#skflag-hungaryxiongyali
-
iceland 冰岛
#skflag-icelandbingdao
-
indonesia 印度尼西亚
#skflag-indonesiayindunixiya
-
hong kong 香港
#skflag-hongkongxianggang
-
ireland 爱尔兰
#skflag-irelandaierlan
-
gibraltar 直布罗陀
#skflag-gibraltarzhibuluotuo
-
israel 以色列
#skflag-israelyiselie
-
iraq 伊拉克
#skflag-iraqyilake
-
italy 意大利
#skflag-italyyidali
-
jamaica 牙买加
#skflag-jamaicayamaijia
-
japan 日本
#skflag-japanriben
-
fiji 斐济
#skflag-fijifeiji
-
india 印度
#skflag-indiayindu
-
Jordan 约旦
#skflag-Jordanyuedan
-
kenya 肯尼亚
#skflag-kenyakenniya
-
iran 伊朗
#skflag-iranyilang
-
kuwait 科威特
#skflag-kuwaitkeweite
-
laos 老挝
#skflag-laoslaozhua
-
lesotho 莱索托
#skflag-lesotholaisuotuo
-
kazakhstan 哈萨克斯坦
#skflag-kazakhstanhasakesitan
-
latvia 拉脱维亚
#skflag-latvialatuoweiya
-
liberia 利比里亚
#skflag-liberialibiliya
-
kyrgyzstan 吉尔吉斯斯坦
#skflag-kyrgyzstanjierjisisitan
-
kiribati 基里巴斯
#skflag-kiribatijilibasi
-
lithuania 立陶宛
#skflag-lithuanialitaowan
-
luxemburg 卢森堡
#skflag-luxemburglusenbao
-
lebanon 黎巴嫩
#skflag-lebanonlibanen
-
lybia 利比亚
#skflag-lybialibiya
-
macau 澳门
#skflag-macauaomen
-
madagascar 马达加斯加
#skflag-madagascarmadajiasijia
-
maldives 马尔代夫
#skflag-maldivesmaerdaifu
-
malaysia 马来西亚
#skflag-malaysiamalaixiya
-
mali 马里
#skflag-malimali
-
mauritania 毛里塔尼亚
#skflag-mauritaniamaolitaniya
-
malawi 马拉维
#skflag-malawimalawei
-
mauritius 毛里求斯
#skflag-mauritiusmaoliqiusi
-
marshall islands 马绍尔
#skflag-marshallislandsmashaoer
-
micronesia 密克罗尼西亚
#skflag-micronesiamikeluonixiya
-
Liechtenstein 列支敦士登
#skflag-Liechtensteinliezhidunshideng
-
macedonia 马其顿
#skflag-macedoniamaqidun
-
monaco 摩纳哥
#skflag-monacomonage
-
mongolia 蒙古
#skflag-mongoliamenggu
-
morocco 摩洛哥
#skflag-moroccomoluoge
-
mozambique 莫桑比克
#skflag-mozambiquemosangbike
-
nauru 瑙鲁
#skflag-naurunaolu
-
namibia 纳米比亚
#skflag-namibianamibiya
-
nepal 尼泊尔
#skflag-nepalniboer
-
netherlands 荷兰
#skflag-netherlandshelan
-
malta 马耳他
#skflag-maltamaerta
-
nigeria 尼日利亚
#skflag-nigerianiriliya
-
niger 尼日尔
#skflag-nigernirier
-
myanmar 缅甸
#skflag-myanmarmiandian
-
north korea 北韩
#skflag-northkoreabeihan
-
norway 挪威
#skflag-norwaynuowei
-
pakistan 巴基斯坦
#skflag-pakistanbajisitan
-
moldova 摩尔多瓦
#skflag-moldovamoerduowa
-
palau 帕劳
#skflag-palaupalao
-
new zealand 新西兰
#skflag-newzealandxinxilan
-
northern ireland 北爱尔
#skflag-northernirelandbeiaier
-
palestine 巴勒斯坦
#skflag-palestinebalesitan
-
panama 巴拿马
#skflag-panamabanama
-
peru 秘鲁
#skflag-perumilu
-
poland 波兰
#skflag-polandbolan
-
puerto rico 波多黎各
#skflag-puertoricoboduolige
-
papua new guinea 巴布亚
#skflag-papuanewguineababuya
-
philippines 菲律宾
#skflag-philippinesfeilvbin
-
qatar 卡塔尔
#skflag-qatarqiataer
-
republic of the cong
#skflag-republicofthecong
-
romania 罗马尼亚
#skflag-romanialuomaniya
-
russia 俄罗斯
#skflag-russiaeluosi
-
rwanda 卢旺达
#skflag-rwandaluwangda
-
saint kitts and nevi
#skflag-saintkittsandnevi
-
saint lucia 圣卢西亚
#skflag-saintluciashengluxiya
-
saint vincent and th
#skflag-saintvincentandth
-
samoa 萨摩亚
#skflag-samoasamoya
-
sao tome and princip
#skflag-saotomeandprincip
-
scotland 苏格兰
#skflag-scotlandsugelan
-
seychelles 塞舌尔
#skflag-seychellessaisheer
-
sierra leone 塞拉利昂
#skflag-sierraleonesailaliang
-
nicaragua 尼加拉瓜
#skflag-nicaraguanijialagua
-
singapore 新加坡
#skflag-singaporexinjiapo
-
senegal 塞内加尔
#skflag-senegalsaineijiaer
-
slovakia 斯洛伐克
#skflag-slovakiasiluofake
-
slovenia 斯洛文尼亚
#skflag-sloveniasiluowenniya
-
saudi arabia 沙特阿拉伯
#skflag-saudiarabiashatealabo
-
Somalia 索马里
#skflag-Somaliasuomali
-
south africa 南非
#skflag-southafricananfei
-
south korea 韩国
#skflag-southkoreahanguo
-
solomon islands 所罗门群
#skflag-solomonislandssuoluomenqun
-
sudan 苏丹
#skflag-sudansudan
-
suriname 苏里南
#skflag-surinamesulinan
-
sweden 瑞典
#skflag-swedenruidian
-
Switzerland 瑞士
#skflag-Switzerlandruishi
-
syria 叙利亚
#skflag-syriaxuliya
-
tanzania 坦桑尼亚
#skflag-tanzaniatansangniya
-
the banamas 巴拿马
#skflag-thebanamasbanama
-
tajikistan 塔吉克斯坦
#skflag-tajikistantajikesitan
-
sri lanka 斯里兰卡
#skflag-srilankasililanqia
-
the gambia 冈比亚
#skflag-thegambiagangbiya
-
thailand 泰国
#skflag-thailandtaiguo
-
swaziland 斯威士兰
#skflag-swazilandsiweishilan
-
togo 多哥
#skflag-togoduoge
-
tonga 汤加
#skflag-tongatangjia
-
timor-leste 东帝汶
#skflag-timor-lestedongdiwen
-
trinidad and tobago
#skflag-trinidadandtobago
-
tunisia 突尼斯
#skflag-tunisiatunisi
-
Turkey 土耳其
#skflag-Turkeytuerqi
-
ukraine 乌克兰
#skflag-ukrainewukelan
-
tuvalu 图瓦卢
#skflag-tuvalutuwalu
-
uganda 乌干达
#skflag-ugandawuganda
-
united kingdom 联合王国
#skflag-unitedkingdomlianhewangguo
-
uzbekistan 乌兹别克斯坦
#skflag-uzbekistanwuzibiekesitan
-
venezuela 委内瑞拉
#skflag-venezuelaweineiruila
-
united arab emirates
#skflag-unitedarabemirates
-
Vietnam 越南
#skflag-Vietnamyuenan
-
vanatu 瓦纳图
#skflag-vanatuwanatu
-
uruguay 乌拉圭
#skflag-uruguaywulagui
-
Yemen 也门
#skflag-Yemenyemen
-
united states of ame
#skflag-unitedstatesofame
-
Western Sahara 西撒哈拉
#skflag-WesternSaharaxisahala
-
Zimbabwe 津巴布韦
#skflag-Zimbabwejinbabuwei
-
Zambia 赞比亚
#skflag-Zambiazanbiya
Symbol 引用
这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章
这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:
- 支持多色图标了,不再受单色限制。
- 通过一些技巧,支持像字体那样,通过
font-size
, color
来调整样式。
- 兼容性较差,支持 IE9+,及现代浏览器。
- 浏览器渲染 SVG 的性能一般,还不如 png。
使用步骤如下:
第一步:引入项目下面生成的 symbol 代码:
<script src="./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>