https://github.com/canmengfly/canico
Can ICO一套免费开源图标库，完美支持WEB与小程序。
https://github.com/canmengfly/canico
ico icons
Last synced: 8 months ago
JSON representation
Can ICO一套免费开源图标库，完美支持WEB与小程序。
- Host: GitHub
- URL: https://github.com/canmengfly/canico
- Owner: canmengfly
- Created: 2018-11-06T11:29:41.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-09-10T01:41:52.000Z (about 6 years ago)
- Last Synced: 2025-02-08T01:42:18.530Z (9 months ago)
- Topics: ico, icons
- Language: HTML
- Homepage:
- Size: 170 KB
- Stars: 7
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Can ICO一套免费开源图标库（WEB版）
1. 将整个Can ICO图标库的目录复制到你的项目中
2. 在 `` 标签中添加 ``
3. 在需要图标的地方添加对应 `class` 的 `` 即可，已logo图标为例：``
本地运行demo或者点击下面官网即可查看更多图例。
[canico.canmeng.net](https://canico.canmeng.net/)
### Can ICO一套免费开源图标库（For Mini Program）
#### 使用指南：
1.将`canico（for mini program）`目录下的“canico” 上传到任意小程序目录
2.在 app.json 或 index.json 中引入组件
```json
"usingComponents": {
"can-ico": "canico/icon/index"
}
```
#### 代码演示：
设置`name`属性为对应的图标名称即可，所有可用的图标名称见后续官网或html版demo
```html
```
#### API参数：
| 数 | 说明 | 类型 | 默认值 |
| ------------ | -------------------------- | -------- | --------- |
| name | 图标名称 | `String` | - |
| color | 图标颜色 | `String` | `inherit` |
| size | 图标大小，如 `20px`，`2em` | `String` | `inherit` |
| custom-style | 自定义样式 | `String` | - |
如：
```html
```
实例表示，插入图标 `“candesign”` 并且颜色为红色，大小为5em。
#### 加速CDN地址说明：
如果直接调用icon文件，所使用的URL即：
```css
src:url(https://d.canmeng.net/css/fonts/Can-ico.ttf)
```
此地址可修改为自己的CDN加速地址，当然也可拆封即用。
修改路径为：
```html
/canico/icon/index.wxss
```
本人并非专职设计，ICO有自己画有搜集，遵循：
### 开源协议
- Can ICO图标库中的字体遵循 [SIL OFL 1.1](http://scripts.sil.org/OFL) 协议
- Can ICO图标库中的 css 遵循 [MIT](https://opensource.org/licenses/mit-license.html) 协议
- Can ICO图标库中的文档遵循 [CC BY 3.0](http://creativecommons.org/licenses/by/3.0/) 协议
-
### 更新日志：
2018.11.6：初始版本 图标数 327个
2018.11.13：新增 xcx，xcx-i 图标ICO
2018.11.27： 上线微信小程序版ICO