[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).
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
BLAZORASPCORE.zip (72个子文件)
BLAZORASPCORE - Copy
.vs
config
applicationhost.config 78KB
BLAZORASPCORE
v15
.suo 39KB
Server
sqlite3
storage.ide-wal 3.94MB
storage.ide-shm 32KB
storage.ide 2.63MB
StudentMasterd+SqlQuery.sql 1KB
global.json 65B
BLAZORASPCORE.Client
BLAZORASPCORE.Client.csproj 922B
BLAZORASPCORE.Client.csproj.user 241B
Program.cs 550B
wwwroot
index.html 407B
css
bootstrap
bootstrap.min.css.map 539KB
bootstrap.min.css 141KB
open-iconic
ICON-LICENSE 1KB
FONT-LICENSE 4KB
font
fonts
open-iconic.ttf 27KB
open-iconic.otf 21KB
open-iconic.woff 15KB
open-iconic.svg 54KB
open-iconic.eot 28KB
css
open-iconic-bootstrap.min.css 9KB
README.md 4KB
site.css 2KB
App.cshtml 208B
Shared
SurveyPrompt.cshtml 542B
NavMenu.cshtml 1KB
MainLayout.cshtml 303B
Properties
launchSettings.json 658B
Pages
FetchData.cshtml 1KB
Index.cshtml 127B
Students.cshtml 5KB
Counter.cshtml 273B
_ViewImports.cshtml 23B
obj
Debug
netstandard2.0
BLAZORASPCORE.Client.AssemblyInfo.cs 1KB
BLAZORASPCORE.Client.csproj.CoreCompileInputs.cache 42B
BLAZORASPCORE.Client.csprojAssemblyReference.cache 4KB
BLAZORASPCORE.Client.AssemblyInfoInputs.cache 42B
_ViewImports.cshtml 263B
bin
Debug
netstandard2.0
BLAZORASPCORE.sln 2KB
BLAZORASPCORE.Server
Startup.cs 2KB
Program.cs 788B
Controllers
SampleDataController.cs 939B
StudentMastersController.cs 3KB
Properties
launchSettings.json 658B
BLAZORASPCORE.Server.csproj.user 1KB
BLAZORASPCORE.Server.csproj 724B
obj
Debug
netcoreapp2.1
BLAZORASPCORE.Server.AssemblyInfoInputs.cache 42B
TemporaryGeneratedFile_036C0B5B-1481-4323-8D20-8F5ADCB23D92.cs 0B
BLAZORASPCORE.Server.AssemblyInfo.cs 1KB
TemporaryGeneratedFile_E7A71F73-0F8D-4B9B-B56E-8E70B10BC5D3.cs 0B
TemporaryGeneratedFile_5937a670-0e60-4077-877b-f7221da3dda1.cs 0B
BLAZORASPCORE.Server.csproj.CoreCompileInputs.cache 42B
bin
Debug
netcoreapp2.1
BLAZORASPCORE.Shared
BLAZORASPCORE.Shared.csproj 394B
WeatherForecast.cs 368B
Models
StudentMasters.cs 371B
StudentsDBContext.cs 2KB
obj
Debug
netstandard2.0
BLAZORASPCORE.Shared.csproj.CoreCompileInputs.cache 42B
BLAZORASPCORE.Shared.AssemblyInfo.cs 1KB
BLAZORASPCORE.Shared.AssemblyInfoInputs.cache 42B
BLAZORASPCORE.Shared.assets.cache 14KB
BLAZORASPCORE.Shared.csproj.FileListAbsolute.txt 1KB
BLAZORASPCORE.Shared.dll 8KB
BLAZORASPCORE.Shared.csprojAssemblyReference.cache 101KB
BLAZORASPCORE.Shared.pdb 1KB
BLAZORASPCORE.Shared.csproj.nuget.g.props 1KB
BLAZORASPCORE.Shared.csproj.nuget.g.targets 681B
BLAZORASPCORE.Shared.csproj.nuget.cache 149B
project.assets.json 135KB
bin
Debug
netstandard2.0
BLAZORASPCORE.Shared.deps.json 35KB
BLAZORASPCORE.Shared.dll 8KB
BLAZORASPCORE.Shared.pdb 1KB
ReadMeTextFile.txt 653B
共 72 条
- 1
资源评论
寒冰屋
- 粉丝: 989
- 资源: 572
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功