{% block material_icon_widget %}
    <div class="material-icon-picker" data-catalog-url="{{ catalog_url }}" data-catalog-base-url="{{ catalog_base_url }}">
        {% set attr = attr|merge({autocomplete: 'off', role: 'combobox', 'aria-autocomplete': 'list', 'aria-expanded': 'false'}) %}
        {{ block('form_widget_simple') }}
        <div class="material-icon-preview">
            {% if preview_url %}<img src="{{ preview_url }}" alt="" width="24" height="24">{% endif %}
        </div>
        <div class="material-icon-results" role="listbox" aria-label="Icônes disponibles" hidden></div>
        <small class="material-icon-status" role="status" aria-live="polite">Rechercher une icône par son nom (espaces ou underscores).</small>
    </div>
{% endblock %}