diff --git a/example/web/icons/Icon-512.png b/example/web/icons/Icon-512.png
deleted file mode 100644
index bbe69052a..000000000
Binary files a/example/web/icons/Icon-512.png and /dev/null differ
diff --git a/example/web/icons/Icon-maskable-192.png b/example/web/icons/Icon-maskable-192.png
deleted file mode 100644
index 323592e63..000000000
Binary files a/example/web/icons/Icon-maskable-192.png and /dev/null differ
diff --git a/example/web/icons/Icon-maskable-512.png b/example/web/icons/Icon-maskable-512.png
deleted file mode 100644
index 534ccff4f..000000000
Binary files a/example/web/icons/Icon-maskable-512.png and /dev/null differ
diff --git a/example/web/favicon.png b/example/web/icons/favicon-16.png
similarity index 100%
rename from example/web/favicon.png
rename to example/web/icons/favicon-16.png
diff --git a/example/web/icons/Icon-192.png b/example/web/icons/favicon-192.png
similarity index 100%
rename from example/web/icons/Icon-192.png
rename to example/web/icons/favicon-192.png
diff --git a/example/web/icons/favicon-32.png b/example/web/icons/favicon-32.png
new file mode 100644
index 000000000..27453f228
Binary files /dev/null and b/example/web/icons/favicon-32.png differ
diff --git a/example/web/icons/favicon-48.png b/example/web/icons/favicon-48.png
new file mode 100644
index 000000000..37d485846
Binary files /dev/null and b/example/web/icons/favicon-48.png differ
diff --git a/example/web/icons/favicon-96.png b/example/web/icons/favicon-96.png
new file mode 100644
index 000000000..3c3b54972
Binary files /dev/null and b/example/web/icons/favicon-96.png differ
diff --git a/example/web/icons/icon-maskable.svg b/example/web/icons/icon-maskable.svg
new file mode 100644
index 000000000..3bbf07161
--- /dev/null
+++ b/example/web/icons/icon-maskable.svg
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="16"
+   id="svg7384"
+   version="1.1"
+   width="16"
+   sodipodi:docname="icon-maskable.svg"
+   inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"
+   inkscape:export-filename="icons/Icon-512.png"
+   inkscape:export-xdpi="3072"
+   inkscape:export-ydpi="3072"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1846"
+     inkscape:window-height="1016"
+     id="namedview21"
+     showgrid="true"
+     inkscape:zoom="21.566754"
+     inkscape:cx="21.004552"
+     inkscape:cy="13.145233"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7384"
+     inkscape:pagecheckerboard="0"
+     width="24px"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid846"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata20854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs7386">
+    <linearGradient
+       id="linearGradient5606"
+       inkscape:swatch="solid">
+      <stop
+         id="stop5608"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4526"
+       inkscape:swatch="solid">
+      <stop
+         id="stop4528"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3600-4"
+       inkscape:swatch="gradient">
+      <stop
+         id="stop3602-7"
+         offset="0"
+         style="stop-color:#f4f4f4;stop-opacity:1" />
+      <stop
+         id="stop3604-6"
+         offset="1"
+         style="stop-color:#dbdbdb;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <rect
+     style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:8.06296;stroke-linejoin:round"
+     id="rect348"
+     width="11.733334"
+     height="11.733334"
+     x="2.1333332"
+     y="2.1333332" />
+  <path
+     id="rect6"
+     style="fill:#e95420;fill-opacity:1;stroke-width:0.64"
+     class="cls-1"
+     d="M 0,0 V 16 H 16 V 0 Z m 10.04,3.6524999 c 0.740062,0 1.34,0.5999384 1.34,1.34 0,0.7400616 -0.599938,1.34 -1.34,1.34 -0.7400616,0 -1.34,-0.5999384 -1.34,-1.34 0,-0.7400616 0.5999384,-1.34 1.34,-1.34 z m -1.9437498,0.14 c 0.1371838,-0.00266 0.2744171,0.00109 0.41125,0.01125 -0.1821613,0.2274654 -0.3080735,0.4947077 -0.3675002,0.78 -0.01922,0.099127 -0.032576,0.1993006 -0.04,0.3 C 7.0458766,4.8982827 6.0643767,5.4235203 5.4675001,6.2924999 5.2808884,6.1742912 5.0754224,6.0888919 4.86,6.04 4.7285033,6.0122551 4.5943869,5.9988434 4.46,6 H 4.36 C 5.1306922,4.6584599 6.549342,3.8202747 8.0962502,3.7924999 Z M 11.82,5.76 C 12.856692,7.3404961 12.768135,9.4065118 11.6,10.8925 11.50207,10.500091 11.27704,10.151118 10.96,9.9 11.159542,9.5804606 11.301682,9.2284952 11.38,8.86 11.53912,8.1062412 11.428521,7.3205407 11.0675,6.64 11.402063,6.430104 11.664592,6.1230933 11.82,5.76 Z M 4.4724999,6.5875001 c 0.7400616,0 1.3400001,0.5999385 1.34,1.3400001 0,0.7400616 -0.5999384,1.34 -1.34,1.34 -0.7400616,0 -1.34,-0.5999384 -1.34,-1.34 -10e-8,-0.7400616 0.5999384,-1.3400001 1.34,-1.3400001 z m 0.8,3.0799999 c 0.4439001,0.874011 1.2604841,1.499323 2.2199999,1.7 0.1060756,0.03315 0.2163774,0.05083 0.3275002,0.0525 0.00891,0.406729 0.1492388,0.799646 0.4,1.12 -0.318522,0.0011 -0.6362174,-0.03247 -0.9475002,-0.1 -1.4204505,-0.298396 -2.5983337,-1.285905 -3.1399999,-2.6325 0.3854058,0.069978 0.7829788,0.021153 1.14,-0.14 z M 9.74,10.04 c 0.740062,0 1.34,0.599938 1.34,1.34 0,0.740062 -0.599938,1.34 -1.34,1.34 -0.7400616,0 -1.34,-0.599938 -1.34,-1.34 0,-0.740062 0.5999384,-1.34 1.34,-1.34 z"
+     sodipodi:nodetypes="cccccssssscccccccccccccccssssscccccccsssss" />
+</svg>
diff --git a/example/web/favicon.svg b/example/web/icons/icon.svg
similarity index 100%
rename from example/web/favicon.svg
rename to example/web/icons/icon.svg
diff --git a/example/web/index.html b/example/web/index.html
index 5717b6b02..c4c8c47b8 100644
--- a/example/web/index.html
+++ b/example/web/index.html
@@ -24,11 +24,15 @@
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black">
   <meta name="apple-mobile-web-app-title" content="Yaru Widgets Factory">
