# rockicon

> A fork of jazzicon with support of changing colors palette

Latest version **1.0.0** (published 2018-07-25) · ISC license · 0 weekly downloads

## Install

```sh
npm install rockicon
pnpm add rockicon
yarn add rockicon
bun add rockicon
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2018-07-25 |
| First published | 2018-07-25 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 278.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Victor Baranov |
| Maintainers | barrakuda |
| Keywords | identicon, jazz, rock |

## Links

- npm: https://www.npmjs.com/package/rockicon
- Repository: https://github.com/vbaranov/rockicon
- Homepage: https://github.com/vbaranov/rockicon#readme
- Issues: https://github.com/vbaranov/rockicon/issues
- npm.io page: https://npm.io/package/rockicon

## Dependencies (2)

- [color](https://npm.io/package/color.md) ^0.11.3
- [mersenne-twister](https://npm.io/package/mersenne-twister.md) ^1.1.0

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 1.0.0 (latest) — 2018-07-25

## README

# Rockicon
## Rocky Identicons

It is a fork of (jazzicon)[https://github.com/danfinlay/jazzicon] with ability to set colors palette from outside.

## Installation

```
npm install rockicon -S
```

## Usage

Takes a color palette, a pixel diameter and a javascript integer (seeds the shape), and gives you back a DOM element to use as you wish!

```javascript
var colors = [
	'#5bdd95',
  '#5bddcf',
  '#47b1ee',
  '#3677ee',
  '#7e27d0',
  '#631fa3',
  '#d025ce',
  '#f12498',
  '#f1611a',
  '#f8c013',
]
var rockicon = require('rockicon')
rockicon.setColorsPalette(colors)
var body = document.querySelector('body')
for(var i = 0; i < 60; i++) {
  var el = rockicon.generateIdenticon(100, Math.round(Math.random() * 10000000))
  body.appendChild(el)
}
```

## Example

You can run an example by installing beefy (`npm i -g beefy`) and then running `npm start`.

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