Image Helper Component

A component for displaying, downloading, and copying SVG images.

Basic Examples

Different configurations of the image helper component.

Default Configuration

Custom Logo

Background Color Variations

Showcase of different preview surfaces for light and dark logo assets.

Light Gray Background

Dark Background

Interactive Example

Customize the image helper component using the controls below.

The "Copy as PNG" and "Copy Link" actions use the Clipboard API, which may require HTTPS in some browsers.

Programmatic API Example

Control the component using JavaScript.