icon.html.twig

{% import ids_get('macros/html') as html %}

{% set size = size|default('') %}
{% set attr = attr|default({}) %}
{% set classes = attr.class|default('') %}

{% if custom_path is defined %}
    {% set link_href = custom_path %}
{% elseif name is defined %}
    {% set link_href = ibexa_icon_path(name) %}
{% endif %}

{% set icon_classes =
    html_cva(
        base: 'ids-icon',
        variants: {
            size: {
                tiny: 'ids-icon--tiny',
                'tiny-small': 'ids-icon--tiny-small',
                small: 'ids-icon--small',
                'small-medium': 'ids-icon--small-medium',
                medium: 'ids-icon--medium',
                'medium-large': 'ids-icon--medium-large',
                large: 'ids-icon--large',
                'extra-large': 'ids-icon--extra-large'
            }
        }
    )
%}

{% set attr =
    attr|merge({
        class: icon_classes.apply(
            {
                size
            },
            classes
        )
    })
%}

<svg {{ html.attributes(attr) }}>
    <use xlink:href="{{ link_href }}" />
</svg>