facet icons

facets-result-item.html.twig

@@ -1,25 +0,0 @@
-{#
-/**
- * @file
- * Default theme implementation of a facet result item.
- *
- * Available variables:
- * - value: The item value.
- * - raw_value: The raw item value.
- * - show_count: If this facet provides count.
- * - count: The amount of results.
- * - is_active: The item is active.
- * - facet: The facet for this result item.
- *   - id: the machine name for the facet.
- *   - label: The facet label.
- *
- * @ingroup themeable
- */
-#}
-{% if is_active %}
-  <span class="facet-item__status js-facet-deactivate">(-)</span>
-{% endif %}
-<span class="facet-item__value">{{ value }}</span>
-{% if show_count %}
-  <span class="facet-item__count">({{ count }})</span>
-{% endif %}

templates/facets/facets-result-item.html.twig

@@ -0,0 +1,31 @@
+{#
+/**
+* @file
+* Default theme implementation of a facet result item.
+*
+* Available variables:
+* - value: The item value.
+* - raw_value: The raw item value.
+* - show_count: If this facet provides count.
+* - count: The amount of results.
+* - is_active: The item is active.
+* - facet: The facet for this result item.
+* - id: the machine name for the facet.
+* - label: The facet label.
+*
+* @ingroup themeable
+*/
+#}
+{% if is_active %}
+<span class="facet-item__status js-facet-deactivate">
+  <svg xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 512 512"><!--!Font Awesome Free v6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
+    <path
+      d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM184 232l144 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-144 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z" />
+  </svg>
+</span>
+{% endif %}
+<span class="facet-item__value">{{ value }}</span>
+{% if show_count %}
+<span class="facet-item__count">({{ count }})</span>
+{% endif %}