Skip to main content
Category: Display · Reads data: yes (URL) · Sends commands: no

​
Mental model

An SVG widget is a scalable icon. Like the Image widget, but for vector graphics — crisp at any size, ideal for icons, logos, and diagrams.

​
When to use it

  • Sharp icons/logos that scale without blur
  • Vector diagrams

​
Settings

​
General / Data

  • Widget Title / ID · SVG URL · Alt text

​
Style

  • SVG fit · alignment · padding · opacity · CSS filter · border

​
Script API example

The same interactions from a dashboard script: 
widget.on('logoSvg', 'hover', () => widget.setText('hint', 'Click for details'));
widget.on('logoSvg', 'click', () => widget.show('detailPanel'));

Image

For raster images (PNG/JPG).