Loading...
 

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.

Table of contents

Parameters

Introduced in Tiki 14.1. Required parameters are in bold

.
Preferences required: wikiplugin_icon

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



Notes:

  • 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:

Complete list

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

[+]
Created by: Last Modification: Tuesday 14 January, 2020 10:44:57 GMT-0000 by Jonny Bradley
List Slides