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 from the TestIcons folder: data/TestIcons/name.png'