css.gg 是开源 CSS、SVG 和 Figma UI 图标，可用于 SVG Sprite、样式组件、NPM 和 API。
2.0 中的新功能
-
200 个新图标
-
SVG 图标
-
SVG Sprite
-
样式组件
-
React 本地样式组件
-
Figma 组件
-
Adobe XD 组件
开始使用
通过 npm 或 yarn 安装最新版本
npm i css.gg
yarn add css.gg
使用软件包管理器
此软件包包含以下目录和文件：
| Path | |
|---|---|
| /css | 单独的 *.css 图标 |
| /scss | 单独的 *.scss 图标 |
| /svg | 单独的 *.svg 图标 |
| /tsx | 单独的 *.tsx 图标 styled-components |
| /all.css | 所有图标压缩在一个文件中 |
| /all.d.ts | styled-components |
| /all.fig | 本地 figma 文件与 https://css.gg/fig 相同 |
HTML 包含
1.所有图标
<!-- css.gg --> <link href='https://css.gg/css' rel='stylesheet'> <!-- UNPKG --> <link href='https://unpkg.com/css.gg/icons/all.css' rel='stylesheet'> <!-- JSDelivr --> <link href='https://cdn.jsdelivr.net/npm/css.gg/icons/all.css' rel='stylesheet'>
2. 单一图标
<!-- css.gg -->
<link href='https://css.gg/ {ICONNAME} .css' rel='stylesheet'>
<!-- UNPKG -->
<link href='https://unpkg.com/css.gg/icons/css/ {ICONNAME} .css' rel='stylesheet'>
<!-- JSDelivr -->
<link href='https://cdn.jsdelivr.net/npm/css.gg/icons/css/ {ICONNAME} .css' rel='stylesheet'>
-
颜色是由红（RED），绿（GREEN），蓝（BLUE ）光线的显示结合。 颜色值 CSS的颜色可以通过以下方法指定： 十六进制颜色 RGB颜色 RGBA颜色 HSL色彩 HSLA颜色 预定义颜色名称 其中使用十六进制（hex）表示法为红，绿，蓝的颜色值结合。可以是最低值是0（十六进制00）到最高值是255（十六进制FF）。 红，绿，蓝值从0到255的结合，给出了总额超过1600多万不同的颜色（25
-
转自： http://google.github.io/styleguide/htmlcssguide.xml Google HTML/CSS Style Guide Revision 2.23 Each style point has a summary for which additional information is available by toggling the accompany
-
什么是选择器？ 选择器（selector），会告诉浏览器：网页上的哪些元素需要设置什么样的样式。 比如：p这个选择器就表示选择页面中的所有的p元素，在选择器之后所设置的样式会应用到所有的p元素上。 常用选择器 1、元素选择器 元素选择器（标签选择器），可以根据标签的名字来从页面中选取指定的元素。 语法： 标签名 { } p{} 比如p则会选中页面中的所有p标签，h1会选中页面中的所有h1标签。
-
css颜色 By default an HTML page is rendered by web browsers quite sadly in terms of the colors used. 默认情况下，就使用的颜色而言，Web浏览器呈现HTML页面非常可悲。 We have a white background, black color, and blue links. That’s it
-
css中，在设置颜色是有以下三种常用方式： 1. 颜色名（red）16进制（#ccc） 2.rgb(128,128,128) 3.hsl(330,50%,50%) 色度 饱和度 亮度 Css样式中color后直接加RGB颜色值（#FFFFFF 、#000000 、#F00） RGB颜色值在实际布局时候确定，可以使用Photoshop（简称PS）拾取工具进行获取获得。 <p> 标签内使用co
-
id：用来定义页面中大的样式，如栏目划分，顶部，正文，底部等；用#top的形式来定义； class：用来定义一些比较细节的样式，如具体的一个菜单，一行文字等，用.text的形式来定义。 定义HTML中的标签，如ul,img,p等时，直接写：img{} 以上摘自网络： main和.main有什么区别: main 定义的是ID为”main”这个元素的样式 .main 的意思是新建一个名为”main”的
-
我一直在关注OpenLayers网站上的图标颜色示例，http://openlayers.org/en/latest/examples/icon-color.html?q=color. 这对于我处理png和jpg图像很有效，但是当我切换到使用svg图像时，颜色一点也没有改变。没有错误。颜色就是不变。 下面是发生颜色变化的代码片段： 任何建议将不胜感激！
-
问题内容： 这是我想出的一小段代码的自我问答。 当前，没有一种简单的方法可以嵌入SVG图像，然后可以通过CSS访问SVG元素。有多种使用JS SVG框架的方法，但是如果您要做的只是制作带有过渡状态的简单图标，它们将过于复杂。 所以这就是我想出的，我认为这是迄今为止在网站上使用SVG文件的最简单方法。它的概念来自早期的文本到图像替换方法，但据我所知，从未对SVG进行过处理。 这是问题： 如何在不使用
-
这是我想出的一段方便的代码的自我问答。 目前，还没有一种简单的方法来嵌入SVG图像，然后通过CSS访问SVG元素。使用JS SVG框架的方法多种多样，但如果您所做的只是制作一个带有滚动状态的简单图标，那么这些方法就过于复杂了。 所以这里是我想出的，我认为这是迄今为止在一个网站上使用SVG文件的最简单的方法。它的概念来自早期的文本到图像的替换方法，但据我所知，SVG从来没有这样做过。 这就是问题所在
-
全局 Svg Icon 图标组件。 默认在 @/icons 中注册到全局中，可以在项目中任意地方使用。所以图标均可在 @/icons/svg。可自行添加或者删除图标，所以图标都会被自动导入，无需手动操作。 使用方式 <!-- icon-class 为 icon 的名字; class-name 为 icon 自定义 class--> <svg-icon icon-class="password"
-
我的html文件中有以下svg图像： 现在，我试图改变颜色使用这个css代码： 然而，一切都没有改变。使用css更改svg图像路径颜色的正确方法是什么？谢谢
-
概述 SVG 是一种基于 XML 语法的图像格式，全称是可缩放矢量图（Scalable Vector Graphics）。其他图像格式都是基于像素处理的，SVG 则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真。 SVG 文件可以直接插入网页，成为 DOM 的一部分，然后用 JavaScript 和 CSS 进行操作。 <!DOCTYPE html> <htm