@polkadot/ui-identicon

A generic identity icon that can render icons based on the theme, be it Substrate or Polkadot

Usage Examples

To install the component, do yarn add @polkadot/ui-identicon

Inside a React component, you can now render any account with the associated icon -

1import Identicon from '@polkadot/ui-identicon';
2
3...
4render () {
5  // address is an ss58-encoded address or publicKey (hex string or Uint8Array)
6  const { address } = this.props;
7  // size (optional) is a number, indicating the size (in pixels, 64 as default)
8  const size = 32;
9  // theme (optional), depicts the type of icon, one of
10  // 'polkadot', 'substrate' (default), 'beachball' or 'jdenticon'
11  const theme = 'polkadot';
12
13  // standard className & style props are also available
14  return (
15    <Identicon
16      value={address}
17      size={size}
18      theme={theme}
19    />
20  );
21}
22...