_DC.Icon🔗 Dyalog Icon widget

Constructor: [spec]

spec – either a single or pair of string which specify the icon(s) to use each consists of a vendor-prefix, dash, icon-name, and optionally space-separated modifiers when two strings are used, it represents a "stacked" icon, with second icon overlayed on the first "stacked" icons are a feature of FontAwesome icons - using other icons may or may not have the desired visual effect

Public Fields:

Spec – either a single or pair of string which specify the icon(s) to use each consists of a vendor-prefix, dash, icon-name, and optionally space-separated modifiers when two strings are used, it represents a "stacked" icon, with second icon overlayed on the first "stacked" icons are a feature of FontAwesome icons - using other icons may or may not have the desired visual effect

Examples:

Add _.Icon 'fa-cloud-upload' ⍝ FontAwesome: http://fontawesome.io/icons/

Add _.Icon 'md-fingerprint' ⍝ Google Material Design: https://design.google.com/icons/

Add _.Icon 'e-delete-column_01' ⍝ Syncfusion Essential JavaScript: http://js.syncfusion.com/demos/web/#!/azure/icon/EJIcons

'.fa-spin' Add _.Icon 'md-track_changes' ⍝ FontAwesome effects (works on non-FA icons too)

'style="color: red;"' Add _.Icon 'e-stop' ⍝ Applying own styling

Add _.Icon 'fa-square fa-2x' 'fa-terminal fa-inverse' ⍝ Stacking inverse small on large

Add _.Icon 'fa-camera' 'fa-ban fa-2x' ⍝ Stacking large on small

Relevant Sample Pages:

Controls used on this page: Dyalog: Tabs Base HTML: style