Back to packageRELEASE DETAILS

1.0.2

npm

16pxls

16px Icon Set

Published29 Mar 2018

Direct dependencies11

Transitive dependenciesNot calculated

README

Current package documentation

Born out of a need for an icon set that would align well in vertical and horizontal lists. Great for navigation, buttons, headings or lists. If you are obsessed with things lining up, then this icon set is perfect for you!

Alt text

v2

Version 2 drops the icon font and PNG/JPG output in favour of SVG only: an SVG sprite, individual SVG files, and a CSS file for background-image classes. v1 (icon font, PNG, JPG) is still published on npm as 16pxls@1 if you need it.

Documentation

Icon names are listed in dist/docs/assets/json/iconList.json.

Installation

npm install 16pxls or yarn add 16pxls

Usage

CSS background classes

<link rel="stylesheet" href="node_modules/16pxls/dist/css/16pxls.css"> or @import '16pxls/css';

<span class="icon icon-Skull"></span>

SVG sprite

<svg class="icon"><use href="node_modules/16pxls/dist/sprite.svg#icon-Skull"></use></svg>

Individual SVGs

Import a single icon directly, e.g. with a bundler: import skull from '16pxls/svg/Skull.svg'.

Building from source

npm install, then npm run build. Reads raw SVGs from src/svg, writes optimised SVGs, the sprite, the CSS and the icon list to dist/.

Included File Types

.SVG
.CSS
.FIG (for Figma)

License

CC-BY-SA-4.0

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 11

Native requirements

11 direct targetsNot calculated transitive count

Package / target	Requirement	Relationship
del Environment { "local_name": "del", "alias": false, "peer_metadata": null }	`^3.0.0`	development
gulp Environment { "local_name": "gulp", "alias": false, "peer_metadata": null }	`^3.9.1`	development
gulp-clean Environment { "local_name": "gulp-clean", "alias": false, "peer_metadata": null }	`^0.4.0`	development
gulp-raster Environment { "local_name": "gulp-raster", "alias": false, "peer_metadata": null }	`^0.2.0`	development
gulp-rename Environment { "local_name": "gulp-rename", "alias": false, "peer_metadata": null }	`^1.2.2`	development
gulp-svgmin Environment { "local_name": "gulp-svgmin", "alias": false, "peer_metadata": null }	`^1.2.4`	development
gulp-svg-css Environment { "local_name": "gulp-svg-css", "alias": false, "peer_metadata": null }	`^1.3.0`	development
gulp-filelist Environment { "local_name": "gulp-filelist", "alias": false, "peer_metadata": null }	`^1.0.0`	development
gulp-imagemin Environment { "local_name": "gulp-imagemin", "alias": false, "peer_metadata": null }	`^4.1.0`	development
gulp-clean-sketch Environment { "local_name": "gulp-clean-sketch", "alias": false, "peer_metadata": null }	`^1.0.0`	development
gulp-header-comment Environment { "local_name": "gulp-header-comment", "alias": false, "peer_metadata": null }	`^0.3.0`	development

Distribution files

1 collected

Distribution 1

Source distribution

Source file

Checksums from source

{
  "shasum": "8a07bdbb150f5218effabde608f912d732eead85",
  "tarball": "https://registry.npmjs.org/16pxls/-/16pxls-1.0.2.tgz",
  "fileCount": 664,
  "integrity": "sha512-ZOZfr5Rne+NBwPTmlAwUR6GvkcP5exYuXXRzOVA17SX3fe9BPP0bNKOZ4FSneBCWygrZ6V9rj47Hr7c/5Y5kEQ==",
  "signatures": [
    {
      "sig": "MEMCIBE5xV05ODyGY0/Jy6M+W3Fy+5terYq/XsDAi1U7/DYuAh9kcj0Cbcm1B1uA0AuSIH8cf4cQ0BILvGCRPRN4ZbQU",
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"
    }
  ],
  "unpackedSize": 2021234
}