[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).
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
使用 NET Core + Bootstrap + PetaPoco + HTML 5 + jQuery 构建的后台管理平台 本系统可以用于所有的 Web 应用程序,目前版本已经升级到 NET CORE 具备跨平台能力。数据库方面同时支持多种数据库,详细列表见后面数据库的详细列表,切换数据源仅需更改配置文件无需重启应用程序,配置简单灵活。UI 前端使用流行的 Bootstrap 框架布局对移动设备的兼容性非常好,自适应目前市场几乎所有终端设备。本系统还具备单一后台支持多前台的特色,提供 单点登录(SSO) 的能力 优势 前台系统不用编写登录、授权、认证模块;只负责编写业务模块即可 后台系统无需任何二次开发,直接发布即可使用 前台与后台系统分离,分别为不同的系统(域名可独立) 可扩展为多租户应用
资源推荐
资源详情
资源评论
收起资源包目录
使用 NET Core + Bootstrap + PetaPoco + HTML 5 + jQuery 构建的后台管理平台源码 (1250个子文件)
run.cmd 87B
watch-run-client.cmd 68B
watch-run-admin.cmd 66B
publish-client.cmd 65B
publish-admin.cmd 63B
DictHelper.cs 22KB
DictService.cs 21KB
DictService.cs 20KB
DictService.cs 20KB
User.cs 17KB
Dict.cs 16KB
SettingsBase.cs 16KB
TableBase.cs 15KB
UserHelper.cs 14KB
User.cs 13KB
UserService.cs 13KB
UserService.cs 12KB
DictsTest.cs 12KB
DbManager.cs 12KB
AccountController.cs 10KB
AccountController.cs 10KB
MenusBase.cs 10KB
RolesBase.cs 10KB
LoginTest.cs 10KB
IDict.cs 9KB
UserService.cs 9KB
Role.cs 9KB
MenuHelper.cs 8KB
Role.cs 8KB
UsersBase.cs 8KB
RoleHelper.cs 8KB
GroupsBase.cs 8KB
UsersTest.cs 7KB
TasksBase.cs 7KB
DatabaseExtensions.cs 6KB
ValidateInputBase.cs 6KB
Startup.cs 6KB
ProfilesBase.cs 6KB
DBHealthCheck.cs 6KB
TencentSMSProvider.cs 6KB
TabSetBase.cs 6KB
MainLayout.razor.cs 6KB
Settings.razor.cs 6KB
Dict.cs 6KB
AdminTable.razor.cs 6KB
Exceptions.cs 6KB
GiteeController.cs 6KB
GiteeController.cs 6KB
Profiles.razor.cs 6KB
ProfilesController.cs 6KB
AdminTable.razor.cs 6KB
Tasks.razor.cs 6KB
DBHealthCheck.cs 6KB
DefaultLayout.razor.cs 6KB
Message.cs 6KB
DictHelper.cs 6KB
Group.cs 5KB
DisplayNamesExtensions.cs 5KB
DbManager.cs 5KB
UsersTest.cs 5KB
CacheCleanUtility.cs 5KB
EditPageBase.cs 5KB
HealthCheckTest.cs 5KB
Group.cs 5KB
SettingsModel.cs 5KB
TableToolbarContent.cs 5KB
GroupService.cs 5KB
AdminController.cs 5KB
LgbEditFormBase.cs 5KB
RoleService.cs 5KB
OAuthHelper.cs 5KB
Menus.razor.cs 5KB
Trace.cs 5KB
SettingsTest.cs 5KB
AdminLogin.razor.cs 5KB
DefaultSendMail.cs 5KB
GroupHelper.cs 5KB
BootstrapAdminEditContextDataAnnotationsExtensions.cs 5KB
Menu.cs 4KB
JSRuntimeExtensions.cs 4KB
Menu.cs 4KB
RoleService.cs 4KB
MainLayout.razor.cs 4KB
ModelTest.cs 4KB
Trace.cs 4KB
QueryMenuOption.cs 4KB
OnlineUsersController.cs 4KB
User.cs 4KB
TasksTest.cs 4KB
RollbackTest.cs 4KB
RolesTest.cs 4KB
Log.cs 4KB
RolesTest.cs 4KB
TestHelper.cs 4KB
LoginUser.cs 4KB
DictsBase.cs 4KB
DefaultSMSProvider.cs 4KB
Exceptions.cs 4KB
IUser.cs 4KB
MenusTest.cs 4KB
共 1250 条
- 1
- 2
- 3
- 4
- 5
- 6
- 13
资源评论
云哲-吉吉2021
- 粉丝: 3205
- 资源: 1130
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功