Add icons to recipebrowser example

Also fixed the qrc file.

Fixes: QTBUG-119738
Change-Id: I97e981260fff90e6f9ef3a1ea661d9cf47e6ee45
Reviewed-by: Volker Hilsheimer <volker.hilsheimer@qt.io>
Reviewed-by: Michal Klocek <michal.klocek@qt.io>
(cherry picked from commit 12c5da65fd5195279878add7dd1523672f1f152e)
Reviewed-by: Qt Cherry-pick Bot <cherrypick_bot@qt-project.org>
(cherry picked from commit 470621789a73825769d0f83b7c9905e73b99c35a)

11 files changed, 72 insertions, 13 deletions

diff --git a/examples/webenginewidgets/recipebrowser/CMakeLists.txt b/examples/webenginewidgets/recipebrowser/CMakeLists.txt
index d10409c09..41a3a5c6f 100644
--- a/examples/webenginewidgets/recipebrowser/CMakeLists.txt
+++ b/examples/webenginewidgets/recipebrowser/CMakeLists.txt
@@ -53,6 +53,11 @@ set(recipebrowser_resource_files
     "assets/pages/skewers.html"
     "assets/pages/soup.html"
     "assets/pages/steak.html"
+    "assets/icons/edit.svg"
+    "assets/icons/stylesheets.svg"
+    "assets/icons/add.svg"
+    "assets/icons/remove.svg"
+    "assets/icons/view.svg"
 )
 
 qt_add_resources(recipebrowser "recipebrowser"
diff --git a/examples/webenginewidgets/recipebrowser/assets/icons/add.svg b/examples/webenginewidgets/recipebrowser/assets/icons/add.svg
new file mode 100644
index 000000000..b5ecf9ae2
--- /dev/null
+++ b/examples/webenginewidgets/recipebrowser/assets/icons/add.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#0D0D0D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 15C11 15.5523 11.4477 16 12 16C12.5523 16 13 15.5523 13 15V13H15C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11H13V9C13 8.44772 12.5523 8 12 8C11.4477 8 11 8.44772 11 9V11H9C8.44772 11 8 11.4477 8 12C8 12.5523 8.44772 13 9 13H11V15Z" fill="#0D0D0D"/>
+</svg>
diff --git a/examples/webenginewidgets/recipebrowser/assets/icons/edit.svg b/examples/webenginewidgets/recipebrowser/assets/icons/edit.svg
new file mode 100644
index 000000000..fe61445dc
--- /dev/null
+++ b/examples/webenginewidgets/recipebrowser/assets/icons/edit.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5C2 3.34315 3.34315 2 5 2H11C11.5523 2 12 2.44772 12 3C12 3.55228 11.5523 4 11 4H5C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V13.125C20 12.5727 20.4477 12.125 21 12.125C21.5523 12.125 22 12.5727 22 13.125V19C22 20.6569 20.6569 22 19 22H5C3.34315 22 2 20.6569 2 19V5Z" fill="#0D0D0D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.1974 4C18.9845 4 18.7803 4.08457 18.6298 4.23509L18.1941 4.6708L19.3116 5.82359L19.7649 5.37021C19.9155 5.21969 20 5.01553 20 4.80265C20 4.58978 19.9155 4.38562 19.7649 4.23509C19.6144 4.08457 19.4102 4 19.1974 4ZM17.8972 7.23797L16.7797 6.08518L10.7528 12.1121L10.3744 13.6256L11.8879 13.2473L17.8972 7.23797ZM17.2156 2.82088C17.7412 2.29528 18.4541 2 19.1974 2C19.9407 2 20.6535 2.29528 21.1791 2.82088C21.7047 3.34648 22 4.05934 22 4.80265C22 5.54596 21.7047 6.25883 21.1791 6.78443L13.1062 14.8573C12.9781 14.9855 12.8175 15.0764 12.6417 15.1204L9.24256 15.9701C8.90178 16.0553 8.54129 15.9555 8.29291 15.7071C8.04453 15.4587 7.94468 15.0982 8.02988 14.7575L8.87966 11.3583C8.92362 11.1825 9.01453 11.0219 9.14269 10.8938L17.2156 2.82088Z" fill="#0D0D0D"/>
+</svg>
diff --git a/examples/webenginewidgets/recipebrowser/assets/icons/remove.svg b/examples/webenginewidgets/recipebrowser/assets/icons/remove.svg
new file mode 100644
index 000000000..3a5a420ac
--- /dev/null
+++ b/examples/webenginewidgets/recipebrowser/assets/icons/remove.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#0D0D0D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 12C8 11.4477 8.44772 11 9 11H15C15.5523 11 16 11.4477 16 12C16 12.5523 15.5523 13 15 13H9C8.44772 13 8 12.5523 8 12Z" fill="#0D0D0D"/>
+</svg>
diff --git a/examples/webenginewidgets/recipebrowser/assets/icons/stylesheets.svg b/examples/webenginewidgets/recipebrowser/assets/icons/stylesheets.svg
new file mode 100644
index 000000000..e108265b7
--- /dev/null
+++ b/examples/webenginewidgets/recipebrowser/assets/icons/stylesheets.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#0D0D0D"/>
+<path d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22V2Z" fill="#0D0D0D"/>
+</svg>
diff --git a/examples/webenginewidgets/recipebrowser/assets/icons/view.svg b/examples/webenginewidgets/recipebrowser/assets/icons/view.svg
new file mode 100644
index 000000000..d2c0c474d
--- /dev/null
+++ b/examples/webenginewidgets/recipebrowser/assets/icons/view.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.08086 11.6061C2.99143 9.48143 5.39011 4 12 4C15.2544 4 17.4247 5.25776 18.9399 6.87988C20.1459 8.17094 20.9403 9.71187 21.5334 10.8623C21.657 11.102 21.7719 11.3248 21.8799 11.5249L22.1676 12.0576L21.8289 12.5595C21.6963 12.7559 21.5424 13 21.3672 13.2781C20.7396 14.2738 19.8378 15.7048 18.6548 16.9413C17.1043 18.5619 14.9479 20 12 20C9.06156 20 6.9144 18.6096 5.36163 17.0026C4.11775 15.7152 3.19708 14.2194 2.55058 13.1691C2.40657 12.9351 2.27617 12.7233 2.15883 12.5408L1.8717 12.0941L2.08086 11.6061ZM4.12801 11.9149C4.18383 12.0048 4.24056 12.0967 4.29832 12.1903C4.94628 13.2397 5.72401 14.4993 6.79992 15.6128C8.10869 16.9673 9.76922 18 12 18C14.2213 18 15.8899 16.9381 17.2097 15.5587C18.2362 14.4858 18.9795 13.3089 19.6021 12.323C19.6836 12.194 19.7631 12.0682 19.8408 11.9464C19.7982 11.8645 19.7554 11.782 19.7124 11.6989C19.1185 10.5529 18.4761 9.31319 17.4784 8.24512C16.308 6.99224 14.6533 6 12 6C7.15387 6 5.13812 9.64957 4.12801 11.9149Z" fill="#0D0D0D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10ZM8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12Z" fill="#0D0D0D"/>
+</svg>
diff --git a/examples/webenginewidgets/recipebrowser/doc/images/recipebrowser.webp b/examples/webenginewidgets/recipebrowser/doc/images/recipebrowser.webp
index 8446bcde3..7e711c661 100644
--- a/examples/webenginewidgets/recipebrowser/doc/images/recipebrowser.webp
+++ b/examples/webenginewidgets/recipebrowser/doc/images/recipebrowser.webp
diff --git a/examples/webenginewidgets/recipebrowser/mainwindow.cpp b/examples/webenginewidgets/recipebrowser/mainwindow.cpp
index 79cd3bb6b..7eedab480 100644
--- a/examples/webenginewidgets/recipebrowser/mainwindow.cpp
+++ b/examples/webenginewidgets/recipebrowser/mainwindow.cpp
@@ -143,10 +143,12 @@ void MainWindow::toggleEditView()
         ui->textEdit->show();
 
         ui->editViewButton->setText(QStringLiteral("View"));
+        ui->editViewButton->setIcon(QIcon(":/icons/view.svg"));
     } else {
         ui->textEdit->hide();
         ui->webEngineView->show();
 
         ui->editViewButton->setText(QStringLiteral("Edit"));
+        ui->editViewButton->setIcon(QIcon(":/icons/edit.svg"));
     }
 }
