Notionists

This avatar style is a remix of: Notionists by Zoish, licensed under CC0 1.0 .

LICENSE

While our code is MIT licensed, the design of this avatar style is licensed under CC0 1.0. See details for more information.

Open in Playground

Usage

Use this URL to request this avatar style via our HTTP API.

https://api.dicebear.com/9.x/notionists/svg

You can use the URL directly as image source.

See HTTP-API docs for more information.

First install the required packages via npm:

npm install @dicebear/core @dicebear/collection --save

Then you can create this avatar as follows:

import { createAvatar } from '@dicebear/core';
import { notionists } from '@dicebear/collection';

const avatar = createAvatar(notionists, {
  // ... options
});

const svg = avatar.toString();

See JS-Library docs for more information.

First install the CLI package via npm:

npm install --global dicebear

Then you can create this avatar as follows:

dicebear notionists

See CLI docs for more information.

Options

seed

Type string

The seed determines the initial value for the built-in PRNG. With the PRNG you can create the same avatar over and over again based.

Felix

Aneka

https://api.dicebear.com/9.x/notionists/svg?seed=Felix

createAvatar(notionists, {
  seed: "Felix"
});

dicebear notionists --seed "Felix"

flip

Type boolean

false

true

false

https://api.dicebear.com/9.x/notionists/svg?flip=false

createAvatar(notionists, {
  flip: false
});

dicebear notionists --flip false

rotate

Type integerMinimum 0Maximum 360

0

90

180

270

0

https://api.dicebear.com/9.x/notionists/svg?rotate=0

createAvatar(notionists, {
  rotate: 0
});

dicebear notionists --rotate 0

scale

Type integerMinimum 0Maximum 200

50

100

200

100

https://api.dicebear.com/9.x/notionists/svg?scale=50

createAvatar(notionists, {
  scale: 50
});

dicebear notionists --scale 50

radius

Type integerMinimum 0Maximum 50

0

10

20

30

40

50

0

https://api.dicebear.com/9.x/notionists/svg?radius=0

createAvatar(notionists, {
  radius: 0
});

dicebear notionists --radius 0

size

Type integerMinimum 1

32

48

64

80

96

https://api.dicebear.com/9.x/notionists/svg?size=32

createAvatar(notionists, {
  size: 32
});

dicebear notionists --size 32

backgroundColor

Type arrayItem Pattern ^(transparent|[a-fA-F0-9]{6})$

b6e3f4

c0aede

d1d4f9

ffd5dc

ffdfbf

https://api.dicebear.com/9.x/notionists/svg?backgroundColor=b6e3f4,c0aede,d1d4f9

createAvatar(notionists, {
  backgroundColor: ["b6e3f4","c0aede","d1d4f9"]
});

dicebear notionists --backgroundColor "b6e3f4" "c0aede" "d1d4f9"

backgroundType

Type array

gradientLinear

solid

https://api.dicebear.com/9.x/notionists/svg?backgroundType=gradientLinear,solid

createAvatar(notionists, {
  backgroundType: ["gradientLinear","solid"]
});

dicebear notionists --backgroundType "gradientLinear" "solid"

backgroundRotation

Type array

Specify an array of two numbers for this option. The PRNG will generate a number between the two values, which will be used as the rotation degree. The rotation is only visible if backgroundType is set to ['gradientLinear'].

0

360

https://api.dicebear.com/9.x/notionists/svg?backgroundRotation=0,360

createAvatar(notionists, {
  backgroundRotation: [0,360]
});

dicebear notionists --backgroundRotation 0 360

translateX

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

https://api.dicebear.com/9.x/notionists/svg?translateX=-50

createAvatar(notionists, {
  translateX: -50
});

dicebear notionists --translateX -50

translateY

Type integerMinimum -100Maximum 100

-50

-25

0

25

50

0

https://api.dicebear.com/9.x/notionists/svg?translateY=-50

createAvatar(notionists, {
  translateY: -50
});

dicebear notionists --translateY -50

clip

Type boolean

true

https://api.dicebear.com/9.x/notionists/svg?clip=true

createAvatar(notionists, {
  clip: true
});

dicebear notionists --clip true

randomizeIds

Type boolean

This option randomize the IDs in the generated SVG / XML. This can be useful for example if the avatars are included directly in the HTML and you want to avoid ID collisions.

false

https://api.dicebear.com/9.x/notionists/svg?randomizeIds=false

createAvatar(notionists, {
  randomizeIds: false
});

dicebear notionists --randomizeIds false

base

Type array

variant01

https://api.dicebear.com/9.x/notionists/svg?base=variant01

createAvatar(notionists, {
  base: ["variant01"]
});

dicebear notionists --base "variant01"

beard

Type array

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

https://api.dicebear.com/9.x/notionists/svg?beard=variant01,variant02,variant03

createAvatar(notionists, {
  beard: ["variant01","variant02","variant03"]
});

dicebear notionists --beard "variant01" "variant02" "variant03"

beardProbability

Type integerMinimum 0Maximum 100

0

100

10

https://api.dicebear.com/9.x/notionists/svg?beardProbability=0

createAvatar(notionists, {
  beardProbability: 0
});

dicebear notionists --beardProbability 0

body

Type array

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant17

variant18

variant19

variant20

variant21

variant22

variant23

variant24

variant25

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant17

variant18

variant19

variant20

variant21

variant22

variant23

variant24

variant25

https://api.dicebear.com/9.x/notionists/svg?body=variant01,variant02,variant03

createAvatar(notionists, {
  body: ["variant01","variant02","variant03"]
});

dicebear notionists --body "variant01" "variant02" "variant03"

bodyIcon

Type array

electric

galaxy

saturn

electric

galaxy

