target/classes/templates/demo/icon/fontawesome.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html lang="zh">
<head>
	<th:block th:include="include :: header('fontawesome图标')" />
	<style type="text/css">
		.fontawesome-icon-list .fa-hover{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color:#222222;line-height:32px;height:32px;padding-left:10px;border-radius:4px;}
		.fontawesome-icon-list .fa-hover .fa{width:32px;font-size:14px;display:inline-block;text-align:right;margin-right:10px}
		.fontawesome-icon-list .fa-hover:hover{background-color:#1d9d74;color:#fff;text-decoration:none}
		.fontawesome-icon-list .fa-hover:hover .fa{font-size:30px !important;vertical-align:-6px}
		.fontawesome-icon-list .fa-hover .text-muted{color:#bbe2d5}
	</style>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>所有图标 <small class="m-l-sm">所有图标集合 - <a target="_blank" href="http://fortawesome.github.io/Font-Awesome/icons/">Font Awesome</a> </small></h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="javascript:;">选项1</a>
                                </li>
                                <li><a href="javascript:;">选项2</a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content icons-box">
	                    <section id="web-application">
	                        <h2 class="page-header">Web应用程序图标</h2>
	                        <div class="row fontawesome-icon-list">
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-address-book" aria-hidden="true"></i>address-book</div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-address-book-o" aria-hidden="true"></i>address-book-o</div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-address-card" aria-hidden="true"></i>address-card</div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-address-card-o" aria-hidden="true"></i>address-card-o</div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-adjust" aria-hidden="true"></i>adjust</div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i>american-sign-language-interpreting</div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-anchor" aria-hidden="true"></i>anchor</div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-archive" aria-hidden="true"></i>archive</div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-area-chart" aria-hidden="true"></i>area-chart</div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-arrows" aria-hidden="true"></i>arrows</div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-arrows-h" aria-hidden="true"></i>arrows-h</div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-arrows-v" aria-hidden="true"></i>arrows-v</div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-asl-interpreting" aria-hidden="true"></i>asl-interpreting <span class="text-muted">(alias)</span></div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i>assistive-listening-systems</div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-asterisk" aria-hidden="true"></i>asterisk</div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-at" aria-hidden="true"></i>at</div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-audio-description" aria-hidden="true"></i>audio-description</div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-automobile" aria-hidden="true"></i>automobile <span class="text-muted">(alias)</span></div>
	                            <div class="fa-hover col-md-3 col-sm-4"><i class="fa fa-balance-scale" aria-hidden="true"></i>balance-scale</div>