[Open Iconic v1.1.1](https://github.com/iconic/open-iconic)
===========
### Open Iconic is the open source sibling of [Iconic](https://github.com/iconic/open-iconic). It is a hyper-legible collection of 223 icons with a tiny footprint—ready to use with Bootstrap and Foundation. [View the collection](https://github.com/iconic/open-iconic)
## 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](https://github.com/iconic/open-iconic) and [Reference](https://github.com/iconic/open-iconic) 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).
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
Maui Blazor 集成 Sqlite (140个子文件)
_XamarinBuildIsIncremental 76B
_XamarinBuildIsIncremental 74B
_XamarinBuildIsIncremental 67B
_XamarinBuildIsIncremental 54B
Package.appxmanifest 2KB
mauiapp1.projects.v7.bin 2.39MB
mauiapp1.metadata.v7.bin 492KB
MauiApp1.csproj.BuildWithSkipAnalyzers 0B
MauiApp1.csproj.BuildWithSkipAnalyzers 0B
MauiApp1.assets.cache 101KB
MauiApp1.assets.cache 100KB
MauiApp1.assets.cache 100KB
MauiApp1.assets.cache 100KB
MauiApp1.assets.cache 100KB
MauiApp1.csproj.AssemblyReference.cache 97KB
MauiApp1.csproj.AssemblyReference.cache 67KB
MauiApp1.csproj.AssemblyReference.cache 67KB
MauiApp1.csproj.AssemblyReference.cache 66KB
MauiApp1.csproj.AssemblyReference.cache 66KB
MauiApp1.assets.cache 42KB
libraryprojectimports.cache 36KB
MauiApp1.assets.cache 31KB
MauiApp1.assets.cache 30KB
MauiApp1.csproj.AssemblyReference.cache 26KB
MauiApp1.csproj.AssemblyReference.cache 26KB
MauiApp1.AssemblyInfoInputs.cache 42B
MauiApp1.AssemblyInfoInputs.cache 42B
MauiApp1.AssemblyInfoInputs.cache 42B
Resource.designer.cs 745KB
PoetryStorage.cs 2KB
Poetry.razor.cs 2KB
MauiProgram.cs 1KB
MauiApp1.GlobalUsings.g.cs 1KB
MauiApp1.GlobalUsings.g.cs 1KB
MauiApp1.GlobalUsings.g.cs 1KB
MauiApp1.GlobalUsings.g.cs 1KB
MauiApp1.GlobalUsings.g.cs 1KB
MauiApp1.GlobalUsings.g.cs 1KB
MauiApp1.GlobalUsings.g.cs 1KB
MauiApp1.GlobalUsings.g.cs 1KB
MauiApp1.AssemblyInfo.cs 1KB
MauiApp1.AssemblyInfo.cs 1KB
MauiApp1.AssemblyInfo.cs 1KB
App.xaml.cs 806B
WeatherForecastService.cs 696B
Program.cs 427B
Program.cs 427B
MainActivity.cs 424B
MainApplication.cs 382B
Main.cs 370B
IPoetryStorage.cs 329B
WeatherForecast.cs 290B
AppDelegate.cs 235B
AppDelegate.cs 235B
PoetryModel.cs 227B
App.xaml.cs 207B
.NETCoreApp,Version=v7.0.AssemblyAttributes.cs 198B
.NETCoreApp,Version=v7.0.AssemblyAttributes.cs 198B
.NETCoreApp,Version=v7.0.AssemblyAttributes.cs 198B
.NETCoreApp,Version=v7.0.AssemblyAttributes.cs 198B
MainPage.xaml.cs 175B
MauiApp1.nfloat.g.cs 132B
MauiApp1.nfloat.g.cs 132B
MauiApp1.csproj 3KB
bootstrap.min.css 159KB
open-iconic-bootstrap.min.css 9KB
app.css 3KB
MainLayout.razor.css 1KB
NavMenu.razor.css 1KB
MauiApp1.dll 37KB
MauiApp1.GeneratedMSBuildEditorConfig.editorconfig 4KB
MauiApp1.GeneratedMSBuildEditorConfig.editorconfig 4KB
MauiApp1.GeneratedMSBuildEditorConfig.editorconfig 4KB
open-iconic.eot 28KB
apphost.exe 153KB
com.companyname.mauiapp1.flag 30B
FONT-LICENSE 4KB
index.html 1KB
favicon.ico 5KB
ICON-LICENSE 1KB
embed.resfiles.intermediate 27B
project.razor.vs.json 3.77MB
project.assets.json 1.56MB
MauiApp1.deps.json 69KB
MauiApp1.csproj.nuget.dgspec.json 17KB
launchSettings.json 128B
app.manifest 743B
bootstrap.min.css.map 439KB
README.md 4KB
open-iconic.otf 21KB
MauiApp1.pdb 34KB
Info.plist 1KB
Info.plist 1KB
MauiApp1.csproj.nuget.g.props 6KB
build.props 926B
NavMenu.razor 1KB
Poetry.razor 1KB
FetchData.razor 1KB
Main.razor 585B
SurveyPrompt.razor 522B
共 140 条
- 1
- 2
资源评论
ow.z
- 粉丝: 1
- 资源: 19
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功