{% sw_extends '@Storefront/storefront/utilities/icon.html.twig' %}
{% block utilities_icon %}
{% set styles = [ size, color, rotation, flip, class ] %}
{% if pack is not defined %}
{% set pack = 'default' %}
{% endif %}
{% if namespace is not defined %}
{% set namespace = 'Storefront' %}
{% endif %}
{% if icon is not defined %}
{% set icon = 'icon fas' %}
{% else %}
{% set icon = 'icon fab brand' %}
{% endif %}
{% if name == 'x' or name == 'error' %}
{% set name = 'times' %}
{% elseif name == 'screen-minimize' %}
{% set name = 'compress-arrows-alt' %}
{% elseif name == 'checkmark' %}
{% set name = 'check' %}
{% elseif name == 'arrow-head-left' %}
{% set name = 'arrow-left' %}
{% elseif name == 'arrow-medium-left' %}
{% set name = 'arrow-left' %}
{% elseif name == 'arrow-medium-right' %}
{% set name = 'arrow-right' %}
{% elseif name == 'arrow-medium-down' %}
{% set name = 'caret-down' %}
{% elseif name == 'arrow-head-right' %}
{% set name = 'arrow-right' %}
{% elseif name == 'editor-list' %}
{% set name = 'list-ul' %}
{% elseif name == 'log-out' %}
{% set name = 'sign-out-alt' %}
{% elseif name == 'pencil-brush' %}
{% set name = 'edit' %}
{% elseif name == 'circle-x-small' %}
{% set name = 'circle' %}
{% elseif name == 'circle-small' %}
{% set name = 'circle' %}
{% elseif name == 'duplicate' %}
{% set name = 'copy' %}
{% elseif name == 'cloud-download' %}
{% set name = 'cloud-upload-alt' %}
{% elseif name == 'arrow-medium-right' %}
{% set name = 'arrow-right' %}
{% elseif name == 'loading-circle' %}
{% set name = 'spinner' %}
{% elseif name == 'stack' %}
{% set name = 'bars' %}
{% elseif name == 'view-grid' %}
{% set name = 'th-large' %}
{% elseif name == 'play' %}
{% set name = 'play' %}
{% elseif name == 'more-horizontal' %}
{% set name = "bars" %}
{% endif %}
{% if themeIconConfig[pack] is defined %}
<span class="icon icon-{{ pack }} icon-{{ pack }}-{{ name }} icon-{{ themeIconConfig[pack].namespace|lower }}-svg {% for entry in styles %}{% if entry != "" %} icon-{{ entry }}{% endif %}{% endfor %}">
{{ source('@' ~ themeIconConfig[pack].namespace ~ '/../' ~ themeIconConfig[pack].path ~'/'~ name ~ '.svg', ignore_missing = true) }}
</span>
{% elseif namespace is not same as('Storefront') %}
<span class="icon icon-{{ name }} icon-{{ namespace|lower }}-svg {% for entry in styles %}{% if entry != "" %} icon-{{ entry }}{% endif %}{% endfor %}">
{{ source('@' ~ namespace ~ '/../app/storefront/src/assets/icon/'~ pack ~'/'~ name ~'.svg', ignore_missing = true) }}
</span>
{% else %}
<span class="{{ icon }} fa-{{ name }}{% for entry in styles %}{% if entry != "" %} icon-{{ entry }}{% endif %}{% endfor %}"></span>
{% endif %}
{% endblock %}