2017 © Pedro Peláez
 

library silk-companion

Silk-Companion icon set

image

damieng/silk-companion

Silk-Companion icon set

  • Sunday, January 3, 2016
  • by T1st3
  • Repository
  • 2 Watchers
  • 10 Stars
  • 7 Installations
  • CSS
  • 0 Dependents
  • 0 Suggesters
  • 2 Forks
  • 1 Open issues
  • 7 Versions
  • 0 % Grown

The README.md

Silk Icons Companion #1

NPM version Bower version Packagist version, (*1)

Build Status, (*2)

About

Silk companion icon set #1 - "More Silk!" Last updated 19 November 2007 Packaging by T1st3, (*3)

Description

The FamFamFam Silk icon set is a very large, consistent set of well-drawn icons that has proven to be popular with both applications and web sites., (*4)

On a number of occasions I have found myself wanting more icons in the same style. This companion set represents what I needed but also what I felt like adding., (*5)

Some are new icons in the same style, some are alternative sizes/colours of the existing icons and some are new compositions of the elements., (*6)

CSS spritesheets

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

    <img alt="Connect" src="dist/png/folder_connect.png" width="16" height="16">

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., (*8)

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

Spritesheet, (*10)

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:, (*11)

    <div class="silk-companion folder_connect"></div>

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

Packages

NPM

npm install silk-companion

Bower

bower install silk-companion

Composer / Packagist

silk-companion on Packagist, (*13)

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., (*14)

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

     npm install

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

     gulp build

What the build task does

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

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

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

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

Licence

The icons are dual licensed under Creative Commons Attribution 2.5 License and Creative Commons Attribution 3.0 License., (*21)

Packaging files are licensed under the MIT license., (*22)

The Original Silk readme this work is based upon:, (*23)

Silk icon set 1.3

_________________________________________
Mark James
http://www.famfamfam.com/lab/icons/silk/
_________________________________________

This work is licensed under a
Creative Commons Attribution 2.5 License.
[ http://creativecommons.org/licenses/by/2.5/ ]

This means you may use it for any purpose,
and make any changes you like.
All I ask is that you include a link back
to this page in your credits.

Are you using this icon set? Send me an email
(including a link or picture if available) to
mjames@gmail.com

Any other questions about this icon set please
contact mjames@gmail.com

The Versions

03/01 2016

dev-master

9999999-dev https://github.com/damieng/silk-companion

Silk-Companion icon set

  Sources   Download

MIT

gif icon famfamfam png silk img

28/07 2015

0.2.3

0.2.3.0 https://github.com/damieng/silk-companion

Silk-Companion icon set

  Sources   Download

MIT

gif icon famfamfam png silk img

27/03 2015

0.2.2

0.2.2.0 https://github.com/damieng/silk-companion

Silk-Companion icon set

  Sources   Download

MIT

gif icon famfamfam png silk img

27/03 2015

0.2.1

0.2.1.0 https://github.com/damieng/silk-companion

Silk-Companion icon set

  Sources   Download

MIT

gif icon famfamfam png silk img

26/03 2015

0.2.0

0.2.0.0 https://github.com/T1st3/silk-companion

Silk-Companion icon set

  Sources   Download

MIT

gif icon famfamfam png silk img

22/03 2015

0.1.1

0.1.1.0 https://github.com/T1st3/silk-companion

Silk-Companion icon set

  Sources   Download

MIT

gif icon famfamfam png silk img

22/03 2015

0.1.0

0.1.0.0 https://github.com/T1st3/silk-companion

Silk-Companion icon set

  Sources   Download

MIT

gif icon famfamfam png silk img