[Open Iconic v1.1.1](http://useiconic.com/open)
===========
### Open Iconic is the open source sibling of [Iconic](http://useiconic.com). It is a hyper-legible collection of 223 icons with a tiny footprint—ready to use with Bootstrap and Foundation. [View the collection](http://useiconic.com/open#icons)
## What's in Open Iconic?
* 223 icons designed to be legible down to 8 pixels
* Super-light SVG files - 61.8 for the entire set
* SVG sprite—the modern replacement for icon fonts
* Webfont (EOT, OTF, SVG, TTF, WOFF), PNG and WebP formats
* Webfont stylesheets (including versions for Bootstrap and Foundation) in CSS, LESS, SCSS and Stylus formats
* PNG and WebP raster images in 8px, 16px, 24px, 32px, 48px and 64px.
## Getting Started
#### For code samples and everything else you need to get started with Open Iconic, check out our [Icons](http://useiconic.com/open#icons) and [Reference](http://useiconic.com/open#reference) sections.
### General Usage
#### Using Open Iconic's SVGs
We like SVGs and we think they're the way to display icons on the web. Since Open Iconic are just basic SVGs, we suggest you display them like you would any other image (don't forget the `alt` attribute).
```
<img src="/open-iconic/svg/icon-name.svg" alt="icon name">
```
#### Using Open Iconic's SVG Sprite
Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.
Adding an icon from an SVG sprite is a little different than what you're used to, but it's still a piece of cake. *Tip: To make your icons easily style able, we suggest adding a general class to the* `<svg>` *tag and a unique class name for each different icon in the* `<use>` *tag.*
```
<svg class="icon">
<use xlink:href="open-iconic.svg#account-login" class="icon-account-login"></use>
</svg>
```
Sizing icons only needs basic CSS. All the icons are in a square format, so just set the `<svg>` tag with equal width and height dimensions.
```
.icon {
width: 16px;
height: 16px;
}
```
Coloring icons is even easier. All you need to do is set the `fill` rule on the `<use>` tag.
```
.icon-account-login {
fill: #f00;
}
```
To learn more about SVG Sprites, read [Chris Coyier's guide](http://css-tricks.com/svg-sprites-use-better-icon-fonts/).
#### Using Open Iconic's Icon Font...
##### …with Bootstrap
You can find our Bootstrap stylesheets in `font/css/open-iconic-bootstrap.{css, less, scss, styl}`
```
<link href="/open-iconic/font/css/open-iconic-bootstrap.css" rel="stylesheet">
```
```
<span class="oi oi-icon-name" title="icon name" aria-hidden="true"></span>
```
##### …with Foundation
You can find our Foundation stylesheets in `font/css/open-iconic-foundation.{css, less, scss, styl}`
```
<link href="/open-iconic/font/css/open-iconic-foundation.css" rel="stylesheet">
```
```
<span class="fi-icon-name" title="icon name" aria-hidden="true"></span>
```
##### …on its own
You can find our default stylesheets in `font/css/open-iconic.{css, less, scss, styl}`
```
<link href="/open-iconic/font/css/open-iconic.css" rel="stylesheet">
```
```
<span class="oi" data-glyph="icon-name" title="icon name" aria-hidden="true"></span>
```
## License
### Icons
All code (including SVG markup) is under the [MIT License](http://opensource.org/licenses/MIT).
### Fonts
All fonts are under the [SIL Licensed](http://scripts.sil.org/cms/scripts/page.php?item_id=OFL_web).
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【资源说明】 python毕业设计-基于Django+ECharts+MongoDB的Web日志分析可视化系统设计与实现+使用说明.zippython毕业设计-基于Django+ECharts+MongoDB的Web日志分析可视化系统设计与实现+使用说明.zip 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如软件工程、计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用,也可作为毕设项目、课程设计、作业、项目初期立项演示等,当然也适合小白学习进阶。 3、如果基础还行,可以在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!
资源推荐
资源详情
资源评论
收起资源包目录
python毕业设计-基于Django+ECharts+MongoDB的Web日志分析可视化系统设计与实现+使用说明.zip (197个子文件)
bootstrap.min.css 150KB
bootstrap-table-group-by.min.css 24KB
bootstrap-table-group-by.css 24KB
open-iconic-foundation.css 16KB
open-iconic-foundation.min.css 14KB
open-iconic.css 14KB
open-iconic.min.css 12KB
open-iconic-bootstrap.css 11KB
bootstrap-table-semantic.css 10KB
bootstrap-table-bulma.css 10KB
bootstrap-table-foundation.css 10KB
bootstrap-table-materialize.css 10KB
bootstrap-table-semantic.min.css 9KB
bootstrap-table-bulma.min.css 9KB
open-iconic-bootstrap.min.css 9KB
bootstrap-table-foundation.min.css 9KB
bootstrap-table-materialize.min.css 9KB
bootstrap-table.min.css 8KB
bootstrap-table-reorder-rows.min.css 1KB
base.css 1KB
bootstrap-table-tree-column.min.css 904B
bootstrap-table-reorder-rows.css 819B
bootstrap-table-fixed-columns.min.css 805B
bootstrap-table-multiple-selection-row.min.css 591B
bootstrap-table-tree-column.css 582B
bootstrap-table-fixed-columns.css 547B
bootstrap-table-sticky-header.min.css 540B
bootstrap-table-group-by.min.css 449B
bootstrap-table-page-jump-to.min.css 434B
bootstrap-table-filter-control.min.css 393B
bootstrap-table-sticky-header.css 362B
bootstrap-table-multiple-selection-row.css 306B
bootstrap-table-group-by.css 215B
bootstrap-table-filter-control.css 190B
bootstrap-table-page-jump-to.css 148B
chart.css 35B
open-iconic.eot 28KB
FONT-LICENSE 4KB
.gitattributes 93B
.gitignore 9B
.gitignore 6B
inner_ip.html 7KB
inner_diff_ip.html 7KB
base.html 6KB
index.html 4KB
today_access.html 3KB
login.html 2KB
http_status_pie.html 2KB
ua_browser_detail.html 2KB
ua_browser_bot.html 2KB
ua_os.html 2KB
http_status_line.html 2KB
outer_ip.html 2KB
outer_diff_ip.html 2KB
recent_log_table.html 2KB
register.html 2KB
temp.html 2KB
err_log_table.html 2KB
base.html 484B
favicon.ico 4KB
ICON-LICENSE 1KB
echarts.min.js 730KB
jquery.min.js 85KB
bootstrap-table.min.js 67KB
china.js 61KB
bootstrap.min.js 54KB
tableExport.min.js 35KB
bootstrap-table-filter-control.js 34KB
bootstrap-table-cookie.js 21KB
popper.min.js 20KB
bootstrap-table-multiple-sort.js 19KB
bootstrap-table-filter-control.min.js 15KB
bootstrap-table-accent-neutralise.js 15KB
bootstrap-table-pipeline.js 15KB
bootstrap-table-toolbar.js 13KB
bootstrap-table-select2-filter.js 11KB
bootstrap-table-cookie.min.js 11KB
bootstrap-table-export.js 11KB
bootstrap-table-accent-neutralise.min.js 10KB
bootstrap-table-multiple-sort.min.js 10KB
bootstrap-table-group-by.js 9KB
bootstrap-table-addrbar.js 9KB
bootstrap-table-editable.js 9KB
bootstrap-table-print.js 8KB
bootstrap-table-group-by.js 8KB
bootstrap-table-toolbar.min.js 8KB
bootstrap-table-fixed-columns.js 7KB
bootstrap-table-reorder-columns.js 7KB
bootstrap-table-sticky-header.js 7KB
bootstrap-table-auto-refresh.js 6KB
bootstrap-table-foundation.js 6KB
bootstrap-table-bulma.js 6KB
bootstrap-table-materialize.js 6KB
bootstrap-table-select2-filter.min.js 6KB
bootstrap-table-tree-column.js 6KB
bootstrap-table-export.min.js 6KB
bootstrap-table-multiple-selection-row.js 5KB
bootstrap-table-pipeline.min.js 5KB
bootstrap-table-semantic.js 5KB
bootstrap-table-mobile.js 5KB
共 197 条
- 1
- 2
资源评论
不走小道
- 粉丝: 3206
- 资源: 5122
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功