# Ethereum Blockies Base64

A tiny library for generating blocky identicons as base64 encoded PNGs.

![Sample of generated blockies](sample.png "Blockies")

[**See a live demo of it in action**](https://mycryptohq.github.io/ethereum-blockies-base64/)

## Install

```
# NPM
npm install --save ethereum-blockies-base64

# Yarn
yarn add ethereum-blockies-base64
```

## Use

### Vanilla JS

```javascript
import makeBlockie from 'ethereum-blockies-base64';

const img = new Image() ;
img.src = makeBlockie('0x7cB57B5A97eAbe94205C07890BE4c1aD31E486A8');

document.body.appendChild(img);
```

### React

```javascript
import React from 'react';
import makeBlockie from 'ethereum-blockies-base64';

class Blockie extends React.Component {
  render() {
    return <img src={makeBlockie(this.props.address)}/>
  }
}
```

Note: In a real setting, we recommend saving to state and re-making the blockie on prop change for better re-render performance.


License
-------

[MIT](https://opensource.org/licenses/MIT)