Adding Shapes, Icons & Frames

Beyond text and images, the Image Editor has three other ways to add visual flourish: Shapes (rectangles, circles, lines), Elements (icons and stickers from a searchable library), and Frames (decorative outlines applied to image layers).

Shapes

Click Shape in the left toolbar. A rectangle is added in the upper portion of the canvas. With it selected, the right sidebar shows shape controls:

• Shape Type — Rectangle, Rounded Rect, Circle, or Line.
• Fill Color — Color swatch plus hex input. (In template mode, a Color Token selector under Template Config lets the fill follow the active palette.)
• Border Radius — Single value or per-corner, with three quick presets: Square corners, Rounded corners, and Fully rounded (pill or circle).
• Border — Toggle on with + Add to set width, color, and opacity.
• Shadow — Toggle on with + Add to set color, blur, offset X / Y, and opacity.
• Opacity — Layer-wide transparency (under Transform).

Tip: Use a semi-transparent shape behind a heading to create a "highlight" effect, or place a circle behind an icon to make a colored badge.

Right-clicking a shape layer also exposes Convert to Image, which swaps the shape for an empty image layer of the same size — handy for dropping a photo into a circle or rounded card.

Icons & Stickers (Elements)

Click Element in the left toolbar to open the Elements panel. It draws from two sources:

• Your stickers — Admin-uploaded sticker PNGs, filterable by tag.
• Icons & emoji — Searched live from the Iconify library, which covers tens of thousands of icons across many icon packs.

A row of checkbox chips at the top toggles each source on/off. Below that, quick-category chips (fitness, arrow, social, check, star, heart, phone, mail, camera, play) give you a starting point — typing in the search field overrides them.

Click any tile to drop it onto the canvas as a new layer.

Colorable vs Non-Colorable Icons

When you pick an icon, the editor inspects its SVG. Icons drawn with currentColor (or no hard-coded colors) are treated as colorable — the properties panel exposes an Icon Color control and the icon re-renders whenever you change it. Stickers with baked-in colors keep their original look and have no Icon Color control.

Invert Colors (Stickers)

Solid-color stickers (and any image layer) have an Invert colors toggle. It swaps light for dark in the bitmap — useful when a black sticker disappears against a dark slide background.

Frames

A Frame is a decorative silhouette applied to an image layer — the image is clipped to the frame shape rather than its rectangular bounds. The current built-in frames are:

• Circle
• Rounded square
• Heart
• Hexagon
• Star
• Arch
• Diamond
• Triangle
• Polaroid
• Speech bubble

To apply a frame, select an image layer and click Frame on the floating toolbar at the top of the canvas. The Frames panel slides in — pick a shape (or None to clear it). The frame becomes part of the image layer; it scales, rotates, and crops with the image.

Tip: Frames apply to image layers only. To put a photo inside a frame, add an image layer (or use Convert to Image on an existing shape) and then click Frame.

Common Patterns

• Drop an icon onto a circle shape to create a stat badge.
• Use a thin Line shape as a divider between sections of a content slide.
• Wrap a quote with two decorative quote icons (one above-left, one below-right).
• Apply the Polaroid frame to a portrait image for a quick card-style hero.