From d116f82cdcb951c31a2597d2b152a01704e8f2d2 Mon Sep 17 00:00:00 2001
From: Marc Alexander <admin@m-a-styles.de>
Date: Sun, 27 Oct 2024 16:08:14 +0100
Subject: [PATCH] [ticket/17418] Add SVG versions of topic icons

PHPBB-17418
---
 phpBB/images/icons/misc/fire.svg        | 36 ++++++++++++
 phpBB/images/icons/misc/heart.svg       | 31 ++++++++++
 phpBB/images/icons/misc/radioactive.svg | 30 ++++++++++
 phpBB/images/icons/misc/star.svg        | 19 +++++++
 phpBB/images/icons/misc/thinking.svg    | 76 +++++++++++++++++++++++++
 phpBB/images/icons/smile/alert.svg      | 32 +++++++++++
 phpBB/images/icons/smile/info.svg       | 36 ++++++++++++
 phpBB/images/icons/smile/mrgreen.svg    | 39 +++++++++++++
 phpBB/images/icons/smile/question.svg   | 35 ++++++++++++
 phpBB/images/icons/smile/redface.svg    | 63 ++++++++++++++++++++
 10 files changed, 397 insertions(+)
 create mode 100644 phpBB/images/icons/misc/fire.svg
 create mode 100644 phpBB/images/icons/misc/heart.svg
 create mode 100644 phpBB/images/icons/misc/radioactive.svg
 create mode 100644 phpBB/images/icons/misc/star.svg
 create mode 100644 phpBB/images/icons/misc/thinking.svg
 create mode 100644 phpBB/images/icons/smile/alert.svg
 create mode 100644 phpBB/images/icons/smile/info.svg
 create mode 100644 phpBB/images/icons/smile/mrgreen.svg
 create mode 100644 phpBB/images/icons/smile/question.svg
 create mode 100644 phpBB/images/icons/smile/redface.svg

