[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).
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
基于 RBAC 的 Net6 后台管理框架,权限管理,前后台分离,支持多站点单点登录,兼容所有主流浏览器,内置微信、支付宝、QQ等多种登录方式,内置多种样式,可切换至 Blazor 多 Tabs 模式,权限控制细化到网页内任意元素(按钮、表格、文本框等等)
资源推荐
资源详情
资源评论
收起资源包目录
基于 RBAC 的 Net6 后台管理框架,权限管理,前后台分离,支持多站点单点登录 (458个子文件)
run.cmd 87B
watch-run-client.cmd 68B
watch-run-admin.cmd 66B
publish-client.cmd 65B
publish-admin.cmd 63B
DictService.cs 21KB
DictService.cs 20KB
DictService.cs 20KB
UserService.cs 13KB
UserService.cs 12KB
AccountController.cs 10KB
IDict.cs 9KB
UserService.cs 9KB
DatabaseExtensions.cs 6KB
TencentSMSProvider.cs 6KB
MainLayout.razor.cs 6KB
Settings.razor.cs 6KB
AdminTable.razor.cs 6KB
GiteeController.cs 6KB
Profiles.razor.cs 6KB
Tasks.razor.cs 6KB
AdminTable.razor.cs 6KB
DBHealthCheck.cs 6KB
GroupService.cs 5KB
RoleService.cs 5KB
Menus.razor.cs 5KB
AdminLogin.razor.cs 5KB
MainLayout.razor.cs 5KB
RoleService.cs 4KB
User.cs 4KB
DefaultSMSProvider.cs 4KB
CloudLoggerExtensions.cs 4KB
IUser.cs 4KB
AppInfo.cs 4KB
GroupService.cs 3KB
NavigationService.cs 3KB
Healths.razor.cs 3KB
NavigationService.cs 3KB
DefaultDataService.cs 3KB
ServiceCollectionExtensions.cs 3KB
DialogExtensions.cs 3KB
UserService.cs 3KB
Roles.razor.cs 3KB
DefaultDataService.cs 3KB
MenusSearchModel.cs 3KB
RoleService.cs 3KB
DictService.cs 3KB
ErrorSearchModel.cs 3KB
DBManagerService.cs 3KB
ExceptionService.cs 3KB
DBManagerService.cs 3KB
BootstrapAdminConventionMapper.cs 3KB
LoginController.cs 3KB
TraceService.cs 3KB
Users.razor.cs 3KB
AdminService.cs 3KB
ClientList.razor.cs 3KB
FilterExtensions.cs 2KB
DefaultDataService.cs 2KB
AdminTaskService.cs 2KB
NavigationService.cs 2KB
TraceSearchModel.cs 2KB
MenuTree.razor.cs 2KB
TraceService.cs 2KB
EntityConfiguration.cs 2KB
Login.cs 2KB
BootstrapAdminContext.cs 2KB
ServicesExtensions.cs 2KB
MenuExtensions.cs 2KB
DictsSearchModel.cs 2KB
NavigationTree.razor.cs 2KB
LoginHelper.cs 2KB
DefaultCacheManager.cs 2KB
AdminService.cs 2KB
TraceService.cs 2KB
MenuExtensions.cs 2KB
Exceptions.razor.cs 2KB
Navigation.cs 2KB
SMSLogin.razor.cs 2KB
ClientApp.cs 2KB
TaskInfo.razor.cs 2KB
Navigation.cs 2KB
DBLogTask.cs 2KB
FreeSqlExtensions.cs 2KB
ExceptionsHelper.cs 2KB
GroupService.cs 2KB
ServiceCollectionExtensions.cs 2KB
ExceptionService.cs 2KB
ExceptionService.cs 2KB
NavigationService.cs 2KB
AppService.cs 2KB
AutoExpireValidateCode.cs 2KB
GiteeHttpHealthCheck.cs 2KB
ServiceCollectionExtensions.cs 2KB
Traces.razor.cs 2KB
Error.cs 2KB
Index.cs 2KB
MenusSearch.razor.cs 2KB
LoginLog.cs 2KB
ParentMenuTree.razor.cs 2KB
共 458 条
- 1
- 2
- 3
- 4
- 5
资源评论
- lw071000152023-07-18资源很不错,内容和描述一致,值得借鉴,赶紧学起来!
Java程序员-张凯
- 粉丝: 1w+
- 资源: 6656
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 筷手引流工具.apk
- 论文(最终)_20240430235101.pdf
- 基于python编写的Keras深度学习框架开发,利用卷积神经网络CNN,快速识别图片并进行分类
- 最全空间计量实证方法(空间杜宾模型和检验以及结果解释文档).txt
- 5uonly.apk
- 蓝桥杯Python组的历年真题
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 前端开发技术实验报告:内含4四实验&实验报告
- Highlight Plus v20.0.1
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功