Skip to content

Icon

Example#

preview

Code-example#

<measmatic-grid> 
  <measmatic-icon name=branch></measmatic-icon>
  <measmatic-icon name=chart-empty></measmatic-icon>
  <measmatic-icon name=chart-step></measmatic-icon>
  <measmatic-icon name=chart-sweep></measmatic-icon>
  <measmatic-icon name=chart-wavelength></measmatic-icon>
  <measmatic-icon name=delete-forever></measmatic-icon>
  <measmatic-icon name=device-alternative></measmatic-icon>
  <measmatic-icon name=device-query></measmatic-icon>
  <measmatic-icon name=device-receive></measmatic-icon>
  <measmatic-icon name=device-send></measmatic-icon>
  <measmatic-icon name=device></measmatic-icon>
  <measmatic-icon name=gauge></measmatic-icon>
  <measmatic-icon name=laser></measmatic-icon>
  <measmatic-icon name=light-on></measmatic-icon>
  <measmatic-icon name=probes-contact></measmatic-icon>
  <measmatic-icon name=probes-separation></measmatic-icon>
  <measmatic-icon name=refresh></measmatic-icon>
  <measmatic-icon name=sorting></measmatic-icon>
  <measmatic-icon name=stopwatch></measmatic-icon>
  <measmatic-icon name=switch-closed></measmatic-icon>
  <measmatic-icon name=switch-open></measmatic-icon>
  <measmatic-icon name=switching-loop></measmatic-icon>
  <measmatic-icon name=test-sequence></measmatic-icon>
  <measmatic-icon name=thermometer></measmatic-icon>
  <measmatic-icon name=voltage-source></measmatic-icon>
  <measmatic-icon name=wafer-align></measmatic-icon>
  <measmatic-icon name=wafer-ink></measmatic-icon>
  <measmatic-icon name=wafer-scan></measmatic-icon>
  <measmatic-icon name=wafer-stepping-alternative></measmatic-icon>
  <measmatic-icon name=wafer-stepping></measmatic-icon>
  <measmatic-icon name=x-y-move></measmatic-icon>
</measmatic-grid>

Measmatic-icon#

This custom-element will create image with display an icon.

Structure 

<measmatic-icon name="laser"></measmatic-icon>

Attributes

  • name selects the icon by name. In Measmatic the source is assets://icons/name.png; in browser documentation it first tries /images/ui/name.png and falls back to data/TestIcons/name.png.