diff --git a/phpBB/images/icons/misc/fire.svg b/phpBB/images/icons/misc/fire.svg
new file mode 100644
index 0000000000..5645475690
--- /dev/null
+++ b/phpBB/images/icons/misc/fire.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 73.75 92.51">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #d3575d;
+      }
+
+      .cls-1, .cls-2 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: url(#Neues_Verlaufsfeld_1);
+      }
+    </style>
+    <linearGradient id="Neues_Verlaufsfeld_1" data-name="Neues Verlaufsfeld 1" x1="36.87" y1="2" x2="36.87" y2="90.51" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#fdf4dc"/>
+      <stop offset=".03" stop-color="#fdf1d3"/>
+      <stop offset=".11" stop-color="#fdebc1"/>
+      <stop offset=".19" stop-color="#fde8b5"/>
+      <stop offset=".28" stop-color="#fee7b2"/>
+      <stop offset=".67" stop-color="#fed36d"/>
+      <stop offset=".89" stop-color="#ffc232"/>
+      <stop offset="1" stop-color="#e5832c"/>
+    </linearGradient>
+  </defs>
+  <g id="Layer_1" data-name="Layer 1">
+    <g id="Fire">
+      <g>
+        <path class="cls-2" d="m31.52,2.02c-.34.31,4.05,4.97,4.5,11.33.46,6.46-5.95,9.98-15.32,19-9.54,9.18-9.98,10.45-14.01,17.17-2.05,3.42-4.96,8.42-4.67,15.17.31,7.07,3.96,11.98,5.83,14.5,5.99,8.07,14.53,11.79,15,11.17.42-.56-4.79-3.78-7.65-11.17-4.2-10.82,3.07-21.76,4.04-23.17,4.04-5.88,8.57-10.24,9.45-9.5.68.58-2.19,3.41-2.83,8.5-.68,5.32,1.22,12.05,5,13.33,2.64.9,3.79-1.68,8.5-2.17,4.55-.47,10.46,1.22,12.83,5,3.59,5.73-6.73,17.99-4.83,19.23,1.93,1.27,14.39-10,19.33-19.4,2.62-4.98,6.94-13.2,4.17-21.17-2.13-6.14-6.61-6.8-7.67-13.33-1.04-6.42,2.45-10.91,1.17-11.67-1.41-.83-7.37,3.52-9.17,9.83-1.74,6.12,1.75,9.51-.83,13-2.04,2.76-6.43,3.67-10,2.67-2.94-.83-6.33-3.24-6.83-6.5-.47-3.05,1.96-4.5,5.5-11.17,2-3.76,3.26-6.15,3.67-8.5,1.86-10.9-14.59-22.7-15.17-22.17Z"/>
+        <path class="cls-1" d="m47.74,92.51c-.67,0-1.16-.21-1.48-.42-2.23-1.46-.85-4.16,1.05-7.9,1.91-3.73,4.79-9.38,3.18-11.95-1.92-3.05-7.06-4.47-10.94-4.07-1.89.19-3.06.77-4.18,1.33-1.41.69-3,1.48-5.17.75-4.92-1.67-7.12-9.34-6.34-15.48.09-.72.22-1.4.38-2.04-1.05,1.25-2.2,2.73-3.36,4.42-1.29,1.88-7.54,11.74-3.82,21.31,1.8,4.64,4.63,7.53,6.15,9.09,1.07,1.09,2.4,2.45,1.23,4-.24.32-.8.87-1.82.87h0c-2.23,0-10.48-4.11-16.38-12.04-1.91-2.57-5.89-7.93-6.23-15.61-.33-7.48,2.98-12.99,4.95-16.28l.81-1.35c3.35-5.62,4.48-7.52,13.53-16.23,2.28-2.2,4.39-4.07,6.25-5.72,6.06-5.39,8.73-7.93,8.46-11.69-.29-4.09-2.5-7.54-3.56-9.19-.69-1.07-1.63-2.54-.29-3.76h0c1.15-1.05,2.54-.29,2.99-.05,3.95,2.16,17.34,13.19,15.49,24.02-.46,2.67-1.82,5.23-3.87,9.1-1.36,2.56-2.54,4.34-3.49,5.78-1.5,2.27-1.97,3.04-1.8,4.14.35,2.28,3.04,4.22,5.4,4.88,2.99.84,6.43,0,7.85-1.93.8-1.08.67-2.13.33-4.22-.34-2.12-.77-4.75.19-8.13,1.64-5.79,6.23-9.93,8.97-11.03,1.23-.49,2.28-.49,3.14.02,1.89,1.12,1.25,3.21.69,5.06-.6,1.99-1.43,4.72-.9,8.01.48,3,1.76,4.45,3.37,6.29,1.46,1.66,3.11,3.54,4.21,6.7,3.05,8.79-1.54,17.53-4.28,22.75-4.5,8.56-15.46,19.32-19.79,20.44-.34.09-.65.12-.93.12Zm-6.85-28.41c4.83,0,10.43,1.93,12.99,6.01,2.82,4.49-.55,11.08-3.01,15.89-.13.25-.26.52-.4.79,4.1-3.19,11.05-10.26,14.44-16.72,2.44-4.65,6.53-12.43,4.05-19.58-.84-2.42-2.1-3.86-3.44-5.38-1.71-1.95-3.65-4.16-4.32-8.29-.59-3.66.11-6.69.75-8.88-1.71,1.42-3.92,4-4.85,7.28-.72,2.52-.4,4.5-.09,6.4.38,2.34.77,4.76-1.06,7.24-2.74,3.71-8.19,4.52-12.15,3.4-3.53-.99-7.63-3.96-8.27-8.12-.41-2.68.78-4.47,2.42-6.96.9-1.36,2.02-3.06,3.29-5.45,1.94-3.65,3.11-5.86,3.46-7.9.91-5.36-3.52-11.18-7.6-15.15.45,1.37.79,2.89.9,4.51.42,5.89-3.65,9.5-9.8,14.97-1.83,1.63-3.91,3.47-6.13,5.62-8.67,8.34-9.64,9.98-12.87,15.4l-.81,1.36c-1.85,3.09-4.66,7.77-4.38,14.05.28,6.45,3.64,10.97,5.44,13.39,1.88,2.52,3.97,4.56,5.94,6.14-.74-1.23-1.45-2.64-2.07-4.22-4.44-11.45,2.77-22.85,4.26-25.02.28-.41,6.86-9.94,10.48-10.43.71-.09,1.39.09,1.91.53,1.5,1.27.59,3.03-.08,4.31-.69,1.33-1.73,3.33-2.06,5.97-.61,4.81,1.2,10.35,3.66,11.19.54.19.86.07,2.11-.54,1.24-.61,2.93-1.45,5.54-1.72.56-.06,1.15-.09,1.74-.09Z"/>
+      </g>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/phpBB/images/icons/misc/heart.svg b/phpBB/images/icons/misc/heart.svg
new file mode 100644
index 0000000000..f25d0a3c64
--- /dev/null
+++ b/phpBB/images/icons/misc/heart.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 83.59 73.05">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: none;
+        stroke: #c40007;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 4px;
+      }
+
+      .cls-2 {
+        fill: url(#Unbenannter_Verlauf_41);
+        stroke-width: 0px;
+      }
+    </style>
+    <linearGradient id="Unbenannter_Verlauf_41" data-name="Unbenannter Verlauf 41" x1="41.8" y1="2" x2="41.8" y2="71.05" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset="1" stop-color="#ecedf0"/>
+    </linearGradient>
+  </defs>
+  <g id="Layer_1" data-name="Layer 1">
+    <g id="heart">
+      <g>
+        <path class="cls-2" d="m41.8,71.05c14.96-14.08,38.34-25.92,39.79-49.33-4.09-27.63-30.48-22.93-39.79-6h0C32.48-1.22,6.09-5.92,2,21.72c1.45,23.4,24.84,35.25,39.8,49.33"/>
+        <path class="cls-1" d="m41.8,71.05c14.96-14.08,38.34-25.92,39.79-49.33-4.09-27.63-30.48-22.93-39.79-6h0C32.48-1.22,6.09-5.92,2,21.72c1.45,23.4,24.84,35.25,39.8,49.33"/>
+      </g>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/phpBB/images/icons/misc/radioactive.svg b/phpBB/images/icons/misc/radioactive.svg
new file mode 100644
index 0000000000..372c84e423
--- /dev/null
+++ b/phpBB/images/icons/misc/radioactive.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.37 83.37">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #196db5;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+      }
+
+      .cls-1, .cls-2 {
+        stroke: #196db5;
+        stroke-width: 4px;
+      }
+
+      .cls-2 {
+        fill: #ecedf0;
+        stroke-miterlimit: 10;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1" data-name="Layer 1">
+    <g id="radioactive">
+      <circle class="cls-2" cx="41.69" cy="41.69" r="39.69"/>
+      <path class="cls-1" d="m37.09,32.64l-6.37-14.01h0c-1.8.93-3.47,2.08-4.98,3.4-5.36,4.68-8.75,11.56-8.75,19.23,0,0,14.54,0,14.54,0,0-2.4.89-4.59,2.37-6.26.88-.99,1.96-1.8,3.18-2.36"/>
+      <path class="cls-1" d="m46.95,50.36l8.55,12.8h0c-1.74,1.04-3.6,1.85-5.52,2.44-6.8,2.09-14.43,1.34-20.95-2.71,0,0,7.67-12.35,7.67-12.35,2.04,1.27,4.37,1.66,6.57,1.29,1.31-.22,2.57-.72,3.68-1.46"/>
+      <path class="cls-1" d="m46.28,32.64l6.37-14.01h0c1.8.93,3.47,2.08,4.98,3.4,5.36,4.68,8.75,11.56,8.75,19.23,0,0-14.54,0-14.54,0,0-2.4-.89-4.59-2.37-6.26-.88-.99-1.96-1.8-3.18-2.36"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/phpBB/images/icons/misc/star.svg b/phpBB/images/icons/misc/star.svg
new file mode 100644
index 0000000000..e5e88794b9
--- /dev/null
+++ b/phpBB/images/icons/misc/star.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 86.66 83.37">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #ecedf0;
+        stroke: #196db5;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 4px;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1" data-name="Layer 1">
+    <g id="star">
+      <polygon class="cls-1" points="43.33 61.61 17.13 81.37 26.28 48.78 2 28.28 30.83 28.28 43.33 2 55.82 28.28 84.66 28.28 60.38 48.78 69.52 81.37 43.33 61.61"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/phpBB/images/icons/misc/thinking.svg b/phpBB/images/icons/misc/thinking.svg
new file mode 100644
index 0000000000..b3fdc9fca3
--- /dev/null
+++ b/phpBB/images/icons/misc/thinking.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 92.62 89.11">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: url(#Unbenannter_Verlauf_13-7);
+      }
+
+      .cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8 {
+        stroke: #605a4f;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+      }
+
+      .cls-1, .cls-4 {
+        stroke-width: 3px;
+      }
+
+      .cls-2 {
+        fill: url(#Unbenannter_Verlauf_13-4);
+      }
+
+      .cls-2, .cls-3, .cls-5, .cls-6, .cls-8 {
+        stroke-width: 2px;
+      }
+
+      .cls-3 {
+        fill: url(#Unbenannter_Verlauf_13-6);
+      }
+
+      .cls-4 {
+        fill: url(#Unbenannter_Verlauf_13-8);
+      }
+
+      .cls-5 {
+        fill: url(#Unbenannter_Verlauf_13-3);
+      }
+
+      .cls-6 {
+        fill: url(#Unbenannter_Verlauf_13-2);
+      }
+
+      .cls-7 {
+        fill: url(#Unbenannter_Verlauf_13);
+        stroke-width: 4px;
+      }
+
+      .cls-8 {
+        fill: url(#Unbenannter_Verlauf_13-5);
+      }
+    </style>
+    <linearGradient id="Unbenannter_Verlauf_13" data-name="Unbenannter Verlauf 13" x1="46.31" y1="22.65" x2="46.31" y2="76.67" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ffb607"/>
+      <stop offset="1" stop-color="#fdda99"/>
+    </linearGradient>
+    <linearGradient id="Unbenannter_Verlauf_13-2" data-name="Unbenannter Verlauf 13" x1="46.48" y1="1" x2="46.48" y2="15.17" gradientTransform="translate(38.05 54.23) scale(1 -1)" xlink:href="#Unbenannter_Verlauf_13"/>
+    <linearGradient id="Unbenannter_Verlauf_13-3" data-name="Unbenannter Verlauf 13" x1="46.48" y1="1" x2="46.48" y2="15.17" xlink:href="#Unbenannter_Verlauf_13"/>
+    <linearGradient id="Unbenannter_Verlauf_13-4" data-name="Unbenannter Verlauf 13" x1="46.48" y1="1" x2="46.48" y2="15.17" gradientTransform="translate(-38.4 54.57) scale(1 -1)" xlink:href="#Unbenannter_Verlauf_13"/>
+    <linearGradient id="Unbenannter_Verlauf_13-5" data-name="Unbenannter Verlauf 13" x1="46.48" y1="1" x2="46.48" y2="15.17" gradientTransform="translate(-27.58 11.58)" xlink:href="#Unbenannter_Verlauf_13"/>
+    <linearGradient id="Unbenannter_Verlauf_13-6" data-name="Unbenannter Verlauf 13" x1="46.48" y1="1" x2="46.48" y2="15.17" gradientTransform="translate(27.24 27.76) scale(1 -1)" xlink:href="#Unbenannter_Verlauf_13"/>
+    <linearGradient id="Unbenannter_Verlauf_13-7" data-name="Unbenannter Verlauf 13" x1="52.5" y1="76.15" x2="40.76" y2="87.45" xlink:href="#Unbenannter_Verlauf_13"/>
+    <linearGradient id="Unbenannter_Verlauf_13-8" data-name="Unbenannter Verlauf 13" x1="51.08" y1="82.31" x2="41.55" y2="91.49" xlink:href="#Unbenannter_Verlauf_13"/>
+  </defs>
+  <g id="Layer_1" data-name="Layer 1">
+    <g id="thinking">
+      <path class="cls-7" d="m30.32,64.76c6.94,5.25,5.92,11.91,5.92,11.91h10.07s10.07,0,10.07,0c0,0-1.02-6.66,5.92-11.91l-.73.63c1.86-1.53,3.49-3.33,4.83-5.34,2.53-3.81,4-8.39,4-13.3,0-13.31-10.79-24.09-24.09-24.09-13.31,0-24.09,10.79-24.09,24.09,0,4.92,1.47,9.49,4,13.3,1.34,2.01,2.97,3.82,4.83,5.34"/>
+      <rect class="cls-6" x="81.7" y="39.05" width="5.67" height="14.17" transform="translate(38.4 130.68) rotate(-90)"/>
+      <rect class="cls-5" x="43.65" y="1" width="5.67" height="14.17"/>
+      <rect class="cls-2" x="5.25" y="39.4" width="5.67" height="14.17" transform="translate(54.57 38.4) rotate(90)"/>
+      <rect class="cls-8" x="16.07" y="12.58" width="5.67" height="14.17" transform="translate(-8.38 19.64) rotate(-46.07)"/>
+      <rect class="cls-3" x="70.89" y="12.58" width="5.67" height="14.17" transform="translate(110.7 86.41) rotate(-133.93)"/>
+      <rect class="cls-1" x="36" y="81.09" width="21.26" height="1.42"/>
+      <rect class="cls-4" x="37.81" y="86.19" width="17.01" height="1.42"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/phpBB/images/icons/smile/alert.svg b/phpBB/images/icons/smile/alert.svg
new file mode 100644
index 0000000000..173ba4d780
--- /dev/null
+++ b/phpBB/images/icons/smile/alert.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.24 80.84">
+  <defs>
+    <style>
+      .cls-1, .cls-2 {
+        stroke: #196db5;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 4px;
+      }
+
+      .cls-1, .cls-3 {
+        fill: #196db5;
+      }
+
+      .cls-2 {
+        fill: #ecedf0;
+      }
+
+      .cls-3 {
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1" data-name="Layer 1">
+    <g id="alert">
+      <polygon class="cls-2" points="39.62 78.84 77.24 78.84 39.62 2 2 78.84 39.62 78.84"/>
+      <rect class="cls-1" x="37.32" y="31.89" width="4.25" height="24.09"/>
+      <circle class="cls-3" cx="39.45" cy="66.48" r="4.96"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/phpBB/images/icons/smile/info.svg b/phpBB/images/icons/smile/info.svg
new file mode 100644
index 0000000000..f6e9ef7512
--- /dev/null
+++ b/phpBB/images/icons/smile/info.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.37 83.37">
+  <defs>
+    <style>
+      .cls-1 {
+        stroke-linecap: round;
+        stroke-linejoin: round;
+      }
+
+      .cls-1, .cls-2 {
+        stroke: #196db5;
+        stroke-width: 4px;
+      }
+
+      .cls-1, .cls-3 {
+        fill: #196db5;
+      }
+
+      .cls-2 {
+        fill: #ecedf0;
+        stroke-miterlimit: 10;
+      }
+
+      .cls-3 {
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1" data-name="Layer 1">
+    <g id="info">
+      <circle class="cls-2" cx="41.69" cy="41.69" r="39.69"/>
+      <rect class="cls-1" x="39.56" y="39.81" width="4.25" height="24.09"/>
+      <circle class="cls-3" cx="41.69" cy="23.69" r="4.96"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/phpBB/images/icons/smile/mrgreen.svg b/phpBB/images/icons/smile/mrgreen.svg
new file mode 100644
index 0000000000..ef639a5ccd
--- /dev/null
+++ b/phpBB/images/icons/smile/mrgreen.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 89.46 92.29">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-1, .cls-2, .cls-3 {
+        stroke: #000;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 3px;
+      }
+
+      .cls-2 {
+        fill: none;
+      }
+
+      .cls-3 {
+        fill: url(#Unbenannter_Verlauf_24);
+      }
+    </style>
+    <linearGradient id="Unbenannter_Verlauf_24" data-name="Unbenannter Verlauf 24" x1="13.66" y1="15.07" x2="75.8" y2="77.22" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#9af17d"/>
+      <stop offset="1" stop-color="#559435"/>
+    </linearGradient>
+  </defs>
+  <g id="Layer_1" data-name="Layer 1">
+    <g id="mrgreen">
+      <ellipse class="cls-3" cx="44.73" cy="46.15" rx="43.23" ry="44.65"/>
+      <path class="cls-2" d="m19.52,30.72s5.5-9.42,10.5-9.42,11.69,9.42,11.69,9.42"/>
+      <path class="cls-2" d="m69.64,30.72s-5.5-9.42-10.5-9.42-11.69,9.42-11.69,9.42"/>
+      <path class="cls-1" d="m11.52,41.47h68.33s-5.36,19.13-8.33,24.83-11,18.17-25.83,18.17-22.62-11.76-25.33-16.5c-3.67-6.42-8.83-26.5-8.83-26.5"/>
+      <line class="cls-2" x1="56.97" y1="81.63" x2="56.97" y2="41.47"/>
+      <line class="cls-2" x1="32.18" y1="80.24" x2="32.18" y2="41.97"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/phpBB/images/icons/smile/question.svg b/phpBB/images/icons/smile/question.svg
new file mode 100644
index 0000000000..7a7bf1602a
--- /dev/null
+++ b/phpBB/images/icons/smile/question.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.37 83.37">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #ecedf0;
+        stroke-miterlimit: 10;
+        stroke-width: 4px;
+      }
+
+      .cls-1, .cls-2 {
+        stroke: #196db5;
+      }
+
+      .cls-3 {
+        fill: #196db5;
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: none;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 8px;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1" data-name="Layer 1">
+    <g id="question">
+      <circle class="cls-1" cx="41.69" cy="41.69" r="39.69"/>
+      <path class="cls-2" d="m26.85,28.87c1.72-6.67,7.87-11.2,14.5-10.83,6.9.38,12.73,5.97,13.17,12.5.31,4.65-2.16,9.14-5.83,11.67-2.85,1.96-5.77,2.28-7.17,2.33v6.17"/>
+      <circle class="cls-3" cx="41.69" cy="63.17" r="4.96"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/phpBB/images/icons/smile/redface.svg b/phpBB/images/icons/smile/redface.svg
new file mode 100644
index 0000000000..99693be14b
--- /dev/null
+++ b/phpBB/images/icons/smile/redface.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88.04 87.12">
+  <defs>
+    <style>
+      .cls-1, .cls-2 {
+        stroke-width: 0px;
+      }
+
+      .cls-3, .cls-4 {
+        fill: none;
+      }
+
+      .cls-3, .cls-4, .cls-5 {
+        stroke: #000;
+        stroke-width: 3px;
+      }
+
+      .cls-3, .cls-5 {
+        stroke-miterlimit: 10;
+      }
+
+      .cls-2 {
+        fill: #fff;
+      }
+
+      .cls-4 {
+        stroke-linecap: round;
+        stroke-linejoin: round;
+      }
+    </style>
+	<!-- Define the linear (start) gradient -->
+    <linearGradient id="linearGradient" x1="1.5" y1="43.56" x2="86.54" y2="43.56" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ffa49f" id="linearStart" />
+      <stop offset="1" stop-color="#fd5756" id="linearEnd" />
+    </linearGradient>
+
+    <!-- Define the radial gradient -->
+    <radialGradient id="radialGradient" cx="44.02" cy="43.56" fx="44.02" fy="43.56" r="42.29" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#fdf504" id="radialStart" />
+      <stop offset="0.71" stop-color="#f8c00c" />
+      <stop offset="1" stop-color="#f8bd0c" id="radialEnd" />
+    </radialGradient>
+  </defs>
+  <g id="Layer_1" data-name="Layer 1">
+    <g id="redface">
+      <!-- <ellipse class="cls-5" cx="44.02" cy="43.56" rx="42.52" ry="42.06"/> -->
+	  <!-- Ellipse with linear gradient -->
+	  <ellipse class="cls-5" cx="44.02" cy="43.56" rx="42.52" ry="42.06" fill="url(#linearGradient)" opacity="1"/>
+
+	  <!-- Ellipse with radial gradient, positioned exactly over the first -->
+	  <ellipse class="cls-5" cx="44.02" cy="43.56" rx="42.52" ry="42.06" fill="url(#radialGradient)" opacity="0">
+		<animate attributeName="opacity" values="0;0;1;0;0" keyTimes="0;0.25;0.5;0.75;1" dur="2s" repeatCount="indefinite" />
+	  </ellipse>
+      <path class="cls-2" d="m44.02,18.65s-10.68.01-13.17.98q-3.17,1.23-6.41,5.94c-1.47,2.13-1.95,5.1-2.06,5.89-.02.13-.02.24-.02.37v8.48c0,1.56,1.26,2.82,2.82,2.82h18.85"/>
+      <path class="cls-2" d="m44.02,18.65s10.68.01,13.17.98q3.17,1.23,6.41,5.94c1.71,2.48,2.08,6.08,2.08,6.08v8.65c0,1.56-1.26,2.82-2.82,2.82h-18.85"/>
+      <ellipse class="cls-1" cx="38.06" cy="34.43" rx="4.96" ry="6.57"/>
+      <ellipse class="cls-1" cx="49.98" cy="34.43" rx="4.96" ry="6.57"/>
+      <path class="cls-4" d="m20.35,27.15s3.16-7.94,9.17-9.33"/>
+      <path class="cls-4" d="m67.69,27.15s-3.16-7.94-9.17-9.33"/>
+      <path class="cls-3" d="m56.52,68.49c7.91,0,13.33.12,13.33-12.09"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file