Skip to content

Other Twig filters

ibexa_icon_path()

ibexa_icon_path() generates a path to the selected icon from an icon set.

Argument Type Description
icon string Identifier of an icon in the icon set.
set string Identifier of the configured icon set. If empty, the default icon set is used.
1
2
3
<svg class="ibexa-icon ibexa-icon--medium ibexa-icon--light">
    <use xlink:href="{{ ibexa_icon_path('edit', 'my_icons') }}"></use>
</svg>

Icons size variants

The default icon size in the Back Office is 32px. To change the default size, in the template add the modifier to the class name.

1
2
3
<svg class="ibexa-icon ibexa-icon--medium">
  <use xlink:href="{{ ibexa_icon_path('create') }}"></use>
</svg>

The list of available icon sizes:

Size Class postfix (modifiers)
8px --tiny
12px --tiny-small
16px --small
20px --small-medium
24px --medium
38px --medium-large
48px --large
64px --extra-large