legacy-icons / license-icons
来自编程社区各种许可证的图标和徽标
README
关于
来自编程社区各种供应商的图标和徽标。
本项目仅提供各种许可证的图标。所有图标均通过以下尺寸(像素)提供
- 16x16
- 32x32
- 48x48
- 64x64
- 96x96
- 128x128
- 256x256
CSS 精灵图
您可以直接使用常见的 IMG 标签将图标插入到您的 HTML 中
<img alt="Github logo" src="dist/32x32/mit.png" width="32" height="32">
除了图标本身之外,本项目还提供了一套图标包的 CSS 精灵图。这个精灵图允许您只加载一个图像中的整个图标包,从而减少 HTTP 调用。
这就是它实际的样子
在这个单独的图像内部,所有图标的定位都是通过 CSS 实现的,这允许您只需添加具有适当类的块类型标签即可获得相同的结果
<div class="license-icons mit"></div>
只需记住将 CSS 样式表添加到您的 HTML 页面的 HEAD 部分!
安装
使用 NPM 获取包
npm install license-icons
使用 Bower 获取包
bower install license-icons
使用 Composer / Packagist 获取包
composer require legacy-icons/license-icons
使用 NuGet 获取包
Install-Package license-icons
构建整个项目或您的自定义项目
我们使用 Gulp 来构建项目,因此如果您想重新构建或自定义此项目,您将需要 Gulp。
安装 Gulp 后,确保您的 CLI 指向工作目录,首先安装依赖项
使用 NPM 2.x.x
npm install
使用 NPM 3.x.x(在安装此模块的依赖项之前解决 node-spritesheet
的依赖项)
npm install grunt grunt-contrib-coffee grunt-contrib-clean
npm install
然后,请确保您已安装 ImageMagick 以构建精灵图。
然后,您可以通过运行 gulp build
任务来构建项目
gulp build
构建任务做了什么?
首先,它从 src
文件夹中获取 PNG 文件,并将它们粘贴到 dist
文件夹中。
然后,它从位于 src
文件夹中的 PNG 图像创建精灵图,从而在 dist
中创建 sprite
文件夹。
例如,如果您只想在精灵图中包含 bsd
和 mit
图标,您只需将此项目进行分支,将 CLI 指向工作目录,清空 src
目录(除了 PNG 格式的 bsd
和 mit
图标),然后运行 gulp build
任务。
您将在 dist
文件夹中获得适当的精灵图和图标的副本。
许可证
本项目中的每个图标都属于其原始作者,其中大多数受版权保护。其中一些图标可能与项目的官方图标/徽标不匹配。
实际上,这个图标集非常具有主观性,但肯定会欢迎改进或批评。
请注意,项目 "license-icons" 不将这些图标视为默认可免费使用:如果您想将这些图标用于您的项目,您可能|必须|应该|必须与图标的所有权人联系,以确认您对图标的用途是合适的。
图标来自以下项目
关于其余部分(除图标外所有内容)
本仓库的所有内容(除图标包外)均受MIT许可证的许可。
尽管如此,它仅由几个简单的json文件和一个Readme文件组成。