2017 © Pedro Peláez
 

library vendor-icons

Icons and logos from various vendors of the coding community

image

legacy-icons/vendor-icons

Icons and logos from various vendors of the coding community

  • Thursday, February 18, 2016
  • by T1st3
  • Repository
  • 2 Watchers
  • 8 Stars
  • 4 Installations
  • CSS
  • 0 Dependents
  • 0 Suggesters
  • 0 Forks
  • 0 Open issues
  • 28 Versions
  • 0 % Grown

The README.md

vendor-icons

NPM version Bower version Packagist version Nuget version, (*1)

Dependency Status Build Status, (*2)

About

Icons and logos from various vendors of the coding community. While the project is opened to new icons, its author admits the project is kind of orientated towards JavaScript / Web & HTML5 / HybridApps., (*3)

This project just provides icons from various projects. All icons are made available through the following dimensions (in pixels):, (*4)

  • 16x16
  • 32x32
  • 48x48
  • 64x64
  • 96x96
  • 128x128
  • 256x256

CSS spritesheets

You can insert the icons directly into your HTML with a common IMG tag:, (*5)

<img alt="Github logo" src="dist/32x32/github.png" width="32" height="32">

In addition to the icons by themselves, this project also ships a CSS spritesheet for the icon-pack. This spritesheet allows to load the entire icon-pack in just 1 image, and thus reduce HTTP calls., (*6)

This is what it actually looks:, (*7)

Spritesheet Spritesheet, (*8)

All the positioning of the icons inside this alone image is made through CSS, which allows you to just add block-type tags with the proper class and get the same result:, (*9)

<div class="vendor-icons github"></div>

Just remember to add the CSS stylesheet to the HEAD of your HTML page!, (*10)

Install

Get the package with NPM

npm install vendor-icons, (*11)

Get the package with Bower

bower install vendor-icons, (*12)

Get the package with Composer / Packagist

composer require legacy-icons/vendor-icons, (*13)

Get the package with NuGet

Install-Package vendor-icons, (*14)

Build the whole project or your custom project

We use Gulp to build the project, so if you want to re-build or customize this project, you'll need Gulp., (*15)

After gulp is installed, and your CLI is pointed to your work directory, first install the dependencies:, (*16)

with NPM 2.x.x, (*17)

npm install, (*18)

