legacy-icons/license-icons

来自编程社区各种许可证的图标和徽标

安装: 12

依赖项: 0

建议者: 0

安全: 0

星级: 4

关注者: 2

分支: 8

开放问题: 0

语言:JavaScript

1.0.0 2016-02-18 09:04 UTC

This package is not auto-updated.

Last update: 2024-09-20 18:23:43 UTC


README

NPM version Bower version Packagist version Nuget version

Dependency Status Build Status

关于

来自编程社区各种供应商的图标和徽标。

本项目仅提供各种许可证的图标。所有图标均通过以下尺寸(像素)提供

  • 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 调用。

这就是它实际的样子

Spritesheet Spritesheet

在这个单独的图像内部,所有图标的定位都是通过 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 文件夹。

例如,如果您只想在精灵图中包含 bsdmit 图标,您只需将此项目进行分支,将 CLI 指向工作目录,清空 src 目录(除了 PNG 格式的 bsdmit 图标),然后运行 gulp build 任务。

您将在 dist 文件夹中获得适当的精灵图和图标的副本。

许可证

本项目中的每个图标都属于其原始作者,其中大多数受版权保护。其中一些图标可能与项目的官方图标/徽标不匹配。

实际上,这个图标集非常具有主观性,但肯定会欢迎改进或批评。

请注意,项目 "license-icons" 不将这些图标视为默认可免费使用:如果您想将这些图标用于您的项目,您可能|必须|应该|必须与图标的所有权人联系,以确认您对图标的用途是合适的。

图标来自以下项目

关于其余部分(除图标外所有内容)

本仓库的所有内容(除图标包外)均受MIT许可证的许可。

尽管如此,它仅由几个简单的json文件和一个Readme文件组成。