# 字体图标库

本主题使用的图标库为阿里巴巴矢量图标库 [iconfont](https://www.iconfont.cn/)。

## 拓展图标
大家可以在 iconfont 生成自己的图标库，生成方法参考[官方教程](https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.13&helptype=about)。
<br>获取样式地址后按照下面示例方式添加到配置中.

```javascript
window.cnblogsConfig = {
    fontIconExtend: "//at.alicdn.com/t/font_xxxxxxxxx.css",
}
```

## 内置图标

<link rel="stylesheet" href="//at.alicdn.com/t/font_543384_kv876ayucyc.css">

> 本主题内置图标

<div id="iconbox">
<span><i class="iconfont icon-logo"></i><text>icon-logo</text></span><span><i class="iconfont icon-miaojie1029logo"></i><text>icon-miaojie1029logo</text></span><span><i class="iconfont icon-csdn"></i><text>icon-csdn</text></span><span><i class="iconfont icon-logo1"></i><text>icon-logo1</text></span><span><i class="iconfont icon-bilibili"></i><text>icon-bilibili</text></span><span><i class="iconfont icon-logo-bitcoin"></i><text>icon-logo-bitcoin</text></span><span><i class="iconfont icon-logo-css"></i><text>icon-logo-css</text></span><span><i class="iconfont icon-logo-npm"></i><text>icon-logo-npm</text></span><span><i class="iconfont icon-logo-skype"></i><text>icon-logo-skype</text></span><span><i class="iconfont icon-budaidise"></i><text>icon-budaidise</text></span><span><i class="iconfont icon-logo-tux"></i><text>icon-logo-tux</text></span><span><i class="iconfont icon-logo-twitter"></i><text>icon-logo-twitter</text></span><span><i class="iconfont icon-logo-twitch"></i><text>icon-logo-twitch</text></span><span><i class="iconfont icon-logo-pinterest"></i><text>icon-logo-pinterest</text></span><span><i class="iconfont icon-logo-tumblr"></i><text>icon-logo-tumblr</text></span><span><i class="iconfont icon-logo-reddit"></i><text>icon-logo-reddit</text></span><span><i class="iconfont icon-logo-steam"></i><text>icon-logo-steam</text></span><span><i class="iconfont icon-Ggooglelogo"></i><text>icon-Ggooglelogo</text></span><span><i class="iconfont icon-logo-closed-captioning"></i><text>icon-logo-closed-captioning</text></span><span><i class="iconfont icon-logo-linkedin"></i><text>icon-logo-linkedin</text></span><span><i class="iconfont icon-logo-xbox"></i><text>icon-logo-xbox</text></span><span><i class="iconfont icon-logo-apple"></i><text>icon-logo-apple</text></span><span><i class="iconfont icon-social-_logo-blogger"></i><text>icon-social-_logo-blogger</text></span><span><i class="iconfont icon-social-_logo-behance"></i><text>icon-social-_logo-behance</text></span><span><i class="iconfont icon-social-_logo-px"></i><text>icon-social-_logo-px</text></span><span><i class="iconfont icon-social-_logo-dropbox"></i><text>icon-social-_logo-dropbox</text></span><span><i class="iconfont icon-social-_logo-creative-market"></i><text>icon-social-_logo-creative-market</text></span><span><i class="iconfont icon-social-_logo-codepen"></i><text>icon-social-_logo-codepen</text></span><span><i class="iconfont icon-social-_logo-evernote"></i><text>icon-social-_logo-evernote</text></span><span><i class="iconfont icon-social-_logo-instagram"></i><text>icon-social-_logo-instagram</text></span><span><i class="iconfont icon-social-_logo-google-plus"></i><text>icon-social-_logo-google-plus</text></span><span><i class="iconfont icon-social-_logo-paypal"></i><text>icon-social-_logo-paypal</text></span><span><i class="iconfont icon-social-_logo-reddit"></i><text>icon-social-_logo-reddit</text></span><span><i class="iconfont icon-social-_logo-linkedin"></i><text>icon-social-_logo-linkedin</text></span><span><i class="iconfont icon-social-_logo-deviantart"></i><text>icon-social-_logo-deviantart</text></span><span><i class="iconfont icon-social-_logo-rss"></i><text>icon-social-_logo-rss</text></span><span><i class="iconfont icon-social-_logo-skype"></i><text>icon-social-_logo-skype</text></span><span><i class="iconfont icon-social-_logo-soundcloud"></i><text>icon-social-_logo-soundcloud</text></span><span><i class="iconfont icon-social-_logo-tumblr"></i><text>icon-social-_logo-tumblr</text></span><span><i class="iconfont icon-social-_logo-slack"></i><text>icon-social-_logo-slack</text></span><span><i class="iconfont icon-social-_logo-youtube"></i><text>icon-social-_logo-youtube</text></span><span><i class="iconfont icon-social-_logo-wordpress"></i><text>icon-social-_logo-wordpress</text></span><span><i class="iconfont icon-logo-markdown"></i><text>icon-logo-markdown</text></span><span><i class="iconfont icon-logo-python"></i><text>icon-logo-python</text></span><span><i class="iconfont icon-logo-nodejs"></i><text>icon-logo-nodejs</text></span><span><i class="iconfont icon-logo-facebook"></i><text>icon-logo-facebook</text></span><span><i class="iconfont icon-logo-octocat"></i><text>icon-logo-octocat</text></span><span><i class="iconfont icon-logo_ie"></i><text>icon-logo_ie</text></span><span><i class="iconfont icon-logo_QQ"></i><text>icon-logo_QQ</text></span><span><i class="iconfont icon-logo_gitlab"></i><text>icon-logo_gitlab</text></span><span><i class="iconfont icon-logo_dingding"></i><text>icon-logo_dingding</text></span><span><i class="iconfont icon-logo_weibo_circle"></i><text>icon-logo_weibo_circle</text></span><span><i class="iconfont icon-sichuantianfuyinhanglogo"></i><text>icon-sichuantianfuyinhanglogo</text></span><span><i class="iconfont icon-logo-wechat"></i><text>icon-logo-wechat</text></span><span><i class="iconfont icon-blog-solid"></i><text>icon-blog-solid</text></span><span><i class="iconfont icon-gitee1"></i><text>icon-gitee1</text></span><span><i class="iconfont icon-woguanzhudepinpai"></i><text>icon-woguanzhudepinpai</text></span><span><i class="iconfont icon-shoucangxuanzhong"></i><text>icon-shoucangxuanzhong</text></span><span><i class="iconfont icon-qinmifu"></i><text>icon-qinmifu</text></span><span><i class="iconfont icon-pengyoufill"></i><text>icon-pengyoufill</text></span><span><i class="iconfont icon-shoucang"></i><text>icon-shoucang</text></span><span><i class="iconfont icon-xihuan"></i><text>icon-xihuan</text></span><span><i class="iconfont icon-cnblogs"></i><text>icon-cnblogs</text></span><span><i class="iconfont icon-tengxunyun"></i><text>icon-tengxunyun</text></span><span><i class="iconfont icon-renzhenghuizhang"></i><text>icon-renzhenghuizhang</text></span><span><i class="iconfont icon-qianzishenhe"></i><text>icon-qianzishenhe</text></span><span><i class="iconfont icon-zhifeiji"></i><text>icon-zhifeiji</text></span><span><i class="iconfont icon-group_fill"></i><text>icon-group_fill</text></span><span><i class="iconfont icon-setup_fill"></i><text>icon-setup_fill</text></span><span><i class="iconfont icon-gitee"></i><text>icon-gitee</text></span><span><i class="iconfont icon-gitlab"></i><text>icon-gitlab</text></span><span><i class="iconfont icon-github"></i><text>icon-github</text></span><span><i class="iconfont icon-blogs"></i><text>icon-blogs</text></span><span><i class="iconfont icon-dazhongicon04"></i><text>icon-dazhongicon04</text></span><span><i class="iconfont icon-pinglun"></i><text>icon-pinglun</text></span><span><i class="iconfont icon-pinglun1"></i><text>icon-pinglun1</text></span><span><i class="iconfont icon-pinglun2"></i><text>icon-pinglun2</text></span><span><i class="iconfont icon-pinglun3"></i><text>icon-pinglun3</text></span><span><i class="iconfont icon-pinglun4"></i><text>icon-pinglun4</text></span><span><i class="iconfont icon-huaban"></i><text>icon-huaban</text></span><span><i class="iconfont icon-mulu"></i><text>icon-mulu</text></span><span><i class="iconfont icon-mulu5"></i><text>icon-mulu5</text></span><span><i class="iconfont icon-gongzhonghao"></i><text>icon-gongzhonghao</text></span><span><i class="iconfont icon-wodashangderen"></i><text>icon-wodashangderen</text></span><span><i class="iconfont icon-gongzhonghao_"></i><text>icon-gongzhonghao_</text></span><span><i class="iconfont icon-gongzhonghaoerweima"></i><text>icon-gongzhonghaoerweima</text></span><span><i class="iconfont icon-gongzhonghao1"></i><text>icon-gongzhonghao1</text></span><span><i class="iconfont icon-dashang1"></i><text>icon-dashang1</text></span><span><i class="iconfont icon-dashang2"></i><text>icon-dashang2</text></span><span><i class="iconfont icon-huodongguanli-dashanggongneng"></i><text>icon-huodongguanli-dashanggongneng</text></span><span><i class="iconfont icon-gongzhonghao2"></i><text>icon-gongzhonghao2</text></span><span><i class="iconfont icon-bad"></i><text>icon-bad</text></span><span><i class="iconfont icon-good"></i><text>icon-good</text></span><span><i class="iconfont icon-hot"></i><text>icon-hot</text></span><span><i class="iconfont icon-xl"></i><text>icon-xl</text></span><span><i class="iconfont icon-aixin"></i><text>icon-aixin</text></span><span><i class="iconfont icon-weibiaoti22"></i><text>icon-weibiaoti22</text></span><span><i class="iconfont icon-QRcode"></i><text>icon-QRcode</text></span><span><i class="iconfont icon-menudots"></i><text>icon-menudots</text></span><span><i class="iconfont icon-shang"></i><text>icon-shang</text></span><span><i class="iconfont icon-xuanshang"></i><text>icon-xuanshang</text></span><span><i class="iconfont icon-interactive"></i><text>icon-interactive</text></span><span><i class="iconfont icon-browse"></i><text>icon-browse</text></span><span><i class="iconfont icon-time1"></i><text>icon-time1</text></span><span><i class="iconfont icon-right"></i><text>icon-right</text></span><span><i class="iconfont icon-pinglunzu"></i><text>icon-pinglunzu</text></span><span><i class="iconfont icon-select"></i><text>icon-select</text></span><span><i class="iconfont icon-xiala-copy"></i><text>icon-xiala-copy</text></span><span><i class="iconfont icon-xiala-copy-copy"></i><text>icon-xiala-copy-copy</text></span><span><i class="iconfont icon-zhtn"></i><text>icon-zhtn</text></span><span><i class="iconfont icon-addressbook_fill"></i><text>icon-addressbook_fill</text></span><span><i class="iconfont icon-barrage_fill"></i><text>icon-barrage_fill</text></span><span><i class="iconfont icon-brush_fill"></i><text>icon-brush_fill</text></span><span><i class="iconfont icon-computer_fill"></i><text>icon-computer_fill</text></span><span><i class="iconfont icon-createtask_fill"></i><text>icon-createtask_fill</text></span><span><i class="iconfont icon-dynamic_fill"></i><text>icon-dynamic_fill</text></span><span><i class="iconfont icon-emoji_fill"></i><text>icon-emoji_fill</text></span><span><i class="iconfont icon-enterinto_fill"></i><text>icon-enterinto_fill</text></span><span><i class="iconfont icon-flag_fill"></i><text>icon-flag_fill</text></span><span><i class="iconfont icon-flashlight_fill"></i><text>icon-flashlight_fill</text></span><span><i class="iconfont icon-headlines_fill"></i><text>icon-headlines_fill</text></span><span><i class="iconfont icon-homepage_fill"></i><text>icon-homepage_fill</text></span><span><i class="iconfont icon-interactive_fill"></i><text>icon-interactive_fill</text></span><span><i class="iconfont icon-mine_fill"></i><text>icon-mine_fill</text></span><span><i class="iconfont icon-picture_fill"></i><text>icon-picture_fill</text></span><span><i class="iconfont icon-play_fill"></i><text>icon-play_fill</text></span><span><i class="iconfont icon-prompt_fill"></i><text>icon-prompt_fill</text></span><span><i class="iconfont icon-redpacket_fill"></i><text>icon-redpacket_fill</text></span><span><i class="iconfont icon-remind_fill"></i><text>icon-remind_fill</text></span><span><i class="iconfont icon-smallscreen_fill"></i><text>icon-smallscreen_fill</text></span><span><i class="iconfont icon-stealth_fill"></i><text>icon-stealth_fill</text></span><span><i class="iconfont icon-tasklist_fill"></i><text>icon-tasklist_fill</text></span><span><i class="iconfont icon-trash_fill"></i><text>icon-trash_fill</text></span><span><i class="iconfont icon-video_fill"></i><text>icon-video_fill</text></span><span><i class="iconfont icon-warning_fill"></i><text>icon-warning_fill</text></span><span><i class="iconfont icon-searchfill"></i><text>icon-searchfill</text></span><span><i class="iconfont icon-financial_fill"></i><text>icon-financial_fill</text></span><span><i class="iconfont icon-int"></i><text>icon-int</text></span><span><i class="iconfont icon-lighting"></i><text>icon-lighting</text></span><span><i class="iconfont icon-shandian"></i><text>icon-shandian</text></span><span><i class="iconfont icon-shandian2"></i><text>icon-shandian2</text></span><span><i class="iconfont icon-code1"></i><text>icon-code1</text></span><span><i class="iconfont icon-code3"></i><text>icon-code3</text></span><span><i class="iconfont icon-code4"></i><text>icon-code4</text></span><span><i class="iconfont icon-code5"></i><text>icon-code5</text></span><span><i class="iconfont icon-activity_fill"></i><text>icon-activity_fill</text></span><span><i class="iconfont icon-document_fill"></i><text>icon-document_fill</text></span><span><i class="iconfont icon-task_fill"></i><text>icon-task_fill</text></span><span><i class="iconfont icon-browse_fill"></i><text>icon-browse_fill</text></span><span><i class="iconfont icon-collection_fill"></i><text>icon-collection_fill</text></span><span><i class="iconfont icon-label_fill"></i><text>icon-label_fill</text></span><span><i class="iconfont icon-like_fill"></i><text>icon-like_fill</text></span><span><i class="iconfont icon-praise_fill"></i><text>icon-praise_fill</text></span><span><i class="iconfont icon-select_fill"></i><text>icon-select_fill</text></span><span><i class="iconfont icon-time_fill"></i><text>icon-time_fill</text></span><span><i class="iconfont icon-marketing_fill"></i><text>icon-marketing_fill</text></span><span><i class="iconfont icon-fuzhi"></i><text>icon-fuzhi</text></span><span><i class="iconfont icon-fuzhi1"></i><text>icon-fuzhi1</text></span><span><i class="iconfont icon-icon02"></i><text>icon-icon02</text></span><span><i class="iconfont icon-fuzhi2"></i><text>icon-fuzhi2</text></span><span><i class="iconfont icon-fuzhi3"></i><text>icon-fuzhi3</text></span><span><i class="iconfont icon-buzan"></i><text>icon-buzan</text></span><span><i class="iconfont icon-zan1"></i><text>icon-zan1</text></span><span><i class="iconfont icon-dianzan"></i><text>icon-dianzan</text></span><span><i class="iconfont icon-iconweiguanzhu"></i><text>icon-iconweiguanzhu</text></span><span><i class="iconfont icon-iconyiguanzhu"></i><text>icon-iconyiguanzhu</text></span><span><i class="iconfont icon-dianzan1"></i><text>icon-dianzan1</text></span><span><i class="iconfont icon-odps-data"></i><text>icon-odps-data</text></span><span><i class="iconfont icon-fanhui"></i><text>icon-fanhui</text></span><span><i class="iconfont icon-zhiding"></i><text>icon-zhiding</text></span><span><i class="iconfont icon-timefill"></i><text>icon-timefill</text></span><span><i class="iconfont icon-time"></i><text>icon-time</text></span><span><i class="iconfont icon-likefill"></i><text>icon-likefill</text></span><span><i class="iconfont icon-like"></i><text>icon-like</text></span><span><i class="iconfont icon-tagfill"></i><text>icon-tagfill</text></span><span><i class="iconfont icon-tag"></i><text>icon-tag</text></span>
</div>

<style>
#iconbox>span {
    width: 190px;
    height: 75px;
    display: inline-block;
    text-align: center;
    line-height: 75px;
    margin: 5px;
    position: relative;
}

#iconbox>span i {
    font-size: 24px;
    color: #555;
}
#iconbox>span text {
    position: absolute;
    bottom: -36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 40px;
}
</style>