Coding for fun

J! Standard Icon Display

Available Icons in Joomla!

Font Awesome Free 6.7.2
Icons defined in *.css file (and other files) in joomla on this installation. Names may be used in joomla functions (fa-images/images) or as html code (see below)
This table is intended to support component developers. Used as HTML code they are only working for template atum or cassiopeia.

ICOMOON replacement icons

Icons from J3! (icomoon) were replaced (partly) by fontawesome icons. Icons can be used for HTML in the form 
<i style="font-size: 48px;" class="icon-!name!"></i>
They are supported in backend template ATUMN. Following icon names can safely be used in joomla functions like ToolBarHelper::custom(name, icon1, icon2, text, ...)
Count: 334

Icons in ...media/system/... folder

These icons can be used in the backend or in frontend when the template supports font awesome icons (class="fab fa-IconName"). Some brand icons could not be identified and are displayed in this list without icon appearing. Then use class="fa fa-IconName"
Count: 1965

Brand icons in ...media/system/... folder

These icons can be used in the backend or in frontend when the template supports font awesome icons (class="fa fa-IconName"). Some icons could not be identified and are displayed in this list without icon appearing. Then use class="fa fa-IconName"
https://fontawesome.com/v6/search?o=r&m=free
Count: 165

Font Awesome Icons

All icons found in the given vendor fontawesome-free file. Icons can be used for HTML in the form 
<i style="font-size: 48px;" class="fab fa-!name!"></i>
Brand icons need class="fa fa-!name!" to be displayed. Some brand icons could not be identified and are displayed in this list without icon appearing.
Some icons from the list of free icons on fontawesome web page may be missing. The icon names displayed can not be used in joomla functions like ToolBarHelper::custom(name, icon1, icon2, text, ...) as there internally 'icon-' will be prepended. Using 'none fa fa-!name!' may display the icon but interfere with the general layout if further buttons have to be displayed
https://fontawesome.com/v6/search?o=r&m=free&f=brands
Count: 1400

Brand names list

Count: 170

Joomla! 5 Standard Icons

Since Joomla!4 Icomoon icons were replaced by font awesome icons in templates atum and cassiopeia. Some of the icomoon icons could not be transferred though. 

This applies to the templates Atum and Cassiopeia 

Two lists follow below

  • J3x icomoon replacements icon list (reduced number)
  • J4x Font Awesome icon list 

Use in HTML:

J3x replacements icons:

<i style="font-size: 48px;" class="icon-!name!"></i>

J4x Font Awesome

<i style="font-size: 48px;" class="fa fa-!name!"></i>

Develop backend/site:

  • Only icon names of J3x replacements can be used for joomla standard functions like ToolBarHelper::custom(name, icon1, icon2, text, ...)
  • Differences of : For example icon 'camera-retro' is defined Font Awesome but not for 'icon-displayed'.
  • J4x Font awesome icon names can not be used in joomla functions like ToolBarHelper::custom(name, icon1, icon2, text, ...) as internally 'icon-' will be prepended. Using 'none fa fa-!name!' may display the icon but will interfere with the general layout for further displayed buttons