[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).
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
毕业设计:基于ASP.NET的超市管理系统.zip (126个子文件)
20220314114512_CreateIndentitySchema.Designer.cs 10KB
AccountContextModelSnapshot.cs 10KB
20220314114512_CreateIndentitySchema.cs 10KB
20220314044926_initial.Designer.cs 6KB
MarketContextModelSnapshot.cs 6KB
20220314044926_initial.cs 5KB
Register.cshtml.cs 4KB
Startup.cs 4KB
Login.cshtml.cs 4KB
TransactionInMemoryRepository.cs 2KB
ProductInMemoryRepository.cs 2KB
TransactionRepository.cs 2KB
CategoryInMemoryRepository.cs 2KB
MarketContext.cs 2KB
ProductRepository.cs 2KB
CategoryRepository.cs 1KB
Logout.cshtml.cs 1KB
IdentityHostingStartup.cs 1003B
RecordTransactionUseCase.cs 942B
AccountContext.cs 849B
Error.cshtml.cs 839B
GetTransactionsUseCase.cs 782B
WeatherForecastService.cs 764B
SellProductUseCase.cs 755B
Program.cs 688B
ViewProductByCategoryId.cs 663B
GetTodayTransactionUseCase.cs 631B
GetProductByIdUseCase.cs 627B
DeleteCategoryUseCase.cs 624B
GetCategoryByIdUseCase.cs 621B
EditCategoryUseCase.cs 620B
AddCategoryUseCase.cs 615B
ViewProductsUseCase.cs 614B
EditProductUseCase.cs 612B
AddProductUseCase.cs 600B
DeleteProductUseCase.cs 592B
ViewCategoriesUseCase.cs 585B
ITransactionRepository.cs 583B
IProductRepository.cs 574B
Transaction.cs 569B
Product.cs 566B
ICategoryRepository.cs 519B
Category.cs 410B
WeatherForecast.cs 292B
IGetTransactionsUseCase.cs 251B
IGetTodayTransactionUseCase.cs 203B
IViewProductByCategoryId.cs 192B
IViewCategoriesUseCase.cs 177B
IViewProductsUseCase.cs 172B
IRecordTransactionUseCase.cs 149B
IGetProductByIdUseCase.cs 142B
IEditCategoryUseCase.cs 141B
IAddCategoryUseCase.cs 140B
IEditProductUseCase.cs 138B
IGetCategoryByIdUseCase.cs 137B
IAddProductUseCase.cs 137B
ISellProductUseCase.cs 130B
IDeleteCategoryUseCase.cs 118B
IDeleteProductUseCase.cs 116B
_Layout.cshtml 3KB
Error.cshtml 1KB
Login.cshtml 1KB
_Host.cshtml 1KB
Register.cshtml 1KB
_ValidationScriptsPartial.cshtml 1KB
_LoginPartial.cshtml 1021B
Logout.cshtml 583B
_ViewImports.cshtml 157B
_ViewImports.cshtml 137B
_ViewStart.cshtml 54B
_ViewImports.cshtml 45B
_ViewStart.cshtml 32B
WebApp.csproj 2KB
WebApp - Backup.csproj 1KB
WebApp - Backup (1).csproj 1KB
Plugins.DataStore.Sql.csproj 1KB
UseCases.csproj 231B
Plugins.DataStore.InMemory.csproj 224B
CoreBusiness.csproj 130B
bootstrap.min.css 152KB
open-iconic-bootstrap.min.css 9KB
MainLayout.razor.css 2KB
dashboard.css 2KB
dashboard.rtl.css 1KB
site.css 1KB
NavMenu.razor.css 1KB
signin.css 85B
open-iconic.eot 28KB
FONT-LICENSE 4KB
.gitattributes 2KB
.gitignore 6KB
favicon.ico 5KB
ICON-LICENSE 1KB
launchSettings.json 678B
appsettings.Development.json 527B
appsettings.json 183B
serviceDependencies.local.json 145B
serviceDependencies.json 139B
bootstrap.min.css.map 611KB
README.md 3KB
共 126 条
- 1
- 2
资源评论
学术菜鸟小晨
- 粉丝: 1w+
- 资源: 4940
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功