Plugin Icon

Use this wiki plugin, introduced in Tiki14.1, to display an icon. Since Tiki14, the admin for a site can choose the iconset to use for a site at Control Panels > Look & Feel. This plugin will show icons from the icon set specified in that setting. The icons shown below are from Tiki's default icon set, Fontawesome.

Parameters

Introduced in Tiki 14.1. Required parameters are in bold.
Go to the source code
Preferences required: wikiplugin_icon

Notes:

• Styles accepted values are : "solid", "outline", "light" (Font Awesome Pro Only) and "brands"
• default = size="1"
• Choices are 1 to 9
  • If you choose size 10 it goes to default.

Since Tiki19 and after Font Awesome was upgraded to version 5, a new parameter "style" has been added to display, for example, different version of the same icon. Icon can be solid (plain), regular (outlined)

Other Parameters

Parameters supported by smarty_function_icon are also supported by the Icon plugin, these (as of Tiki 20) are:

• - Standard html element attributes can be used here, such as: href, title, data-toggle and onclick

• - class: set custom class (otherwise default classes are applied). When using icon sets, this class will apply to anchor element
• - iclass: set custom class for the icon itself (not the link)
• - ititle: set custom title for the icon itself (not the link)
• - istyle: set custom style for the icon itself (not the link)
• - _type: type of URL to use (e.g. 'absolute_uri', 'absolute_path'). Defaults to a relative URL.
• - _tag: type of HTML tag to use (e.g. 'img', 'input_image'). Defaults to 'img' tag.
• - _notag: if set to 'y', will only return the URL (which also handles theme icons).
• - _menu_text: if set to 'y', will use the 'title' argument as text after the icon and place the whole content between div tags with a 'icon_menu' class (not compatible with '_notag' param set to 'y').
• - _menu_icon: if set to 'n', will not show icon image when _menu_text is 'y'.
• - _confirm: text to use in a popup requesting the user to confirm its action (yet only available with javascript)
• - _defaultdir: directory to use when the _id param does not include the path
• - _extension: Filename extension - default 'png'

Examples

Normal size wrench

This code:

{icon name="wrench"}

Would produce on this site:

Big wrench

{icon name="wrench" size="3"}

Would produce on this site:

Plain thumbs up

{icon name="thumbs-up" style="regular"} or
{icon name="thumbs-up"}

Would produce on this site:

Outlined thumbs up

{icon name="thumbs-up" style="outline"}

Would produce on this site:

VueJs Brand

{icon name="vuejs" style="brands"}

Would produce on this site:

Complete list

Alias names of this page:
Icons | Icon