diff --git a/examples/webenginewidgets/recipebrowser/mainwindow.ui b/examples/webenginewidgets/recipebrowser/mainwindow.ui
index b7c29f1b8..9c2539fd5 100644
--- a/examples/webenginewidgets/recipebrowser/mainwindow.ui
+++ b/examples/webenginewidgets/recipebrowser/mainwindow.ui
@@ -45,6 +45,10 @@
             <property name="text">
              <string>Edit</string>
             </property>
+            <property name="icon">
+             <iconset resource="recipebrowser.qrc">
+              <normaloff>:/icons/edit.svg</normaloff>:/icons/edit.svg</iconset>
+            </property>
            </widget>
           </item>
           <item>
@@ -58,6 +62,10 @@
             <property name="text">
              <string>Stylesheets</string>
             </property>
+            <property name="icon">
+             <iconset resource="recipebrowser.qrc">
+              <normaloff>:/icons/stylesheets.svg</normaloff>:/icons/stylesheets.svg</iconset>
+            </property>
            </widget>
           </item>
          </layout>
@@ -101,6 +109,8 @@
    <container>1</container>
   </customwidget>
  </customwidgets>
- <resources/>
+ <resources>
+  <include location="recipebrowser.qrc"/>
+ </resources>
  <connections/>
 </ui>
