[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).
没有合适的资源?快使用搜索试试~ 我知道了~
基于C#.NET写的天气APP的源码.zip
共105个文件
cs:33个
css:10个
razor:8个
3 下载量 27 浏览量
2022-10-27
10:11:40
上传
评论 2
收藏 542KB ZIP 举报
温馨提示
基于C#.NET写的天气APP的源码.zip基于C#.NET写的天气APP的源码.zip基于C#.NET写的天气APP的源码.zip基于C#.NET写的天气APP的源码.zip基于C#.NET写的天气APP的源码.zip基于C#.NET写的天气APP的源码.zip
资源推荐
资源详情
资源评论
收起资源包目录
基于C#.NET写的天气APP的源码.zip (105个子文件)
Package.appxmanifest 2KB
PageSettings.razor.cs 4KB
MainLayout.razor.cs 3KB
WeatherService.cs 2KB
SystemService.cs 1008B
ThemeService.cs 958B
MauiProgram.cs 826B
App.xaml.cs 797B
SystemService.cs 766B
IOCExtend.cs 736B
IOCExtend.cs 736B
Program.cs 568B
MainActivity.cs 428B
Program.cs 426B
Program.cs 426B
WeatherSource.cs 385B
MainApplication.cs 381B
ThemeService .cs 378B
Main.cs 368B
SettingsService.cs 364B
ProjectService.cs 339B
Settings.cs 303B
ISystemService.cs 294B
IThemeService.cs 285B
PageWeather.razor.cs 276B
PageLocation.razor.cs 274B
IProjectService.cs 267B
AppDelegate.cs 240B
AppDelegate.cs 240B
ThemeState.cs 240B
Project.cs 232B
ProjectService.cs 223B
App.xaml.cs 210B
MainPage.xaml.cs 190B
YourWeather.MAUIBlazor.csproj 3KB
YourWeather.BlazorWasm.csproj 742B
YourWeather.Razor.csproj 672B
YourWeather.Service.csproj 323B
YourWeather.IService.csproj 317B
YourWeather.Model.csproj 206B
masa-blazor.min.css 531KB
swiper-bundle.min.css 15KB
open-iconic-bootstrap.min.css 9KB
open-iconic-bootstrap.min.css 9KB
app.css 3KB
app.css 3KB
loaders.css 2KB
MainLayout.razor.css 1KB
PageSettings.razor.css 228B
mobile.css 138B
open-iconic.eot 28KB
open-iconic.eot 28KB
FONT-LICENSE 4KB
FONT-LICENSE 4KB
.gitattributes 2KB
.gitignore 6KB
index.html 2KB
index.html 2KB
favicon.ico 5KB
favicon.ico 5KB
ICON-LICENSE 1KB
ICON-LICENSE 1KB
swiper-bundle.min.js 133KB
init-swiper.js 705B
launchSettings.json 928B
launchSettings.json 121B
app.manifest 742B
swiper-bundle.min.js.map 504KB
README.md 3KB
README.md 3KB
README.md 13B
open-iconic.otf 21KB
open-iconic.otf 21KB
Info.plist 1001B
Info.plist 961B
icon-192.png 3KB
gitee.png 1KB
PageSettings.razor 8KB
MainLayout.razor 2KB
_Imports.razor 459B
_Imports.razor 403B
Main.razor 386B
_Imports.razor 374B
PageWeather.razor 304B
PageLocation.razor 20B
YourWeather.sln 4KB
open-iconic.svg 54KB
open-iconic.svg 54KB
dotnet_bot.svg 12KB
appiconfg.svg 2KB
splash.svg 2KB
appicon.svg 228B
OpenSans-Regular.ttf 105KB
open-iconic.ttf 37KB
open-iconic.ttf 37KB
LICENSE.txt 1KB
AboutAssets.txt 641B
open-iconic.woff 15KB
open-iconic.woff 15KB
App.xaml 1KB
共 105 条
- 1
- 2
资源评论
不安分的小女孩
- 粉丝: 9184
- 资源: 1976
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功