PHPackages legacy-icons/famfamfam-silk - 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. legacy-icons/famfamfam-silk ActiveLibrary[Utility & Helpers](/categories/utility) legacy-icons/famfamfam-silk =========================== FamFamFam Silk icon pack, as individual icons or as a CSS spritesheet 1.0.0(10y ago)31322230[2 issues](https://github.com/legacy-icons/famfamfam-silk/issues)1CC-BY-2.5CSS Since Feb 28Pushed 10y ago6 watchersCompare [ Source](https://github.com/legacy-icons/famfamfam-silk)[ Packagist](https://packagist.org/packages/legacy-icons/famfamfam-silk)[ Docs](https://github.com/legacy-icons/famfamfam-silk)[ RSS](/packages/legacy-icons-famfamfam-silk/feed)WikiDiscussions master Synced 2mo ago READMEChangelogDependenciesVersions (13)Used By (1) famfamfam-silk ============== [](#famfamfam-silk) [![NPM version](https://camo.githubusercontent.com/73817c0f3c0e8747e0d15568ec5c105ae58b070e4bc8b7e09e2a39f81bc9483c/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f66616d66616d66616d2d73696c6b2e737667)](https://www.npmjs.org/package/famfamfam-silk)[![Bower version](https://camo.githubusercontent.com/1f01408b2405c1ab1ac4bbf9d5cc9dbf6801b55e7bc1d80e16c449b5c271f81a/68747470733a2f2f696d672e736869656c64732e696f2f626f7765722f762f66616d66616d66616d2d73696c6b2e737667)](http://bower.io/search/?q=famfamfam-silk)[![Packagist version](https://camo.githubusercontent.com/db9f37b00ada9d209c82dde2feceff8efd820630a1a6d699be5355b0650b4fbd/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6c65676163792d69636f6e732f66616d66616d66616d2d73696c6b2e737667)](https://packagist.org/packages/legacy-icons/famfamfam-silk)[![Nuget version](https://camo.githubusercontent.com/21791ea53b76d608c494d4137927f2d17ff0d5693a02da2448fcedb6a272c935/68747470733a2f2f696d672e736869656c64732e696f2f6e756765742f762f66616d66616d66616d2d73696c6b2e737667)](https://www.nuget.org/packages/famfamfam-silk/) [![Dependency Status](https://camo.githubusercontent.com/d1d9b59fa4348e229fc29872cf6d3aa5a0d53610cbd13e7b29f27a07fbcea6cd/68747470733a2f2f696d672e736869656c64732e696f2f64617669642f6465762f6c65676163792d69636f6e732f66616d66616d66616d2d73696c6b2e737667)](https://david-dm.org/legacy-icons/famfamfam-silk)[![Build Status](https://camo.githubusercontent.com/c8a3ad713a75d86668a3dd8fda4fb91765b7978da708c54c1863790a86869a9b/68747470733a2f2f696d672e736869656c64732e696f2f7472617669732f6c65676163792d69636f6e732f66616d66616d66616d2d73696c6b2e737667)](https://travis-ci.org/legacy-icons/famfamfam-silk) About ----- [](#about) The `Silk` icon pack, as available on [famfamfam website](http://www.famfamfam.com/lab/icons/silk/). All credits for these icons go to their original author: Mark James () The aim of this project is to make this icon pack available through various package managers, such as: - [NPM](https://npmjs.org) - [Bower](http://bower.io) - [Packagist](https://packagist.org) - [NuGet](https://www.nuget.org) All icons are supplied in PNG format. 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/legacy-icons/famfamfam-silk/master/dist/sprite/famfamfam-silk.png)](https://raw.githubusercontent.com/legacy-icons/famfamfam-silk/master/dist/sprite/famfamfam-silk.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! Install ------- [](#install) ### Get the package with NPM [](#get-the-package-with-npm) > npm install famfamfam-silk ### Get the package with Bower [](#get-the-package-with-bower) > bower install famfamfam-silk ### Get the package with Composer / Packagist [](#get-the-package-with-composer--packagist) > composer require legacy-icons/famfamfam-silk ### Get the package with NuGet [](#get-the-package-with-nuget) > Install-Package famfamfam-silk 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: **with NPM 2.x.x** > npm install **with NPM 3.x.x** (resolve dependencies for `node-spritesheet` before this module's ones) > npm install grunt grunt-contrib-coffee grunt-contrib-clean > npm install then be sure that you have *[ImageMagick](http://www.imagemagick.org/script/binary-releases.php)* installed for building spritesheet. 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 `application_put` and `monitor_edit` icons in a spritesheet, you just have to fork this project, point your CLI to the working directory, empty the `src` directory, except `application_put` and `monitor_edit` icons in PNG format, and then run the `gulp build` task. You'll get the proper spritesheet and copies of the icons directly in the `dist` folder. License ------- [](#license) See [License](https://github.com/legacy-icons/famfamfam-silk/blob/master/LICENSE.md) ### Health Score 39 — LowBetter than 86% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity32 Limited adoption so far Community20 Small or concentrated contributor base Maturity70 Established project with proven stability Bus Factor1 Top contributor holds 90% 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 ~65 days Recently: every ~51 days Total 12 Last Release 3737d ago Major Versions 0.3.6 → 1.0.02016-02-18 ### Community Maintainers ![](https://www.gravatar.com/avatar/01b906db10aefb2fe1be1fdbaa69ad645d268ba4270d27a97b60ec7f5b7be6af?d=identicon)[T1st3](/maintainers/T1st3) --- Top Contributors [![t1st3](https://avatars.githubusercontent.com/u/1469638?v=4)](https://github.com/t1st3 "t1st3 (63 commits)")[![greenkeeperio-bot](https://avatars.githubusercontent.com/u/14790466?v=4)](https://github.com/greenkeeperio-bot "greenkeeperio-bot (4 commits)")[![jonrandoem](https://avatars.githubusercontent.com/u/6131742?v=4)](https://github.com/jonrandoem "jonrandoem (3 commits)") --- Tags gifpngiconfamfamfamsilkimg ### Embed Badge ![Health badge](/badges/legacy-icons-famfamfam-silk/health.svg) ``` [![Health](https://phpackages.com/badges/legacy-icons-famfamfam-silk/health.svg)](https://phpackages.com/packages/legacy-icons-famfamfam-silk) ``` ### 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)