| Rendered webpage |
APL code |
_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
KitURL – reduce download-size with FontAwesomeKits. This field, if used, should be assigned before using any Icons. It contains the full path to your FA-Kit /as given by the FA-Pro "Kit-Builder")
Usage Notes:
Icon currently supports 3 different libraries of icons: Library Prefix ----------------------– ------------------- Syncfusion e- or ej- Google Material Design md- FontAwesome 5 fas- far- fal- fab- fad- (solid, regular, light, brands, duotone) or alternatively "fas fa-{name}" (longer, same result)
While you may, in theory, mix and match icons from different libraries, it is recommended that you use a single library if possible.
Examples:
Add _.Icon 'fa-cloud-upload-alt' ⍝ FontAwesome: http://fontawesome.com/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