https://github.com/vechain/picasso

General purpose deterministic identity icon library in svg format, mostly for vechain thor addresses.
https://github.com/vechain/picasso

address blocky ident identicon picasso

Last synced: 3 months ago
JSON representation

General purpose deterministic identity icon library in svg format, mostly for vechain thor addresses.

• Host: GitHub
• URL: https://github.com/vechain/picasso
• Owner: vechain
• License: lgpl-3.0
• Created: 2018-11-29T07:49:22.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-07-20T02:12:16.000Z (over 2 years ago)
• Last Synced: 2024-07-06T04:15:31.389Z (4 months ago)
• Topics: address, blocky, ident, identicon, picasso
• Language: TypeScript
• Homepage:
• Size: 378 KB
• Stars: 33
• Watchers: 7
• Forks: 9
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: License

Awesome Lists containing this project

• awesome-list - [source code

README

        
# Picasso

[![npm version](https://badge.fury.io/js/%40vechain%2Fpicasso.svg)](https://badge.fury.io/js/%40vechain%2Fpicasso)

General purpose deterministic identity icon library in svg format, mostly for vechain thor addresses.

![sample](./sample.png)

## Install

## By CDN

Picasso is available at [jsDelivr](https://www.jsdelivr.com/package/npm/@vechain/picasso), you can import it directly.

``` html

```

## By NPM

``` bash

# NPM

npm install --save @vechain/picasso

# Yarn

yarn add @vechain/picasso

```

## Usage

``` javascript

import { picasso } from '@vechain/picasso' // not required if imported from script tag

const div = document.createElement("div")

const svg = picasso('0xf6e78a5584c06e2dec5c675d357f050a5402a730')

div.style.background = `no-repeat url('data:image/svg+xml;utf8,${svg}')`

div.style.height = '200px' 

div.style.width = '200px' 

document.body.appendChild(div);

```

## License

picasso is licensed under the [GNU Lesser General Public License v3.0](https://www.gnu.org/licenses/lgpl-3.0.html), also included in *LICENSE* file in repository.