[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).
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
本示例项目为.Net Core 7.04 Blazor Server 版本。 功能:适合企业内部的账户分发(非开放公众注册)的App。 1、身份控制:分发账户为初始密码,使用初始密码登录后必须修改密码才能使用相应身份的功能;根据身份提供相应菜单。 2、定时检测:使用JWT功能,包括生成和验证jwt,可定义jwt生效时长、验证时间间隔,失效后自动转到登录页面。 3、账户管理:包括添加、编辑、离职管理示例。 本项目只在提供示例功能演示,力求简单明了和安全稳定高效,界面简单美化。 如有错误和不足,请博客中留言,谢谢!
资源推荐
资源详情
资源评论
收起资源包目录
Blazor JWT登录退出身份控制定时检测账户管理示例项目 (123个子文件)
blazor.team.projects.v6.1 442KB
blazor.team.metadata.v6.1 242KB
Blazor.Team.csproj.BuildWithSkipAnalyzers 0B
Blazor.Team.csproj.AssemblyReference.cache 228KB
Blazor.Team.assets.cache 54KB
project.nuget.cache 13KB
Blazor.Team.csproj.CoreCompileInputs.cache 42B
Blazor.Team.AssemblyInfoInputs.cache 42B
Blazor.Team.RazorAssemblyInfo.cache 42B
Blazor.Team.genruntimeconfig.cache 42B
Blazor.Team.MvcApplicationPartsAssemblyInfo.cache 0B
applicationhost.config 84KB
Blazor.Team.csproj.CopyComplete 0B
20230320084000_AddTeamUser.Designer.cs 17KB
ApplicationDbContextModelSnapshot.cs 16KB
RevalidatingIdentityAuthenticationStateProvider.cs 11KB
00000000000000_CreateIdentitySchema.Designer.cs 10KB
00000000000000_CreateIdentitySchema.cs 10KB
20230320084000_AddTeamUser.cs 6KB
Program.cs 5KB
AdminService.cs 4KB
TeamUserConfiguration.cs 3KB
EditUser.cs 2KB
UserManagerExtensions.cs 2KB
AuthService.cs 1KB
Blazor.Team.AssemblyInfo.cs 1KB
PasswordChange.cs 1KB
DataService.cs 1KB
TeamUser.cs 902B
Blazor.Team.GlobalUsings.g.cs 770B
AppUserClaimsPrincipalFactory.cs 747B
Blazor.Team.RazorAssemblyInfo.cs 742B
Error.cshtml.cs 737B
SelectUser.cs 721B
WeatherForecastService.cs 699B
LoginDto.cs 695B
Blazor.Team.MvcApplicationPartsAssemblyInfo.cs 634B
ApplicationDbContext.cs 586B
RequireClaims.cs 584B
IAdminService.cs 477B
UserClaims.cs 329B
IAuthService.cs 314B
JwtOption.cs 296B
WeatherForecast.cs 294B
.NETCoreApp,Version=v7.0.AssemblyAttributes.cs 198B
IDataService.cs 191B
InitialPassword.cs 146B
UserRank.cs 135B
Error.cshtml 2KB
_Host.cshtml 1KB
LogOut.cshtml 3B
_LoginPartial.cshtml 3B
Blazor.Team.csproj 1KB
bootstrap.min.css 159KB
open-iconic-bootstrap.min.css 9KB
Blazor.Team.styles.css 3KB
Blazor.Team.bundle.scp.css 3KB
site.css 3KB
MainLayout.razor.rz.scp.css 1KB
NavMenu.razor.rz.scp.css 1KB
MainLayout.razor.css 1KB
NavMenu.razor.css 1KB
UserLayout.razor.rz.scp.css 202B
UserLayout.razor.css 177B
Blazor.Team.dll 158KB
Blazor.Team.dll 36KB
Blazor.Team.dll 36KB
Blazor.Team.GeneratedMSBuildEditorConfig.editorconfig 4KB
open-iconic.eot 28KB
apphost.exe 151KB
FONT-LICENSE 4KB
ICON-LICENSE 1KB
project.razor.vs.json 630KB
project.assets.json 189KB
staticwebassets.build.json 68KB
staticwebassets.development.json 12KB
Blazor.Team.csproj.nuget.dgspec.json 4KB
staticwebassets.pack.json 3KB
launchSettings.json 963B
appsettings.json 508B
appsettings.Development.json 301B
serviceDependencies.local.json 145B
serviceDependencies.json 139B
read.lock 0B
bootstrap.min.css.map 439KB
README.md 4KB
open-iconic.otf 21KB
Blazor.Team.pdb 75KB
favicon.png 1KB
msbuild.Blazor.Team.Microsoft.AspNetCore.StaticWebAssets.props 13KB
Blazor.Team.csproj.nuget.g.props 3KB
msbuild.build.Blazor.Team.props 91B
msbuild.buildTransitive.Blazor.Team.props 89B
msbuild.buildMultiTargeting.Blazor.Team.props 75B
UserManage.razor 7KB
NavMenu.razor 2KB
ChangePassword.razor 2KB
UserLogin.razor 2KB
FetchData.razor 1KB
App.razor 1013B
共 123 条
- 1
- 2
落单枫叶
- 粉丝: 79
- 资源: 6
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
前往页