Skip to content

Illustration

Supported illustration packages:

Available Properties

PropertyDescription
illustration_typeLibrary: "undraw", "feather", "twemoji", or "material_icons"
illustration_fileName of the illustration. For feather: icon name. For undraw: file name without extension. For material icons: icon id (e.g. visibility_off). For twemoji: emoji name
illustration_propertiesSee Illustration Properties
alignmentOne or two strings (vertical + horizontal), e.g. "middle center"
opacityInteger 0–100. Opacity of the illustration

Illustration Properties

Available for undraw, feather, and material icons. Not available for twemoji — emoji colors are fixed and cannot be overridden.

PropertyDescription
primary_color6–8 digit hex or cmyka (print). Color of the illustration

Example

ValueResult
"illustration_file": "tropical_fish" (twemoji)Twemoji illustration example
"illustration_properties": { "primary_color": "#FF0000" } (undraw)Undraw illustration with custom color
json
{
  "illustration_type": "undraw",
  "illustration_file": "happy_2021",
  "alignment": "middle center",
  "opacity": 68,
  "illustration_properties": {
    "primary_color": "#FF0000"
  }
}