diff --git a/examples/webenginewidgets/recipebrowser/recipebrowser.qrc b/examples/webenginewidgets/recipebrowser/recipebrowser.qrc
index 2dc003f30..c1eb909a7 100644
--- a/examples/webenginewidgets/recipebrowser/recipebrowser.qrc
+++ b/examples/webenginewidgets/recipebrowser/recipebrowser.qrc
@@ -1,15 +1,27 @@
 <RCC>
     <qresource prefix="/">
-        <file>assets/3rdparty/markdown.css</file>
-        <file>assets/3rdparty/marked.js</file>
-        <file>assets/custom.js</file>
-        <file>assets/custom.css</file>
-        <file>assets/pages/burger.html</file>
-        <file>assets/pages/cupcakes.html</file>
-        <file>assets/pages/pasta.html</file>
-        <file>assets/pages/pizza.html</file>
-        <file>assets/pages/skewers.html</file>
-        <file>assets/pages/soup.html</file>
-        <file>assets/pages/steak.html</file>
+        <file alias="3rdparty/markdown.css">assets/3rdparty/markdown.css</file>
+        <file alias="3rdparty/marked.js">assets/3rdparty/marked.js</file>
+        <file alias="custom.js">assets/custom.js</file>
+        <file alias="custom.css">assets/custom.css</file>
+        <file alias="pages/images/burger.jpg">assets/pages/images/burger.jpg</file>
+        <file alias="pages/images/cupcakes.jpg">assets/pages/images/cupcakes.jpg</file>
+        <file alias="pages/images/pasta.jpg">assets/pages/images/pasta.jpg</file>
+        <file alias="pages/images/pizza.jpg">assets/pages/images/pizza.jpg</file>
+        <file alias="pages/images/skewers.jpg">assets/pages/images/skewers.jpg</file>
+        <file alias="pages/images/soup.jpg">assets/pages/images/soup.jpg</file>
+        <file alias="pages/images/steak.jpg">assets/pages/images/steak.jpg</file>
+        <file alias="pages/burger.html">assets/pages/burger.html</file>
+        <file alias="pages/cupcakes.html">assets/pages/cupcakes.html</file>
+        <file alias="pages/pasta.html">assets/pages/pasta.html</file>
+        <file alias="pages/pizza.html">assets/pages/pizza.html</file>
+        <file alias="pages/skewers.html">assets/pages/skewers.html</file>
+        <file alias="pages/soup.html">assets/pages/soup.html</file>
+        <file alias="pages/steak.html">assets/pages/steak.html</file>
+        <file alias="icons/edit.svg">assets/icons/edit.svg</file>
+        <file alias="icons/stylesheets.svg">assets/icons/stylesheets.svg</file>
+        <file alias="icons/add.svg">assets/icons/add.svg</file>
+        <file alias="icons/remove.svg">assets/icons/remove.svg</file>
+        <file alias="icons/view.svg">assets/icons/view.svg</file>
     </qresource>
 </RCC>
diff --git a/examples/webenginewidgets/recipebrowser/stylesheetdialog.ui b/examples/webenginewidgets/recipebrowser/stylesheetdialog.ui
index 19db267e8..6ef389195 100644
--- a/examples/webenginewidgets/recipebrowser/stylesheetdialog.ui
+++ b/examples/webenginewidgets/recipebrowser/stylesheetdialog.ui
@@ -68,6 +68,10 @@
           <property name="text">
            <string>Add</string>
           </property>
+          <property name="icon">
+           <iconset resource="recipebrowser.qrc">
+            <normaloff>:/icons/add.svg</normaloff>:/icons/add.svg</iconset>
+          </property>
          </widget>
         </item>
         <item>
@@ -75,6 +79,10 @@
           <property name="text">
            <string>Remove</string>
           </property>
+          <property name="icon">
+           <iconset resource="recipebrowser.qrc">
+            <normaloff>:/icons/remove.svg</normaloff>:/icons/remove.svg</iconset>
+          </property>
          </widget>
         </item>
        </layout>
@@ -84,7 +92,9 @@
    </item>
   </layout>
  </widget>
- <resources/>
+ <resources>
+  <include location="recipebrowser.qrc"/>
+ </resources>
  <connections>
   <connection>
    <sender>buttonBox</sender>