Weather Icons天气主题 Icon 和 CSS 库

联合创作 · 2023-09-29 20:48

Weather Icons 是一个具有 222 个天气主题图标的图标和 CSS 库,可以直接放入 Bootstrap ,或在任何需要高质量天气、海洋和气象图标的项目中使用。

基本用法

将 5 个字体文件和 主weather-icons.min.css 文件放在项目中,假设字体位于 css 目录的 ../ 上。

通过使用 i 元素并添加基类 wi,然后添加所需的图标类(如day sunny)来显示图标,比如

<i class=“wi wi day sunny”></i>

若要添加修改器,请在图标名称后面包含所需的类,该类看起来像:

<i class=“wi wi day sunny wi flip vertical”></i>

可以翻转、旋转或添加固定宽度。

浏览 16
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报