with NPM 3.x.x (resolve dependencies for node-spritesheet before this module's ones), (*19)

npm install grunt grunt-contrib-coffee grunt-contrib-clean, (*20)

npm install, (*21)

then be sure that you have ImageMagick installed for building spritesheet., (*22)

then, you can run the gulp build task to build the project:, (*23)

gulp build, (*24)

What the build task does?

First, it takes PNG files from the src folder, and pastes them to the dist folder., (*25)

Then it creates a spritesheet from the PNG images located in the src folder, and thus creates the sprite folder in dist., (*26)

If, for example you just want css3 and html5 icons in a spritesheet, you just have to fork this project, point your CLI to the working directory, empty the src directory, except css3 and html5 icons in PNG format, and then run the gulp build task., (*27)

You'll get the proper spritesheet and copies of the icons directly in the dist folder., (*28)

License

Each icon in this project belong to its original author, and for most of them, they are copyrighted. Some of these icons may not match their project's official icon/logo., (*29)

Actually, this icon set is quite opinionated, but is definitely open to improvements, or critics., (*30)

Please note that the project "vendor-icons" does not consider these icons as free-to-use by default: if you want to use these icons in your project, you may|shall|should|must check with the rightful owners that your use of the icon is OK., (*31)

This project is meant to follow any kind of "upstream-design". Let's say NPM creates a Github repository to host SVG/EPS/AI for the NPM logo, then vendor-icons's vocation would be to create a workflow to take the repository as a source for the NPM icon. Each project and/or company handles graphic assets in different manners, and then, vendor-icons can not give general guidelines for use or licensing, since each icon may have its own guidelines/policy/license., (*32)

Please refer the rightful owners in case you don't know whether your use of any icon is legit or not., (*33)

The icons are borrowed from the following projects:, (*34)

About the rest (all this repository but the icons)

All the content of this repository (excepted the icon pack) is licensed under the MIT license., (*35)

Though, it is just composed a few trivial json files and a Readme., (*36)

The Versions

18/02 2016

dev-master

9999999-dev https://github.com/legacy-icons/vendor-icons

Icons and logos from various vendors of the coding community

  Sources   Download

MIT

css icon vendor png spritesheet

18/02 2016

1.0.0

1.0.0.0 https://github.com/legacy-icons/vendor-icons

Icons and logos from various vendors of the coding community

  Sources   Download

MIT

css icon vendor png spritesheet

15/02 2016

0.5.1

0.5.1.0 https://github.com/t1st3/vendor-icons

Icons and logos from various vendors of the coding community

  Sources   Download

MIT

css icon vendor png spritesheet

14/01 2016

0.5.0

0.5.0.0 https://github.com/T1st3/vendor-icons

Icons and logos from various vendors of the coding community

  Sources   Download

MIT

css icon vendor png spritesheet

22/12 2015

0.4.1

0.4.1.0 https://github.com/T1st3/vendor-icons

Icons and logos from various vendors of the coding community

  Sources   Download

MIT

css icon vendor png spritesheet

20/10 2015

0.4.0

0.4.0.0 https://github.com/T1st3/vendor-icons

Icons and logos from various vendors of the coding community

  Sources   Download

MIT

css icon vendor png spritesheet

28/07 2015

0.3.6

0.3.6.0 https://github.com/T1st3/vendor-icons

Icons and logos from various vendors of the coding community

  Sources   Download

MIT

css icon vendor png spritesheet

08/04 2015

0.3.5

0.3.5.0 https://github.com/T1st3/vendor-icons

Icons and logos from various vendors of the coding community

  Sources   Download

MIT

css icon vendor png spritesheet

06/04 2015

0.3.4

0.3.4.0 https://github.com/T1st3/vendor-icons

Icons and logos from various vendors of the coding community

  Sources   Download

MIT

css icon vendor png spritesheet

02/04 2015

0.3.3

0.3.3.0 https://github.com/T1st3/vendor-icons

Icons and logos from various vendors of the coding community

  Sources   Download

MIT

icon vendor png

01/04 2015

0.3.2

0.3.2.0 https://github.com/T1st3/vendor-icons

Icons and logos from various vendors of the coding community

  Sources   Download

MIT

icon vendor png

31/03 2015

0.3.1

0.3.1.0 https://github.com/T1st3/vendor-icons

Icons and logos from various vendors of the coding community

  Sources   Download

MIT

icon vendor png

31/03 2015

0.3.0

0.3.0.0 https://github.com/T1st3/vendor-icons

Icons and logos from various vendors of the coding community

  Sources   Download

MIT

icon vendor png

30/03 2015

0.2.17

0.2.17.0 https://github.com/T1st3/vendor-icons

Icons and logos from various vendors of the coding community

  Sources   Download

MIT

icon vendor png

30/03 2015

0.2.16

0.2.16.0 https://github.com/T1st3/vendor-icons

Icons and logos from various vendors of the coding community

  Sources   Download

MIT

icon vendor png

29/03 2015

0.2.15

0.2.15.0 https://github.com/T1st3/vendor-icons

Vendor icons

  Sources   Download

MIT

icon vendor png

29/03 2015

0.2.14

0.2.14.0 https://github.com/T1st3/vendor-icons

Vendor icons

  Sources   Download

MIT

icon vendor png

29/03 2015

0.2.13

0.2.13.0 https://github.com/T1st3/vendor-icons

Vendor icons

  Sources   Download

MIT

icon vendor png

28/03 2015

0.2.12

0.2.12.0 https://github.com/T1st3/vendor-icons

Vendor icons

  Sources   Download

MIT

icon vendor png

26/03 2015

0.2.11

0.2.11.0 https://github.com/T1st3/vendor-icons

Vendor icons

  Sources   Download

MIT

icon vendor png

26/03 2015

0.2.10

0.2.10.0 https://github.com/T1st3/vendor-icons

Vendor icons

  Sources   Download

MIT

icon vendor png

20/03 2015

0.2.9

0.2.9.0 https://github.com/T1st3/vendor-icons

Vendor icons

  Sources   Download

MIT

icon vendor png

15/03 2015

0.2.8

0.2.8.0 https://github.com/T1st3/vendor-icons

Vendor icons

  Sources   Download

MIT

icon vendor png

15/03 2015

0.2.7

0.2.7.0 https://github.com/T1st3/vendor-icons

Vendor icons

  Sources   Download

MIT

icon vendor png

15/03 2015

0.2.6

0.2.6.0 https://github.com/T1st3/vendor-icons

Vendor icons

  Sources   Download

MIT

icon vendor png

13/03 2015

0.2.5

0.2.5.0 https://github.com/T1st3/vendor-icons

Vendor icons

  Sources   Download

MIT

icon vendor png

10/03 2015

0.2.4

0.2.4.0 https://github.com/T1st3/vendor-icons

Vendor icons

  Sources   Download

MIT

icon vendor png

10/03 2015

0.2.3

0.2.3.0 https://github.com/T1st3/vendor-icons

Vendor icons

  Sources   Download

MIT

icon vendor png