From c11507d628c0042dc5947319773e5e1e29353a43 Mon Sep 17 00:00:00 2001
From: Isabelle <isabelle@dewebsmid.nl>
Date: Wed, 31 Dec 2025 14:14:38 +0100
Subject: [PATCH] feat(svg_icon): Add x icon; add svg_icon support for header
 heart icon

---
 falcon/_dev/img/x.svg                         | 20 +++++++++++++++++++
 .../views/templates/hook/top.tpl              | 19 ++++++++++++++++++
 2 files changed, 39 insertions(+)
 create mode 100644 falcon/_dev/img/x.svg
 create mode 100644 falcon/modules/is_favoriteproducts/views/templates/hook/top.tpl

diff --git a/falcon/_dev/img/x.svg b/falcon/_dev/img/x.svg
new file mode 100644
index 0000000..61979ba
--- /dev/null
+++ b/falcon/_dev/img/x.svg
@@ -0,0 +1,20 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7_2)">
+<g clip-path="url(#clip1_7_2)">
+<mask id="mask0_7_2" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
+<path d="M16 0H0V16H16V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_7_2)">
+<path d="M2.34315 2.34315C2.53069 2.15561 2.78504 2.05025 3.05026 2.05025C3.31547 2.05025 3.56983 2.15561 3.75736 2.34315L8 6.58579L12.2426 2.34315C12.4302 2.15562 12.6846 2.05023 12.9497 2.05026C13.2149 2.05028 13.4693 2.15561 13.6569 2.34315C13.8444 2.53068 13.9497 2.78507 13.9497 3.05026C13.9498 3.31545 13.8444 3.56983 13.6569 3.75736L9.41422 8L13.6569 12.2426C13.8444 12.4302 13.9498 12.6846 13.9497 12.9497C13.9497 13.2149 13.8444 13.4693 13.6569 13.6569C13.4693 13.8444 13.2149 13.9497 12.9497 13.9497C12.6846 13.9498 12.4302 13.8444 12.2426 13.6569L8 9.41421L3.75736 13.6569C3.56983 13.8444 3.31547 13.9497 3.05026 13.9498C2.78504 13.9497 2.53069 13.8444 2.34315 13.6569C2.15561 13.4693 2.05026 13.215 2.05025 12.9497C2.05026 12.6845 2.15561 12.4302 2.34315 12.2426L6.58579 8L2.34315 3.75736C2.15561 3.56982 2.05026 3.31547 2.05025 3.05025C2.05026 2.78504 2.15561 2.53068 2.34315 2.34315Z" fill="currentColor"/>
+</g>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_7_2">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+<clipPath id="clip1_7_2">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/falcon/modules/is_favoriteproducts/views/templates/hook/top.tpl b/falcon/modules/is_favoriteproducts/views/templates/hook/top.tpl
new file mode 100644
index 0000000..259802d
--- /dev/null
+++ b/falcon/modules/is_favoriteproducts/views/templates/hook/top.tpl
@@ -0,0 +1,19 @@
+<div class="col flex-grow-0 header-top__block header-top__block--favorite js-favorite-top-content">
+    <a
+        class="header-top__link"
+        rel="nofollow"
+        href="{$favoritePageUrl}"
+    >
+        <div class="header-top__icon-container">
+            {capture name="svg_output"}{svg_icon file='heart.svg'}{/capture}
+            {if $smarty.capture.svg_output}
+                {$smarty.capture.svg_output nofilter}
+            {else}
+                <span class="header-top__icon material-icons">favorite</span>
+            {/if}
+            <span class="header-top__badge">
+                {$favoriteProductsCount}
+            </span>
+        </div>
+    </a>
+</div>