# 16pxls

> 16px SVG icon set

Latest version **2.0.0** (published 2026-09-22) · CC-BY-SA-4.0 license · 0 weekly downloads

## Install

```sh
npm install 16pxls
pnpm add 16pxls
yarn add 16pxls
bun add 16pxls
```

## Health

**Score 60/100 (C)** — status: active.

Positive: esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads; no types.

## Facts

| | |
|---|---|
| Version | 2.0.0 |
| Published | 2026-09-22 |
| First published | 2018-03-29 |
| Weekly downloads | 0 |
| License | CC-BY-SA-4.0 |
| TypeScript types | none |
| Module format | ESM |
| Node | >=18 |
| Dependencies | 0 |
| Unpacked size | 189.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 15 |
| Author | Paul Mackenzie |
| Maintainers | prmack |
| Keywords | iconset, icons, svg, icon set, 16px |

## Links

- npm: https://www.npmjs.com/package/16pxls
- Repository: https://github.com/prmack/16pxls
- Homepage: https://github.com/prmack/16pxls#readme
- Issues: https://github.com/prmack/16pxls/issues
- npm.io page: https://npm.io/package/16pxls

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads
- [@react-md/material-icons](https://npm.io/package/@react-md/material-icons.md) — 1.6K weekly downloads

## Recent versions

- 2.0.0 (latest) — 2026-09-22
- 1.0.4 — 2018-03-29
- 1.0.3 — 2018-03-29
- 1.0.2 — 2018-03-29
- 1.0.1 — 2018-03-29

## README

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](/dist/docs/assets/images/readme.png?raw=true "Preview of Icons")

## 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';`

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

### SVG sprite

```html
<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](http://creativecommons.org/licenses/by-sa/4.0/)

---
_Source: https://npm.io/package/16pxls · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._