element ui icon引用

背景：element ui 中，类似引用自带icon一样使用，

如 

<i class="el-icon-edit"></i>

 

代码：

<i class="el-icon-xxx"></i>
.el-icon-xxx {
	background: url('../../assets/images/xxx.png') center no-repeat; // 需要引入你的图标路径
	background-size: contain;
	display: inline-block;
	margin: 0 auto;
	margin-left: 10px;
}
.el-icon-xxx:hover {
	content: '\8d3a';
	cursor: pointer;
}
//content中是中文的Unicode编码； font-size:图标大小； visibility: hidden;来隐藏文字
.el-icon-xxx:before {
	content: '\8d3a';
	display: inline-block;
	margin-left: 6px;
	font-size: 20px;
	visibility: hidden;
}