Loading...
 
Skip to main content
Display an icon

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

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

Parameters Accepted Values Description Default Since
name Name of the icon 14.1
style text Style supported by the current icon set. 19.0
rotate Rotate the icon (90, 180 or 270 degrees) or flip it (horizontal or vertical). 17.1
size Size of the icon (greater than 0 and less than 10). 1 14.1



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:

Copy to clipboard
{icon name="wrench"}


Would produce on this site:

Big wrench

Copy to clipboard
{icon name="wrench" size="3"}


Would produce on this site:

Plain thumbs up

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


Would produce on this site:

Outlined thumbs up

Copy to clipboard
{icon name="thumbs-up" style="outline"}


Would produce on this site:

VueJs Brand

Copy to clipboard
{icon name="vuejs" style="brands"}

Would produce on this site:

Complete list


In Tiki 23 the Font Awesome icons that can be used with the plugin was updated and completed based on the official Font Awesome V5 list. For Tiki 23 and newer websites using the "Default" icon set (Font Awesome), check this link to search for icon names: https://fontawesome.com/v5/cheatsheet/free.



Click the + signs to see the icons.
NOTE: This includes upcoming icons.

  • If you see an exclamation in a triangle icon, it means it is not currently available with our version.


NOTE:
The default free icon set in Tiki is from Font Awesome.

  • You can search for icon names here

Icons starting with A

[+]

Icons starting with B

[+]

Icons starting with C

[+]

Icons starting with D

[+]

Icons starting with E

[+]

Icons starting with F

[+]

Icons starting with G

[+]

Icons starting with H

[+]

Icons starting with I

[+]

Icons starting with J

[+]

Icons starting with K

[+]

Icons starting with L

[+]

Icons starting with M

[+]

Icons starting with N

[+]

Icons starting with O

[+]

Icons starting with P

[+]

Icons starting with Q

[+]

Icons starting with R

[+]

Icons starting with S

[+]

Icons starting with T

[+]

Icons starting with U

[+]

Icons starting with V

[+]

Icons starting with W

[+]

Icons starting with X

[+]

Icons starting with Y

[+]

Icons starting with Z

[+]




Alias names of this page:
Icons | Icon