Heart shapes
Shapes styletype: "shape"A ready heart path for likes, favorites and love-themed visuals, recolored on every API call. Add heart shapes to generated images free with Imejis.
Design JSON — “Heart” variant
{
"title": "Shape sample",
"description": "A dynamic star shape",
"dimensions": {
"width": 800,
"height": 420
},
"background": {
"color": "#ffffff"
},
"components": [
{
"id": "sample-shape",
"key": "star",
"type": "shape",
"position": {
"x": 290,
"y": 100
},
"rotation": 0,
"size": {
"width": 220,
"height": 220
},
"dynamic": true,
"properties": {
"path": "M 50 88 C 22 66 6 48 6 30 C 6 15 17 6 29 6 C 38 6 46 11 50 19 C 54 11 62 6 71 6 C 83 6 94 15 94 30 C 94 48 78 66 50 88 Z",
"viewBox": "0 0 100 100",
"fillColor": "#EF4444",
"strokeColor": "transparent",
"strokeWidth": 0,
"opacity": 1
}
}
]
}Shapes examples
Real renders of the heart shapes — each one is the same component with different property values, and the API payload below each preview reproduces it exactly.
Like milestone badge
A pink heart for a "10K likes" celebration graphic posted when a milestone is hit.
API overrides for this example
{
"star.path": "M 50 88 C 22 66 6 48 6 30 C 6 15 17 6 29 6 C 38 6 46 11 50 19 C 54 11 62 6 71 6 C 83 6 94 15 94 30 C 94 48 78 66 50 88 Z",
"star.fillColor": "#EC4899",
"star.strokeColor": "transparent"
}Wellness heart on dark
A soft coral heart as the focal mark of a dark health-app weekly summary image.
API overrides for this example
{
"star.path": "M 50 88 C 22 66 6 48 6 30 C 6 15 17 6 29 6 C 38 6 46 11 50 19 C 54 11 62 6 71 6 C 83 6 94 15 94 30 C 94 48 78 66 50 88 Z",
"star.fillColor": "#F87171",
"star.strokeColor": "transparent"
}When to use the heart style
- Like and favorite milestone graphics
- Valentine campaign visuals
- Health and wellness imagery
Use it dynamically via the API
Recolor per render with '<key>.fillColor' (or just '<key>'); strokeColor, strokeWidth and even the path are overridable.
Full API request with this variant's current values — the playground above sends only the properties you change
curl --location 'https://render.imejis.io/v1/{{YOUR_DESIGN_ID}}' \
--header 'dma-api-key: {{YOUR_API_KEY}}' \
--header 'Content-Type: application/json' \
--data '{
"star.path": "M 50 88 C 22 66 6 48 6 30 C 6 15 17 6 29 6 C 38 6 46 11 50 19 C 54 11 62 6 71 6 C 83 6 94 15 94 30 C 94 48 78 66 50 88 Z",
"star.viewBox": "0 0 100 100",
"star.fillColor": "#EF4444",
"star.strokeColor": "transparent",
"star.strokeWidth": 0,
"star.opacity": 1
}'Only send the properties you want to change — everything else keeps its design value. See the API documentation for all languages.
Other shapes styles
See the shapes component page for the full property reference and FAQs.