-  <link rel="apple-touch-icon" href="icons/Icon-192.png">
+  <link rel="apple-touch-icon" href="icons/favicon-192.png">
 
   <!-- Favicon -->
-  <link rel="icon" type="image/svg+xml" href="favicon.svg">
-  <link rel="icon" type="image/png"     href="favicon.png"/>
+  <link rel="icon" type="image/svg+xml" sizes="any" href="icons/icon.svg">
+  <link rel="icon" type="image/png" sizes="192x192" href="icons/favicon-192.png"/>
+  <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96.png"/>
+  <link rel="icon" type="image/png" sizes="48x48" href="icons/favicon-48.png"/>
+  <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32.png"/>
+  <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16.png"/>
 
   <title>Yaru Widgets Factory</title>
   <link rel="manifest" href="manifest.json">
diff --git a/example/web/manifest.json b/example/web/manifest.json
index 096edf8fe..660c76a42 100644
--- a/example/web/manifest.json
+++ b/example/web/manifest.json
@@ -1,34 +1,21 @@
 {
-    "name": "example",
-    "short_name": "example",
+    "name": "yaru_widgets.dart factory",
+    "short_name": "yaru_widgets factory",
     "start_url": ".",
     "display": "standalone",
-    "background_color": "#0175C2",
-    "theme_color": "#0175C2",
-    "description": "A new Flutter project.",
+    "description": "A widgets factory for yaru_widgets.dart.",
     "orientation": "portrait-primary",
     "prefer_related_applications": false,
     "icons": [
         {
-            "src": "icons/Icon-192.png",
-            "sizes": "192x192",
-            "type": "image/png"
+            "src": "icons/icon.svg",
+            "sizes": "any",
+            "type": "image/svg+xml"
         },
         {
-            "src": "icons/Icon-512.png",
-            "sizes": "512x512",
-            "type": "image/png"
-        },
-        {
-            "src": "icons/Icon-maskable-192.png",
-            "sizes": "192x192",
-            "type": "image/png",
-            "purpose": "maskable"
-        },
-        {
-            "src": "icons/Icon-maskable-512.png",
-            "sizes": "512x512",
-            "type": "image/png",
+            "src": "icons/icon-maskable.svg",
+            "sizes": "any",
+            "type": "image/svg+xml",
             "purpose": "maskable"
         }
     ]