html游戏图标库,又一款开源图标库 CSS.GG,值得一用
嗨,我是 Martin,也叫老王,今天推荐一款好用的开源图标库。
我们平常找图标往往会去 iconfont
但是今天,我们看了 Martin 的文章之后,就会有一个新的选择——CSS.GG
Github
star 5751
fork 214
Watch 86
项目介绍
700 + 纯 CSS, SVG & Figma UI Icons 可用在 SVG 精灵图, styled-components, NPM & API
使用方法
通过 npm or yarn 安装最新版本
npm i css.gg
yarn add css.gg
使用该包
该包,包含以下目录和文件:
Path
What it is
/css
individual *.css icons
/scss
individual *.scss icons
/svg
individual *.svg icons
/tsx
individual *.tsx icons styled-components
/all.css
all icons compressed in a single file
/all.d.ts
styled-components
/all.fig
local figma file same as https://css.gg/fig
/all.js
list of exported styled-components
/all.js.map
styled-components
/all.json
all icons *.css, *.svg, *.tsx including markup & public path
/all.scss
all icons in a single SCSS file npm i node-sass needed
/all.svg
SVG Sprite with all icons
/all.xd
local adobe xd file same as https://css.gg/xd
/all.xml
all icons *.css, *.svg, *.tsx including markup & public path
HTML 导入
1. All icons
2. Single icon
3. Collection
4. Markup
5. Example
Document
其他方式
CSS @import
SVG
JSON - paths
XML - paths
React
关注我们
今天的分享就到这里,点赞、收藏、留言,三连。
关注公众号「前端时空」,送你一份前端大礼包。
html游戏图标库,又一款开源图标库 CSS.GG,值得一用相关推荐
- C++ 100款开源界面库——内容细节(现在有变动)不必深究,普及就好
C++ 100款开源界面库 (10) from:http://www.cnblogs.com/Alberl/p/3375162.html (声明:Alberl以后说到开源库,一般都是指著名的.或者不著 ...
- 仿迅雷播放器教程 -- C++ 100款开源界面库 (10)
(声明:Alberl以后说到开源库,一般都是指著名的.或者不著名但维护至少3年以上的.那些把代码一扔就没下文的,Alberl不称之为开源库,只称为开源代码.这里并不是贬低,像Alberl前面那个系列的 ...
- android 函数库,Android Studio 实现开源函数库的离线依赖-greenDAO 3 为例
@author ASCE1885的 Github 简书 微博 CSDN 知乎 本文由于潜在的商业目的,不开放全文转载许可,谢谢! nami.png-599.1kB Android 应用开发中,经常需要 ...
- php icon素材,Feather Icon - 简单漂亮的免费开源图标库
介绍 Feather 是一套面向设计师和开发者的开源图标库,是一个简单漂亮的开源图标库. 每个图标都设计在一个24×24的网格上,强调简单,一致性和易读性.很多大厂出品的前端框架都内置了这款可以免费商 ...
- IconPark - 字节跳动出品的高质量开源图标库
这是字节跳动公司内部产品体系使用的官方图标库,如今可以免费商用了. 关于IconPark 看看官方描述: IconPark图标库是一个通过技术驱动矢量图标样式的开源图标库,可以实现根据单一SVG源文件 ...
- takephoto 框架_GitHub - Smecking/TakePhoto: 一款用于在Android设备上获取照片(拍照或从相册、文件中选择)、裁剪图片、压缩图片的开源工具库...
TakePhoto是一款用于在Android设备上获取照片(拍照或从相册.文件中选择).裁剪图片.压缩图片的开源工具库,目前最新版本4.0.2. 3.0以下版本及API说明,详见TakePhoto2. ...
- 国外10款开源的HTML 5小游戏
HTML 5游戏的伟大之处在于,它们可以在所有现代浏览器上运行,包括iPhone和WindowsPhone等智能手机上的浏览器.看看开源HTML 5游戏是探索不同可能性和学习如何开发自己的游戏的好方法 ...
- java 日历工具_【Java】太强了,这款开源日历工具库堪称神器!
首页 专栏 javascript 文章详情 0 太强了,这款开源日历工具库堪称神器! Github导航站发布于 今天 02:03 大家好,我是为广大程序员兄弟操碎了心的小编,每天推荐一个小工具/源码, ...
- linux 图形界面库,几款开源的图形界面库(GUI Libraries)
遵循BSD许可协议的C++ GUI库,建立在Windows API之上,但仍可以通过使用WineLib在Linux/xNix上使用.也支持Pocket PC和基于Windows CE的应用程序... ...
最新文章
- mysql 连接串 utf8_mysql 连接url中useUnicode=truecharacterEncoding=UTF-8 的作用
- linux命令dmesg查看进程被杀死原因
- Spring注解之@Transactional对于事务异常的处理
- repo 的用法和理解
- json对象转换成string的方法
- mysql二阶段提交有什么问题_MySQL的事务两阶段提交的技术有什么意义?
- IOS6 新特性之UIRefreshControl
- 用MATLAB玩转机器人--第五章 机器人的数学建模
- [Python] L1-019. 谁先倒-PAT团体程序设计天梯赛GPLT
- FreeMarker语言【页面静态】
- VMware vSphere Management Assistant Guide
- Adobe reader 闪退处理办法
- 生成Bernese格式的地球自转参数文件-POLUPD
- 服务器装系统提示未找到任何驱动器,u盘装系统win7显示未找到任何驱动器怎么办?未找到任何驱动器解决步骤...
- 第三次个人作业——软件产品评测(K米Android端)
- 程序员兼职可以从什么平台接私活?你值得知道!!!
- 上传即可使用的在线壁纸采集网页源码
- 企业微信内容如何值入广告?
- Zephyr_FileSystems
- 职业教育/培训研究报告(精选七篇)
热门文章
- 如何在同一台服务器上安装多套通达OA
- [Selenium]如何通过Selenium实现Ctrl+click,即按住Ctrl的同时进行单击操作
- SQL 必知必会·笔记20高级SQL特性
- [Ajax] jQuery中的Ajax -- 02-jQuery中的三级联动
- 一起来玩树莓派--解决官方docker源安装失败的问题
- 滑动窗口法LeetCode
- function好的写法
- 7-4 输出最小公倍数 (9 分)
- 7-4 求下一天 (30 分)
- php 上传 blob,Laravel框架+Blob实现的多图上传功能示例