Shapes
This implementation is a remix of Shapes by Florian Körner. Licensed under CC0 1.0.
LICENSE
While our code is MIT licensed, the design is licensed under CC0 1.0. See details for more information.
Usage
Options
seed #
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.
flip #
boolean
rotate #
integer
0
360
scale #
integer
0
200
radius #
integer
0
50
size #
integer
1
backgroundColor #
array
^(transparent|[a-fA-F0-9]{6})$
backgroundType #
array
backgroundRotation #
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']
.
translateX #
integer
-100
100
translateY #
integer
-100
100
clip #
boolean
randomizeIds #
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.
shape1 #
array
shape1Color #
array
^(transparent|[a-fA-F0-9]{6})$
shape1OffsetX #
array
2
Specify an array of two numbers for this option. The PRNG will generate a number between the two values, which will be used as offset.
shape1OffsetY #
array
2
Specify an array of two numbers for this option. The PRNG will generate a number between the two values, which will be used as offset.
shape1Rotation #
array
2
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.
shape2 #
array
shape2Color #
array
^(transparent|[a-fA-F0-9]{6})$
shape2OffsetX #
array
2
Specify an array of two numbers for this option. The PRNG will generate a number between the two values, which will be used as offset.
shape2OffsetY #
array
2
Specify an array of two numbers for this option. The PRNG will generate a number between the two values, which will be used as offset.
shape2Rotation #
array
2
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.
shape3 #
array
shape3Color #
array
^(transparent|[a-fA-F0-9]{6})$
shape3OffsetX #
array
2
Specify an array of two numbers for this option. The PRNG will generate a number between the two values, which will be used as offset.
shape3OffsetY #
array
2
Specify an array of two numbers for this option. The PRNG will generate a number between the two values, which will be used as offset.
shape3Rotation #
array
2
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.
Details
Naming | |
---|---|
Collection Import |
|
Package Import |
|
CLI |
|
HTTP-API | https://api.dicebear.com/7.x/shapes/svg |
JSON Schema | https://api.dicebear.com/7.x/shapes/schema.json |
Source | |
---|---|
Title | Shapes |
Creator | Florian Körner |
Website | https://dicebear.com |
License | CC0 1.0 |
Source | https://dicebear.com |