PHPackages damieng/silk-companion - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. damieng/silk-companion ActiveLibrary[Utility & Helpers](/categories/utility) damieng/silk-companion ====================== Silk-Companion icon set 0.2.3(10y ago)37205MITJavaScript Since Mar 22Pushed 4y ago3 watchersCompare [ Source](https://github.com/damieng/silk-companion)[ Packagist](https://packagist.org/packages/damieng/silk-companion)[ Docs](https://github.com/damieng/silk-companion)[ RSS](/packages/damieng-silk-companion/feed)WikiDiscussions master Synced 1mo ago READMEChangelogDependenciesVersions (7)Used By (0) Silk Icons Companion #1 ======================= [](#silk-icons-companion-1) [![NPM version](https://camo.githubusercontent.com/6d088102f7e64833241f51d0353fa8d1f7c7794914c0d3ad413c0917b2a44af9/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f73696c6b2d636f6d70616e696f6e2e737667)](https://www.npmjs.org/package/silk-companion)[![Bower version](https://camo.githubusercontent.com/b00abf6c1c528689cb9c600b701cc185d9018f944056863eef6a4aa5294f4ca4/68747470733a2f2f696d672e736869656c64732e696f2f626f7765722f762f73696c6b2d636f6d70616e696f6e2e737667)](http://bower.io/search/?q=silk-companion)[![Packagist version](https://camo.githubusercontent.com/0449f7addbf343b5b84467b97e6487db94bf7b4a5ccf85243c0dab33e15c3110/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f64616d69656e672f73696c6b2d636f6d70616e696f6e2e737667)](https://packagist.org/packages/damieng/silk-companion) [![Build Status](https://camo.githubusercontent.com/e11f38baaf1588f0736b42932fc6695ca62ebdbade62893b5970509eafa3770c/68747470733a2f2f696d672e736869656c64732e696f2f7472617669732f64616d69656e672f73696c6b2d636f6d70616e696f6e2e737667)](https://travis-ci.org/damieng/silk-companion) About ----- [](#about) [Silk companion icon set #1 - "More Silk!"](http://damieng.com/creative/icons/silk-companion-1-icons)Last updated 19 November 2007 [Packaging by T1st3](https://github.com/T1st3) Description ----------- [](#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. 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. 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. CSS spritesheets ---------------- [](#css-spritesheets) You can insert the icons directly into your HTML with a common IMG tag: ``` ``` 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. This is what it actually looks: [![Spritesheet](https://raw.githubusercontent.com/damieng/silk-companion/master/dist/sprite/silk-companion.png)](https://raw.githubusercontent.com/damieng/silk-companion/master/dist/sprite/silk-companion.png) 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: ``` ``` Just remember to add the CSS stylesheet to the HEAD of your HTML page! Packages -------- [](#packages) ### NPM [](#npm) ``` npm install silk-companion ``` ### Bower [](#bower) ``` bower install silk-companion ``` ### Composer / Packagist [](#composer--packagist) [silk-companion on Packagist](https://packagist.org/packages/damieng/silk-companion) Build (the whole project or your custom project) ------------------------------------------------ [](#build-the-whole-project-or-your-custom-project) We use [Gulp](http://gulpjs.com/) to build the project, so if you want to re-build or customize this project, you'll need Gulp. After gulp is installed, and your CLI is pointed to your work directory, first install the dependencies: ``` npm install ``` then, you can run the `gulp build` task to build the project: ``` gulp build ``` What the build task does ------------------------ [](#what-the-build-task-does) First, it takes PNG files from the `src` folder, and pastes them to the `dist` folder. Then it creates a spritesheet from the PNG images located in the `src` folder, and thus creates the `sprite` folder in `dist`. 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. You'll get the proper spritesheet and copies of the icons directly in the `dist` folder. Licence ------- [](#licence) The icons are dual licensed under [Creative Commons Attribution 2.5 License](http://creativecommons.org/licenses/by/2.5/) and [Creative Commons Attribution 3.0 License](http://creativecommons.org/licenses/by/3.0/). Packaging files are licensed under the [MIT license](http://opensource.org/licenses/MIT). The Original Silk readme this work is based upon: ``` 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 ``` ### Health Score 30 — LowBetter than 64% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity18 Limited adoption so far Community15 Small or concentrated contributor base Maturity57 Maturing project, gaining track record Bus Factor1 Top contributor holds 73.1% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~25 days Recently: every ~32 days Total 6 Last Release 3948d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/01b906db10aefb2fe1be1fdbaa69ad645d268ba4270d27a97b60ec7f5b7be6af?d=identicon)[T1st3](/maintainers/T1st3) ![](https://www.gravatar.com/avatar/f16e1ea422659ea2a25caec669db2c5f764f06255cd289c4fd63f53b8ed9f48d?d=identicon)[damieng](/maintainers/damieng) --- Top Contributors [![t1st3](https://avatars.githubusercontent.com/u/1469638?v=4)](https://github.com/t1st3 "t1st3 (19 commits)")[![damieng](https://avatars.githubusercontent.com/u/118951?v=4)](https://github.com/damieng "damieng (6 commits)")[![greenkeeperio-bot](https://avatars.githubusercontent.com/u/14790466?v=4)](https://github.com/greenkeeperio-bot "greenkeeperio-bot (1 commits)") --- Tags gifpngiconfamfamfamsilkimg ### Embed Badge ![Health badge](/badges/damieng-silk-companion/health.svg) ``` [![Health](https://phpackages.com/badges/damieng-silk-companion/health.svg)](https://phpackages.com/packages/damieng-silk-companion) ``` ### Alternatives [legacy-icons/famfamfam-flags FamFamFam Flags icon pack, as individual icons or as a CSS spritesheet 6219.2k1](/packages/legacy-icons-famfamfam-flags)[sybio/gif-frame-extractor PHP class that separates all the frames (and their duration) of an animated GIF 179417.2k8](/packages/sybio-gif-frame-extractor)[ashallendesign/favicon-fetcher A Laravel package for fetching website's favicons. 190272.4k3](/packages/ashallendesign-favicon-fetcher)[kartik-v/yii2-icons Set of icon frameworks for use in Yii Framework 2.0 73970.3k34](/packages/kartik-v-yii2-icons)[smithfield-studio/acf-svg-icon-picker Add ACF field for selecting SVG icons. 3710.8k](/packages/smithfield-studio-acf-svg-icon-picker)[moritzebeling/kirby-favicon Kirby plugin to meet all favicon needs 144.8k](/packages/moritzebeling-kirby-favicon) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)