# easy-icon
**Repository Path**: sz861128/easy-icon
## Basic Information
- **Project Name**: easy-icon
- **Description**: 高颜值、简单易用的字体图标库
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://theajack.gitee.io/easy-icon
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 12
- **Created**: 2020-05-28
- **Last Updated**: 2020-12-28
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
### 🚀 高颜值、简单易用的web字体图标库
**[在线使用](https://theajack.gitee.io/easy-icon/index_cn.html) | [Github](https://github.com/theajack/easy-icon) | [Gitee](https://gitee.com/theajack/easy-icon) | [English](https://github.com/theajack/easy-icon/blob/master/README.md) | [cnchar-发现汉字之美](https://gitee.com/theajack/cnchar)**
----
[TOC]
----
### 0. 快速开始
Easy-ICON 是一款高颜值、简单易用的web字体图标库，只需引入一个css文件（或一个npm包），您就可以简单地使用1000多个漂亮的图标
以下是css文件引入的一个简单例子
```html
```
效果图：
[**😃 在线体验1583个图标**](https://theajack.gitee.io/easy-icon)
### 1. 介绍
Easy-ICON 是一个简单易用的icon字体库
Easy-ICON 使用 Font-Awesome 等多个图标库, 对原作者做出的贡献表示感谢!
特性：
1. 使用非常简单
2. 1583个常用的字体图标，来自多个字体图库
3. 自定义任意css样式，缩放不模糊
4. 按模块部分使用
### 2.安装使用
#### 2.1 使用css文件引用:(推荐下载到本地然后引用本地文件)
easy-icon 共分为了五个模块，可以独立单独引用
```html
```
或者使用一个集合的版本
```html
```
#### 2.2 或者使用npm安装:
```
npm i easy-icon;
```
您只需要引用一次即可:
与css文件引用一样，可以模块独立引用，无需使用全部
```js
import 'easy-icon';
import 'easy-icon/easy-icon-a.js';
import 'easy-icon/easy-icon-f.js';
import 'easy-icon/easy-icon-t.js';
import 'easy-icon/easy-icon-l.js';
```
或者使用集合版本
```js
import 'easy-icon/easy-icon-all.js';
```
#### 2.3 使用
Easy ICON使用起来十分简单，您只需要在您想要使用的地方插入一个如下的标签即可:
```html
```
需要注意的是，五个模块对应的前缀不一样，分别为
- easy-icon-a: ei-
- easy-icon-a: ea-
- easy-icon-f: ef-
- easy-icon-t: et-
- easy-icon-l: el-
[查看可用的图标](https://theajack.gitee.io/easy-icon/)
展开全部图标
### 3.其他
#### 3.1 让图标旋转
您可以通过添加 ei-spin 类来使图标旋转:
```html
```
ei-spin 类对五个模块表现一致
#### 3.2 选择尺寸
Easy ICON 内置了八种不同大小的尺寸，从小到大依次为::xs,s,l,lg,2x,3x,4x,5x
尺寸类对五个模块表现一致
```html
```
当然，您可以使用任何自定义css样式来覆盖默认的样式.