saturn

https://api.dicebear.com/9.x/notionists/svg?bodyIcon=electric,galaxy,saturn

createAvatar(notionists, {
  bodyIcon: ["electric","galaxy","saturn"]
});

dicebear notionists --bodyIcon "electric" "galaxy" "saturn"

bodyIconProbability

Type integerMinimum 0Maximum 100

0

100

75

https://api.dicebear.com/9.x/notionists/svg?bodyIconProbability=0

createAvatar(notionists, {
  bodyIconProbability: 0
});

dicebear notionists --bodyIconProbability 0

brows

Type array

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

https://api.dicebear.com/9.x/notionists/svg?brows=variant01,variant02,variant03

createAvatar(notionists, {
  brows: ["variant01","variant02","variant03"]
});

dicebear notionists --brows "variant01" "variant02" "variant03"

eyes

Type array

variant01

variant02

variant03

variant04

variant05

variant01

variant02

variant03

variant04

variant05

https://api.dicebear.com/9.x/notionists/svg?eyes=variant01,variant02,variant03

createAvatar(notionists, {
  eyes: ["variant01","variant02","variant03"]
});

dicebear notionists --eyes "variant01" "variant02" "variant03"

gesture

Type array

hand

handPhone

ok

okLongArm

point

pointLongArm

waveLongArm

waveLongArms

waveOkLongArms

wavePointLongArms

hand

handPhone

ok

okLongArm

point

pointLongArm

waveLongArm

waveLongArms

waveOkLongArms

wavePointLongArms

https://api.dicebear.com/9.x/notionists/svg?gesture=hand,handPhone,ok

createAvatar(notionists, {
  gesture: ["hand","handPhone","ok"]
});

dicebear notionists --gesture "hand" "handPhone" "ok"

gestureProbability

Type integerMinimum 0Maximum 100

0

100

10

https://api.dicebear.com/9.x/notionists/svg?gestureProbability=0

createAvatar(notionists, {
  gestureProbability: 0
});

dicebear notionists --gestureProbability 0

glasses

Type array

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

https://api.dicebear.com/9.x/notionists/svg?glasses=variant01,variant02,variant03

createAvatar(notionists, {
  glasses: ["variant01","variant02","variant03"]
});

dicebear notionists --glasses "variant01" "variant02" "variant03"

glassesProbability

Type integerMinimum 0Maximum 100

0

100

20

https://api.dicebear.com/9.x/notionists/svg?glassesProbability=0

createAvatar(notionists, {
  glassesProbability: 0
});

dicebear notionists --glassesProbability 0

hair

Type array

hat

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant17

variant18

variant19

variant20

variant21

variant22

variant23

variant24

variant25

variant26

variant27

variant28

variant29

variant30

variant31

variant32

variant33

variant34

variant35

variant36

variant37

variant38

variant39

variant40

variant41

variant42

variant43

variant44

variant45

variant46

variant47

variant48

variant49

variant50

variant51

variant52

variant53

variant54

variant55

variant56

variant57

variant58

variant59

variant60

variant61

variant62

variant63

hat

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant17

variant18

variant19

variant20

variant21

variant22

variant23

variant24

variant25

variant26

variant27

variant28

variant29

variant30

variant31

variant32

variant33

variant34

variant35

variant36

variant37

variant38

variant39

variant40

variant41

variant42

variant43

variant44

variant45

variant46

variant47

variant48

variant49

variant50

variant51

variant52

variant53

variant54

variant55

variant56

variant57

variant58

variant59

variant60

variant61

variant62

variant63

https://api.dicebear.com/9.x/notionists/svg?hair=hat,variant01,variant02

createAvatar(notionists, {
  hair: ["hat","variant01","variant02"]
});

dicebear notionists --hair "hat" "variant01" "variant02"

lips

Type array

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant17

variant18

variant19

variant20

variant21

variant22

variant23

variant24

variant25

variant26

variant27

variant28

variant29

variant30

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant17

variant18

variant19

variant20

variant21

variant22

variant23

variant24

variant25

variant26

variant27

variant28

variant29

variant30

https://api.dicebear.com/9.x/notionists/svg?lips=variant01,variant02,variant03

createAvatar(notionists, {
  lips: ["variant01","variant02","variant03"]
});

dicebear notionists --lips "variant01" "variant02" "variant03"

nose

Type array

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant17

variant18

variant19

variant20

variant01

variant02

variant03

variant04

variant05

variant06

variant07

variant08

variant09

variant10

variant11

variant12

variant13

variant14

variant15

variant16

variant17

variant18

variant19

variant20

https://api.dicebear.com/9.x/notionists/svg?nose=variant01,variant02,variant03

createAvatar(notionists, {
  nose: ["variant01","variant02","variant03"]
});

dicebear notionists --nose "variant01" "variant02" "variant03"

Details

Naming
Collection Import	import { notionists } from '@dicebear/collection';
Package Import	import * as style from '@dicebear/notionists';
CLI	dicebear notionists
HTTP-API	https://api.dicebear.com/9.x/notionists/svg
JSON Schema	https://api.dicebear.com/9.x/notionists/schema.json

Source
Title	Notionists
Creator	Zoish
Website	https://bio.link/heyzoish
License	CC0 1.0
Source	https://heyzoish.gumroad.com/l/notionists

Notionists ​

Usage ​

Options ​

seed

flip

rotate

scale

radius

size

backgroundColor

backgroundType

backgroundRotation

translateX

translateY

clip

randomizeIds

base

beard

beardProbability

body

bodyIcon

bodyIconProbability

brows

eyes

gesture

gestureProbability

glasses

glassesProbability

hair

lips

nose

Details ​

Notionists

Usage

Options

Details