diff --git a/assets/lh_favicon.svg b/assets/lh_favicon.svg
old mode 100755
new mode 100644
index 827af4f58407..3baaa78d500c
--- a/assets/lh_favicon.svg
+++ b/assets/lh_favicon.svg
@@ -1,30 +1,6 @@
-<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg">
-    <defs>
-        <linearGradient x1="69.308%" y1="13.086%" x2="11.137%" y2="100.996%" id="a">
-            <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="0%" y1="50%" y2="50%" id="b">
-            <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="70.934%" y1="65.756%" x2="29.066%" y2="35.799%" id="c">
-            <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="31.179%" y1="20.358%" x2="69.716%" y2="100.652%" id="d">
-            <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-    </defs>
-    <g fill="none" fill-rule="evenodd">
-        <path d="M0 0h48v48H0z"/>
-        <path d="M24 0l11 7v10h5v6h-4.5l4 25h-31l4-25H8v-6h5V7.06L24 0zm5.87 26.5l-12.432 4.525L16 40.076l15-5.5-1.13-8.076zM24.014 7.12L19 10.34V17h10v-6.706L24.014 7.12z" fill="#F44B21"/>
-        <path fill="#FFF" d="M29.87 26.5l-12.432 4.525L16 40.076l15-5.5z"/>
-        <path d="M24 48c-5.446 0-10.535-.029-15.5 0l4-25h11.535L24 48z" fill="url(#a)" fill-rule="nonzero"/>
-        <path fill="#FFF176" fill-rule="nonzero" d="M29 17v-6.827L24.014 7 19 10.218V17z"/>
-        <path fill="url(#b)" fill-rule="nonzero" transform="matrix(-1 0 0 1 32 0)" d="M8 17h16v6H8z"/>
-        <path fill="url(#c)" fill-rule="nonzero" d="M24 17H13V7l11-7z"/>
-        <path fill="url(#d)" fill-rule="nonzero" d="M24 0l11 7v10h5v6h-4.5l4 25h-31l4-25H8v-6h5V7.06z"/>
-    </g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 7L24 0L34 7V17H39V24H34L39 48H9L14 24H9V17H14V7Z" fill="#FF6633"/>
+<path d="M31.5613 24H14L12.3114 32.1052L31.5613 24Z" fill="#FFA385"/>
+<path d="M18.9831 48H9L10.0223 43.0927L35.7232 32.2713L37.3857 40.2515L18.9831 48Z" fill="#FFA385"/>
+<rect x="20.5" y="10" width="7" height="7" fill="#FFFF33"/>
 </svg>
diff --git a/assets/lh_favicon_16px.png b/assets/lh_favicon_16px.png
new file mode 100644
index 000000000000..2ed131397c1f
Binary files /dev/null and b/assets/lh_favicon_16px.png differ
diff --git a/assets/lh_favicon_32px.png b/assets/lh_favicon_32px.png
old mode 100755
new mode 100644
index 80f5d9f42bea..fc41d8a4246e
Binary files a/assets/lh_favicon_32px.png and b/assets/lh_favicon_32px.png differ
diff --git a/assets/lh_favicon_76px.png b/assets/lh_favicon_76px.png
old mode 100755
new mode 100644
index 000662f6ee18..93a2fae7c4db
Binary files a/assets/lh_favicon_76px.png and b/assets/lh_favicon_76px.png differ
diff --git a/assets/lighthouse-logo.svg b/assets/lighthouse-logo.svg
old mode 100755
new mode 100644
index 6a2f3dd79c72..2146af05c24c
--- a/assets/lighthouse-logo.svg
+++ b/assets/lighthouse-logo.svg
@@ -1,116 +1,13 @@
-<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs>
-        <path d="M24.556 7.222h-3.51C19.558 3.012 15.549 0 10.833 0 4.853 0 0 4.853 0 10.833s4.853 10.834 10.833 10.834h13.723a7.225 7.225 0 0 0 7.222-7.223 7.225 7.225 0 0 0-7.222-7.222z" id="a"/>
-        <linearGradient x1="49.994%" y1=".226%" x2="49.994%" y2="99.725%" id="c">
-            <stop stop-color="#212121" stop-opacity=".04" offset="0%"/>
-            <stop stop-color="#212121" stop-opacity="0" offset="66%"/>
-        </linearGradient>
-        <path d="M13.722 0H0v14.444h13.722a7.225 7.225 0 0 0 7.222-7.222A7.225 7.225 0 0 0 13.722 0z" id="d"/>
-        <radialGradient cx="10.128%" cy="14.269%" fx="10.128%" fy="14.269%" r="144.566%" gradientTransform="matrix(.68182 0 0 1 .032 0)" id="f">
-            <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
-        </radialGradient>
-        <linearGradient x1="36.626%" y1="20.358%" x2="64.01%" y2="100.652%" id="g">
-            <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="68.935%" y1="65.756%" x2="31.065%" y2="35.799%" id="h">
-            <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="62.531%" y1="13.086%" x2="24.779%" y2="100.996%" id="i">
-            <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="0%" y1="50%" y2="50%" id="j">
-            <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <radialGradient cx="14.489%" cy="14.584%" fx="14.489%" fy="14.584%" r="99.973%" id="k">
-            <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
-        </radialGradient>
-        <path d="M28.333 8.333h-4.05C22.567 3.475 17.942 0 12.5 0 5.6 0 0 5.6 0 12.5S5.6 25 12.5 25h15.833c4.6 0 8.334-3.733 8.334-8.333s-3.734-8.334-8.334-8.334z" id="l"/>
-        <linearGradient x1="49.994%" y1=".226%" x2="49.994%" y2="99.725%" id="n">
-            <stop stop-color="#212121" stop-opacity=".04" offset="0%"/>
-            <stop stop-color="#212121" stop-opacity="0" offset="66%"/>
-        </linearGradient>
-        <path d="M15.833 0H0v16.667h15.833c4.6 0 8.334-3.734 8.334-8.334S20.433 0 15.833 0z" id="o"/>
-        <radialGradient cx="10.128%" cy="14.269%" fx="10.128%" fy="14.269%" r="144.566%" gradientTransform="matrix(.68182 0 0 1 .032 0)" id="q">
-            <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
-        </radialGradient>
-    </defs>
-    <g fill="none" fill-rule="evenodd">
-        <path d="M0 0h128v128H0z"/>
-        <g transform="translate(5.333 5.333)">
-            <circle fill="#0535C1" fill-rule="nonzero" cx="58.667" cy="58.667" r="58.667"/>
-            <path d="M71.333 26.667H106v34.667H71.333z"/>
-            <g transform="translate(72.778 33.889)">
-                <mask id="b" fill="#fff">
-                    <use xlink:href="#a"/>
-                </mask>
-                <g mask="url(#b)">
-                    <path d="M24.556 7.222h-3.51C19.558 3.012 15.549 0 10.833 0 4.853 0 0 4.853 0 10.833s4.853 10.834 10.833 10.834h13.723a7.225 7.225 0 0 0 7.222-7.223 7.225 7.225 0 0 0-7.222-7.222z" fill="#EAEAEA" fill-rule="nonzero"/>
-                    <path d="M31.778 14.531v-.087a7.225 7.225 0 0 0-7.222-7.222h-3.612v.18h3.612a7.224 7.224 0 0 1 7.222 7.13z" fill-opacity=".2" fill="#FFF" fill-rule="nonzero"/>
-                    <path fill="url(#c)" fill-rule="nonzero" d="M35.497 21.667H10.833l10.22-14.445z"/>
-                    <g transform="translate(10.833 7.222)">
-                        <mask id="e" fill="#fff">
-                            <use xlink:href="#d"/>
-                        </mask>
-                        <g mask="url(#e)">
-                            <g transform="translate(-2.167 -9.389)">
-                                <image opacity=".1" width="15.167" height="23.111" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAgCAYAAAD9oDOIAAAABGdBTUEAALGN5fIAKQAAA7ZJREFUSA2dlttvEkEYxdnlWqhQoEWrlRq1xqQv+qLP9f82fdamvmhjVBJbSnrjUtoCheWy/s6ERagsBSc5+WZnvzl75sxtrcDfYg2rXvTeuMOKF7123+gR2Nvb26FOpxNrt9uheDxuq0ez2XSXlpa6VDuFQqFHHIB7yUVqQRhuNBpZy7LyrutmiBHaA7Zt93i+5vksEonUer1eA3J9ROS+JcgbK5VKJej8EpIdCD4Q3xHf0rbN+01icjAYhLvdbn9jY8Mpl8t9X0ZeiNReX1+PO46zBdEOz+/BK7AJngq0PyZmg8GgjVpnbW2tl06n+7VaTVb8Y4dRmsvlYpDmUfgGVVvEVZITQzwQIVBbkvcRIPJeLBZz8F2qJ4hFGmD4YUIaPENVnpgEIaAJU04MLAP5nQNpMED5FapbKJ7w2ChNJpPkWB6xhi1VmiwzkUSR6yNSn0HpCqNxQQXiy2q12qF9pNYordfrLh7ZTEaaxOckyMM4MEuLqKIPBPl4lCgMIL8ElVAo1Gi1WlpyhtiQ8mBlMhl1kH+anCdAdTMSolc85VIdIt8FN1KLDU3PBo9UvgZIULK8vWuBR6ooYptc2SPFXUgvwuFwrVKpGBtGpHNaAIcpxgpqEqENUsa602w2eyO1455pKG08LZN0QnIdaPeMJoD6eFFfrYg8/V7T5xF1KZ+YCJevSf45+DWME7NK23iR2jBkWn4P6ZtkwrSCrAmlh4eHUlYn4YSvl6m3gZ9SXmkarDCIKtJPH5pQqudFLQig1Cimb5QJM0pHEyVGlQVWgclHodan/C/2+/3SysrKzfjwleT+hwVaWtq6LxTxNXKX1BCTMO8qINXSaLX7UlgR51APTiVdYBXA4+qUakJeB63b29v+VNIFLND+b0J6DH5AekbsTCOlfa5VoKXWhagKcUHQlaO7zJfUs0DJdL4ADhgvOkMb4Ihd+BXyIy5NqZ7YpuMdzCrgZL+mUTvsCvLxLSvCFjgF38FPVFaHtrk6EPwKPK6DiiZRChzUyEMN+xaUeN4nfuJm+U2eVJsbYCYpyV04rkg+h+Caeoq6ZrsE9njeBV+Y8YtisTgaiZ+n9OFM4+YkyE/5egqxTnrN9B74iO97iUSixJUt5aN7SgvXt4ydsSkI10mUym/Ud0W4vLx8fHBwIEK1j8pMUrKs1dVVG3UxPNMxp4n5DPYhLE0jFPMsT/XejUajbf5MdFjo2giisMyQK36E6mTOP1VmFPPzxvsIHluQO/f9T81Dqu/dzZt1cAf+AMymEnybyIybAAAAAElFTkSuQmCC"/>
-                                <path d="M2.167 2.167l5.857 18.496C9.98 18.698 13 15.99 13 13 13 7.02 8.147 2.167 2.167 2.167z" fill="#E1E1E1" fill-rule="nonzero"/>
-                            </g>
-                        </g>
-                    </g>
-                    <circle fill="#EEE" fill-rule="nonzero" cx="10.833" cy="10.833" r="10.833"/>
-                    <path d="M10.833.18c5.951 0 10.783 4.803 10.834 10.747v-.086c0-5.98-4.854-10.834-10.834-10.834C4.853.007 0 4.853 0 10.833v.087C.05 4.983 4.882.18 10.833.18z" fill-opacity=".2" fill="#FFF" fill-rule="nonzero"/>
-                    <path d="M24.556 21.486H10.833C4.883 21.486.051 16.683 0 10.74v.087c0 5.98 4.853 10.833 10.833 10.833h13.723a7.225 7.225 0 0 0 7.222-7.222v-.086a7.226 7.226 0 0 1-7.222 7.135z" fill-opacity=".1" fill="#212121" fill-rule="nonzero"/>
-                </g>
-            </g>
-            <path d="M24.556 7.222h-3.51C19.558 3.012 15.549 0 10.833 0 4.853 0 0 4.853 0 10.833s4.853 10.834 10.833 10.834h13.723a7.225 7.225 0 0 0 7.222-7.223 7.225 7.225 0 0 0-7.222-7.222z" fill="url(#f)" fill-rule="nonzero" transform="translate(72.778 33.889)"/>
-            <path fill="#FFF176" fill-rule="nonzero" d="M42.667 24.667h30.667v26.667H42.667z"/>
-            <path fill="#FFF" fill-rule="nonzero" d="M39.333 65.333H76V102H39.333z"/>
-            <path d="M80 48.667h5.333v10.666H32V48.667h5.333V27.333L58.667 14 80 27.333v21.334zm-10.667 0V33.245L58.667 26.58 48 33.245v15.422h21.333z" fill="#F4481E" fill-rule="nonzero"/>
-            <path d="M29.631 109.656l9.036-60.99h40l9.035 60.99c-8.561 4.886-18.472 7.677-29.035 7.677-10.563 0-20.474-2.791-29.036-7.677zM70.61 67.067l-25.094 8.154-3.05 20.585L73.38 85.76l-2.77-18.694z" fill="#F4481E" fill-rule="nonzero"/>
-            <path d="M79.949 59.333l7.455 50.323c-8.561 4.886-18.472 7.677-29.035 7.677-10.563 0-20.474-2.791-29.036-7.677l7.456-50.323H32V48.667h5.333V27.333L58.667 14 80 27.333v21.334h5.333v10.666H79.95z" fill="url(#g)" fill-rule="nonzero"/>
-            <path fill="url(#h)" fill-rule="nonzero" d="M58.667 48.667H37.333V27.333L58.667 14z"/>
-            <path d="M58.667 117.333a58.62 58.62 0 0 1-29.036-7.677l6.685-50.323h22.35v58z" fill="url(#i)" fill-rule="nonzero"/>
-            <path fill="url(#j)" fill-rule="nonzero" transform="matrix(-1 0 0 1 90.667 0)" d="M32 48.667h26.667v10.667H32z"/>
-            <circle fill="url(#k)" fill-rule="nonzero" cx="58.667" cy="58.667" r="58.667"/>
-            <path d="M12.667 38h40v40h-40z"/>
-            <g transform="translate(14.333 46.333)">
-                <mask id="m" fill="#fff">
-                    <use xlink:href="#l"/>
-                </mask>
-                <g mask="url(#m)">
-                    <path d="M28.333 8.333h-4.05C22.567 3.475 17.942 0 12.5 0 5.6 0 0 5.6 0 12.5S5.6 25 12.5 25h15.833c4.6 0 8.334-3.733 8.334-8.333s-3.734-8.334-8.334-8.334z" fill="#FAFAFA" fill-rule="nonzero"/>
-                    <path d="M36.667 16.767v-.1c0-4.6-3.734-8.334-8.334-8.334h-4.166v.209h4.166a8.335 8.335 0 0 1 8.334 8.225z" fill-opacity=".2" fill="#FFF" fill-rule="nonzero"/>
-                    <path fill="url(#n)" fill-rule="nonzero" d="M40.958 25H12.5L24.292 8.333z"/>
-                    <g transform="translate(12.5 8.333)">
-                        <mask id="p" fill="#fff">
-                            <use xlink:href="#o"/>
-                        </mask>
-                        <g mask="url(#p)">
-                            <g transform="translate(-2.5 -10.833)">
-                                <image opacity=".1" width="17.5" height="26.667" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAgCAYAAAD9oDOIAAAABGdBTUEAALGN5fIAKQAAA7ZJREFUSA2dlttvEkEYxdnlWqhQoEWrlRq1xqQv+qLP9f82fdamvmhjVBJbSnrjUtoCheWy/s6ERagsBSc5+WZnvzl75sxtrcDfYg2rXvTeuMOKF7123+gR2Nvb26FOpxNrt9uheDxuq0ez2XSXlpa6VDuFQqFHHIB7yUVqQRhuNBpZy7LyrutmiBHaA7Zt93i+5vksEonUer1eA3J9ROS+JcgbK5VKJej8EpIdCD4Q3xHf0rbN+01icjAYhLvdbn9jY8Mpl8t9X0ZeiNReX1+PO46zBdEOz+/BK7AJngq0PyZmg8GgjVpnbW2tl06n+7VaTVb8Y4dRmsvlYpDmUfgGVVvEVZITQzwQIVBbkvcRIPJeLBZz8F2qJ4hFGmD4YUIaPENVnpgEIaAJU04MLAP5nQNpMED5FapbKJ7w2ChNJpPkWB6xhi1VmiwzkUSR6yNSn0HpCqNxQQXiy2q12qF9pNYordfrLh7ZTEaaxOckyMM4MEuLqKIPBPl4lCgMIL8ElVAo1Gi1WlpyhtiQ8mBlMhl1kH+anCdAdTMSolc85VIdIt8FN1KLDU3PBo9UvgZIULK8vWuBR6ooYptc2SPFXUgvwuFwrVKpGBtGpHNaAIcpxgpqEqENUsa602w2eyO1455pKG08LZN0QnIdaPeMJoD6eFFfrYg8/V7T5xF1KZ+YCJevSf45+DWME7NK23iR2jBkWn4P6ZtkwrSCrAmlh4eHUlYn4YSvl6m3gZ9SXmkarDCIKtJPH5pQqudFLQig1Cimb5QJM0pHEyVGlQVWgclHodan/C/2+/3SysrKzfjwleT+hwVaWtq6LxTxNXKX1BCTMO8qINXSaLX7UlgR51APTiVdYBXA4+qUakJeB63b29v+VNIFLND+b0J6DH5AekbsTCOlfa5VoKXWhagKcUHQlaO7zJfUs0DJdL4ADhgvOkMb4Ihd+BXyIy5NqZ7YpuMdzCrgZL+mUTvsCvLxLSvCFjgF38FPVFaHtrk6EPwKPK6DiiZRChzUyEMN+xaUeN4nfuJm+U2eVJsbYCYpyV04rkg+h+Caeoq6ZrsE9njeBV+Y8YtisTgaiZ+n9OFM4+YkyE/5egqxTnrN9B74iO97iUSixJUt5aN7SgvXt4ydsSkI10mUym/Ud0W4vLx8fHBwIEK1j8pMUrKs1dVVG3UxPNMxp4n5DPYhLE0jFPMsT/XejUajbf5MdFjo2giisMyQK36E6mTOP1VmFPPzxvsIHluQO/f9T81Dqu/dzZt1cAf+AMymEnybyIybAAAAAElFTkSuQmCC"/>
-                                <path d="M2.5 2.5l6.758 21.342C11.517 21.575 15 18.45 15 15 15 8.1 9.4 2.5 2.5 2.5z" fill="#E1E1E1" fill-rule="nonzero"/>
-                            </g>
-                        </g>
-                    </g>
-                    <circle fill="#FFF" fill-rule="nonzero" cx="12.5" cy="12.5" r="12.5"/>
-                    <path d="M12.5.208c6.867 0 12.442 5.542 12.5 12.4v-.1c0-6.9-5.6-12.5-12.5-12.5S0 5.6 0 12.5v.1C.058 5.75 5.633.208 12.5.208z" fill-opacity=".2" fill="#FFF" fill-rule="nonzero"/>
-                    <path d="M28.333 24.792H12.5c-6.867 0-12.442-5.542-12.5-12.4v.1c0 6.9 5.6 12.5 12.5 12.5h15.833c4.6 0 8.334-3.734 8.334-8.334v-.1c-.059 4.559-3.767 8.234-8.334 8.234z" fill-opacity=".1" fill="#212121" fill-rule="nonzero"/>
-                </g>
-            </g>
-            <path d="M28.333 8.333h-4.05C22.567 3.475 17.942 0 12.5 0 5.6 0 0 5.6 0 12.5S5.6 25 12.5 25h15.833c4.6 0 8.334-3.733 8.334-8.333s-3.734-8.334-8.334-8.334z" fill="url(#q)" fill-rule="nonzero" transform="translate(14.333 46.333)"/>
-            <g fill-rule="nonzero" opacity=".1">
-                <path d="M58.667.613c32.3 0 58.493 26.1 58.66 58.36 0-.1.006-.2.006-.306C117.333 26.267 91.067 0 58.667 0S0 26.267 0 58.667c0 .1.007.2.007.306.166-32.26 26.36-58.36 58.66-58.36z" fill="#FFF"/>
-                <path d="M117.327 58.36c-.167 32.26-26.36 58.36-58.66 58.36S.173 90.62.007 58.36c0 .107-.007.207-.007.307 0 32.4 26.267 58.666 58.667 58.666 32.4 0 58.666-26.266 58.666-58.666 0-.1-.006-.2-.006-.307z" fill="#263238"/>
-            </g>
-            <circle fill="url(#k)" fill-rule="nonzero" cx="58.667" cy="58.667" r="58.667"/>
-        </g>
-    </g>
+<svg width="128" height="128" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="4" width="120" height="120">
+    <path d="M64 124c33.137 0 60-26.863 60-60S97.137 4 64 4 4 30.863 4 64s26.863 60 60 60Z" fill="#0535C1"/>
+  </mask>
+  <g mask="url(#a)">
+    <path d="M64 124c33.137 0 60-26.863 60-60S97.137 4 64 4 4 30.863 4 64s26.863 60 60 60Z" fill="#06F"/>
+    <path d="M94 60.25c-5.523 0-10-4.477-10-10s4.477-10 10-10c5.207 0 9.484 3.98 9.957 9.063.048.516.463.937.981.937H109a5 5 0 0 1 0 10H94Z" fill="#5DBCEB"/>
+    <path d="M63.503 14.31 44.441 26.225a.938.938 0 0 0-.441.795v19.793c0 .517-.42.937-.938.937h-8.124a.937.937 0 0 0-.938.938v10.624c0 .518.42.938.938.938h7.989c.568 0 1.005.5.929 1.063l-9.712 71.624a.937.937 0 0 0 .93 1.063h57.853a.937.937 0 0 0 .929-1.063l-9.712-71.624a.937.937 0 0 1 .93-1.063h7.989c.517 0 .937-.42.937-.938V48.688a.937.937 0 0 0-.938-.938h-8.124a.938.938 0 0 1-.938-.938V27.02a.938.938 0 0 0-.44-.795L64.496 14.31a.938.938 0 0 0-.994 0Z" fill="#F63"/>
+    <path d="m36.315 116.926 2.643-19.489 46.904-23.452 2.307 17.014-51.854 25.927ZM82.168 134H45.832l45.11-22.555 2.307 17.015L82.168 134ZM69.668 60.25 42.133 74.017 44 60.25h25.668Z" fill="#FFA385"/>
+    <path d="M56.5 34c0-.69.56-1.25 1.25-1.25h12.5c.69 0 1.25.56 1.25 1.25v12.5c0 .69-.56 1.25-1.25 1.25h-12.5c-.69 0-1.25-.56-1.25-1.25V34Z" fill="#FF3"/>
+    <path d="M24 74c-5.523 0-10-4.477-10-10s4.477-10 10-10a9.997 9.997 0 0 1 8.726 5.112c.374.666 1.047 1.138 1.81 1.138H44A6.875 6.875 0 1 1 44 74H24Z" fill="#fff"/>
+  </g>
 </svg>
diff --git a/assets/lighthouse-logo_1024px.png b/assets/lighthouse-logo_1024px.png
old mode 100755
new mode 100644
index 33279af48116..2e8574289593
Binary files a/assets/lighthouse-logo_1024px.png and b/assets/lighthouse-logo_1024px.png differ
diff --git a/assets/lighthouse-logo_128px.png b/assets/lighthouse-logo_128px.png
new file mode 100644
index 000000000000..0d62c92113c2
Binary files /dev/null and b/assets/lighthouse-logo_128px.png differ
diff --git a/assets/lighthouse-logo_512px.png b/assets/lighthouse-logo_512px.png
old mode 100755
new mode 100644
index 348cb2030d5f..d9637eb617cf
Binary files a/assets/lighthouse-logo_512px.png and b/assets/lighthouse-logo_512px.png differ
diff --git a/clients/extension/images/lh_favicon_16x16.png b/clients/extension/images/lh_favicon_16x16.png
index bb21910999f7..2ed131397c1f 100644
Binary files a/clients/extension/images/lh_favicon_16x16.png and b/clients/extension/images/lh_favicon_16x16.png differ
diff --git a/clients/extension/images/lh_favicon_32x32.png b/clients/extension/images/lh_favicon_32x32.png
index 11021c52cb0f..fc41d8a4246e 100644
Binary files a/clients/extension/images/lh_favicon_32x32.png and b/clients/extension/images/lh_favicon_32x32.png differ
diff --git a/clients/extension/images/lh_logo.svg b/clients/extension/images/lh_logo.svg
index 80fb8bd1dae1..2146af05c24c 100644
--- a/clients/extension/images/lh_logo.svg
+++ b/clients/extension/images/lh_logo.svg
@@ -1,158 +1,13 @@
-<svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
-<defs>
-    <path
-    d="M24.556 7.222h-3.51C19.558 3.012 15.549 0 10.833 0 4.853 0 0 4.853 0 10.833s4.853 10.834 10.833 10.834h13.723a7.225 7.225 0 0 0 7.222-7.223 7.225 7.225 0 0 0-7.222-7.222z"
-    id="a" />
-    <linearGradient x1="49.994%" y1=".226%" x2="49.994%" y2="99.725%" id="c">
-    <stop stop-color="#212121" stop-opacity=".04" offset="0%" />
-    <stop stop-color="#212121" stop-opacity="0" offset="66%" />
-    </linearGradient>
-    <path d="M13.722 0H0v14.444h13.722a7.225 7.225 0 0 0 7.222-7.222A7.225 7.225 0 0 0 13.722 0z" id="d" />
-    <radialGradient cx="10.128%" cy="14.269%" fx="10.128%" fy="14.269%" r="144.566%"
-    gradientTransform="matrix(.68182 0 0 1 .032 0)" id="f">
-    <stop stop-color="#FFF" stop-opacity=".1" offset="0%" />
-    <stop stop-color="#FFF" stop-opacity="0" offset="100%" />
-    </radialGradient>
-    <linearGradient x1="36.626%" y1="20.358%" x2="64.01%" y2="100.652%" id="g">
-    <stop stop-color="#FFF" stop-opacity=".1" offset="0%" />
-    <stop stop-color="#FFF" stop-opacity="0" offset="100%" />
-    </linearGradient>
-    <linearGradient x1="68.935%" y1="65.756%" x2="31.065%" y2="35.799%" id="h">
-    <stop stop-color="#262626" stop-opacity=".1" offset="0%" />
-    <stop stop-color="#262626" stop-opacity="0" offset="100%" />
-    </linearGradient>
-    <linearGradient x1="62.531%" y1="13.086%" x2="24.779%" y2="100.996%" id="i">
-    <stop stop-color="#262626" stop-opacity=".1" offset="0%" />
-    <stop stop-color="#262626" stop-opacity="0" offset="100%" />
-    </linearGradient>
-    <linearGradient x1="0%" y1="50%" y2="50%" id="j">
-    <stop stop-color="#262626" stop-opacity=".1" offset="0%" />
-    <stop stop-color="#262626" stop-opacity="0" offset="100%" />
-    </linearGradient>
-    <radialGradient cx="14.489%" cy="14.584%" fx="14.489%" fy="14.584%" r="99.973%" id="k">
-    <stop stop-color="#FFF" stop-opacity=".1" offset="0%" />
-    <stop stop-color="#FFF" stop-opacity="0" offset="100%" />
-    </radialGradient>
-    <path
-    d="M28.333 8.333h-4.05C22.567 3.475 17.942 0 12.5 0 5.6 0 0 5.6 0 12.5S5.6 25 12.5 25h15.833c4.6 0 8.334-3.733 8.334-8.333s-3.734-8.334-8.334-8.334z"
-    id="l" />
-    <linearGradient x1="49.994%" y1=".226%" x2="49.994%" y2="99.725%" id="n">
-    <stop stop-color="#212121" stop-opacity=".04" offset="0%" />
-    <stop stop-color="#212121" stop-opacity="0" offset="66%" />
-    </linearGradient>
-    <path d="M15.833 0H0v16.667h15.833c4.6 0 8.334-3.734 8.334-8.334S20.433 0 15.833 0z" id="o" />
-    <radialGradient cx="10.128%" cy="14.269%" fx="10.128%" fy="14.269%" r="144.566%"
-    gradientTransform="matrix(.68182 0 0 1 .032 0)" id="q">
-    <stop stop-color="#FFF" stop-opacity=".1" offset="0%" />
-    <stop stop-color="#FFF" stop-opacity="0" offset="100%" />
-    </radialGradient>
-</defs>
-<g fill="none" fill-rule="evenodd">
-    <path d="M0 0h128v128H0z" />
-    <g transform="translate(5.333 5.333)">
-    <circle fill="#0535C1" fill-rule="nonzero" cx="58.667" cy="58.667" r="58.667" />
-    <path d="M71.333 26.667H106v34.667H71.333z" />
-    <g transform="translate(72.778 33.889)">
-        <mask id="b" fill="#fff">
-        <use href="#a" />
-        </mask>
-        <g mask="url(#b)">
-        <path
-            d="M24.556 7.222h-3.51C19.558 3.012 15.549 0 10.833 0 4.853 0 0 4.853 0 10.833s4.853 10.834 10.833 10.834h13.723a7.225 7.225 0 0 0 7.222-7.223 7.225 7.225 0 0 0-7.222-7.222z"
-            fill="#EAEAEA" fill-rule="nonzero" />
-        <path
-            d="M31.778 14.531v-.087a7.225 7.225 0 0 0-7.222-7.222h-3.612v.18h3.612a7.224 7.224 0 0 1 7.222 7.13z"
-            fill-opacity=".2" fill="#FFF" fill-rule="nonzero" />
-        <path fill="url(#c)" fill-rule="nonzero" d="M35.497 21.667H10.833l10.22-14.445z" />
-        <g transform="translate(10.833 7.222)">
-            <mask id="e" fill="#fff">
-            <use href="#d" />
-            </mask>
-            <g mask="url(#e)">
-            <g transform="translate(-2.167 -9.389)">
-                <image opacity=".1" width="15.167" height="23.111"
-                href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAgCAYAAAD9oDOIAAAABGdBTUEAALGN5fIAKQAAA7ZJREFUSA2dlttvEkEYxdnlWqhQoEWrlRq1xqQv+qLP9f82fdamvmhjVBJbSnrjUtoCheWy/s6ERagsBSc5+WZnvzl75sxtrcDfYg2rXvTeuMOKF7123+gR2Nvb26FOpxNrt9uheDxuq0ez2XSXlpa6VDuFQqFHHIB7yUVqQRhuNBpZy7LyrutmiBHaA7Zt93i+5vksEonUer1eA3J9ROS+JcgbK5VKJej8EpIdCD4Q3xHf0rbN+01icjAYhLvdbn9jY8Mpl8t9X0ZeiNReX1+PO46zBdEOz+/BK7AJngq0PyZmg8GgjVpnbW2tl06n+7VaTVb8Y4dRmsvlYpDmUfgGVVvEVZITQzwQIVBbkvcRIPJeLBZz8F2qJ4hFGmD4YUIaPENVnpgEIaAJU04MLAP5nQNpMED5FapbKJ7w2ChNJpPkWB6xhi1VmiwzkUSR6yNSn0HpCqNxQQXiy2q12qF9pNYordfrLh7ZTEaaxOckyMM4MEuLqKIPBPl4lCgMIL8ElVAo1Gi1WlpyhtiQ8mBlMhl1kH+anCdAdTMSolc85VIdIt8FN1KLDU3PBo9UvgZIULK8vWuBR6ooYptc2SPFXUgvwuFwrVKpGBtGpHNaAIcpxgpqEqENUsa602w2eyO1455pKG08LZN0QnIdaPeMJoD6eFFfrYg8/V7T5xF1KZ+YCJevSf45+DWME7NK23iR2jBkWn4P6ZtkwrSCrAmlh4eHUlYn4YSvl6m3gZ9SXmkarDCIKtJPH5pQqudFLQig1Cimb5QJM0pHEyVGlQVWgclHodan/C/2+/3SysrKzfjwleT+hwVaWtq6LxTxNXKX1BCTMO8qINXSaLX7UlgR51APTiVdYBXA4+qUakJeB63b29v+VNIFLND+b0J6DH5AekbsTCOlfa5VoKXWhagKcUHQlaO7zJfUs0DJdL4ADhgvOkMb4Ihd+BXyIy5NqZ7YpuMdzCrgZL+mUTvsCvLxLSvCFjgF38FPVFaHtrk6EPwKPK6DiiZRChzUyEMN+xaUeN4nfuJm+U2eVJsbYCYpyV04rkg+h+Caeoq6ZrsE9njeBV+Y8YtisTgaiZ+n9OFM4+YkyE/5egqxTnrN9B74iO97iUSixJUt5aN7SgvXt4ydsSkI10mUym/Ud0W4vLx8fHBwIEK1j8pMUrKs1dVVG3UxPNMxp4n5DPYhLE0jFPMsT/XejUajbf5MdFjo2giisMyQK36E6mTOP1VmFPPzxvsIHluQO/f9T81Dqu/dzZt1cAf+AMymEnybyIybAAAAAElFTkSuQmCC" />
-                <path d="M2.167 2.167l5.857 18.496C9.98 18.698 13 15.99 13 13 13 7.02 8.147 2.167 2.167 2.167z"
-                fill="#E1E1E1" fill-rule="nonzero" />
-            </g>
-            </g>
-        </g>
-        <circle fill="#EEE" fill-rule="nonzero" cx="10.833" cy="10.833" r="10.833" />
-        <path
-            d="M10.833.18c5.951 0 10.783 4.803 10.834 10.747v-.086c0-5.98-4.854-10.834-10.834-10.834C4.853.007 0 4.853 0 10.833v.087C.05 4.983 4.882.18 10.833.18z"
-            fill-opacity=".2" fill="#FFF" fill-rule="nonzero" />
-        <path
-            d="M24.556 21.486H10.833C4.883 21.486.051 16.683 0 10.74v.087c0 5.98 4.853 10.833 10.833 10.833h13.723a7.225 7.225 0 0 0 7.222-7.222v-.086a7.226 7.226 0 0 1-7.222 7.135z"
-            fill-opacity=".1" fill="#212121" fill-rule="nonzero" />
-        </g>
-    </g>
-    <path
-        d="M24.556 7.222h-3.51C19.558 3.012 15.549 0 10.833 0 4.853 0 0 4.853 0 10.833s4.853 10.834 10.833 10.834h13.723a7.225 7.225 0 0 0 7.222-7.223 7.225 7.225 0 0 0-7.222-7.222z"
-        fill="url(#f)" fill-rule="nonzero" transform="translate(72.778 33.889)" />
-    <path fill="#FFF176" fill-rule="nonzero" d="M42.667 24.667h30.667v26.667H42.667z" />
-    <path fill="#FFF" fill-rule="nonzero" d="M39.333 65.333H76V102H39.333z" />
-    <path
-        d="M80 48.667h5.333v10.666H32V48.667h5.333V27.333L58.667 14 80 27.333v21.334zm-10.667 0V33.245L58.667 26.58 48 33.245v15.422h21.333z"
-        fill="#F4481E" fill-rule="nonzero" />
-    <path
-        d="M29.631 109.656l9.036-60.99h40l9.035 60.99c-8.561 4.886-18.472 7.677-29.035 7.677-10.563 0-20.474-2.791-29.036-7.677zM70.61 67.067l-25.094 8.154-3.05 20.585L73.38 85.76l-2.77-18.694z"
-        fill="#F4481E" fill-rule="nonzero" />
-    <path
-        d="M79.949 59.333l7.455 50.323c-8.561 4.886-18.472 7.677-29.035 7.677-10.563 0-20.474-2.791-29.036-7.677l7.456-50.323H32V48.667h5.333V27.333L58.667 14 80 27.333v21.334h5.333v10.666H79.95z"
-        fill="url(#g)" fill-rule="nonzero" />
-    <path fill="url(#h)" fill-rule="nonzero" d="M58.667 48.667H37.333V27.333L58.667 14z" />
-    <path d="M58.667 117.333a58.62 58.62 0 0 1-29.036-7.677l6.685-50.323h22.35v58z" fill="url(#i)"
-        fill-rule="nonzero" />
-    <path fill="url(#j)" fill-rule="nonzero" transform="matrix(-1 0 0 1 90.667 0)"
-        d="M32 48.667h26.667v10.667H32z" />
-    <circle fill="url(#k)" fill-rule="nonzero" cx="58.667" cy="58.667" r="58.667" />
-    <path d="M12.667 38h40v40h-40z" />
-    <g transform="translate(14.333 46.333)">
-        <mask id="m" fill="#fff">
-        <use href="#l" />
-        </mask>
-        <g mask="url(#m)">
-        <path
-            d="M28.333 8.333h-4.05C22.567 3.475 17.942 0 12.5 0 5.6 0 0 5.6 0 12.5S5.6 25 12.5 25h15.833c4.6 0 8.334-3.733 8.334-8.333s-3.734-8.334-8.334-8.334z"
-            fill="#FAFAFA" fill-rule="nonzero" />
-        <path
-            d="M36.667 16.767v-.1c0-4.6-3.734-8.334-8.334-8.334h-4.166v.209h4.166a8.335 8.335 0 0 1 8.334 8.225z"
-            fill-opacity=".2" fill="#FFF" fill-rule="nonzero" />
-        <path fill="url(#n)" fill-rule="nonzero" d="M40.958 25H12.5L24.292 8.333z" />
-        <g transform="translate(12.5 8.333)">
-            <mask id="p" fill="#fff">
-            <use href="#o" />
-            </mask>
-            <g mask="url(#p)">
-            <g transform="translate(-2.5 -10.833)">
-                <image opacity=".1" width="17.5" height="26.667"
-                href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAgCAYAAAD9oDOIAAAABGdBTUEAALGN5fIAKQAAA7ZJREFUSA2dlttvEkEYxdnlWqhQoEWrlRq1xqQv+qLP9f82fdamvmhjVBJbSnrjUtoCheWy/s6ERagsBSc5+WZnvzl75sxtrcDfYg2rXvTeuMOKF7123+gR2Nvb26FOpxNrt9uheDxuq0ez2XSXlpa6VDuFQqFHHIB7yUVqQRhuNBpZy7LyrutmiBHaA7Zt93i+5vksEonUer1eA3J9ROS+JcgbK5VKJej8EpIdCD4Q3xHf0rbN+01icjAYhLvdbn9jY8Mpl8t9X0ZeiNReX1+PO46zBdEOz+/BK7AJngq0PyZmg8GgjVpnbW2tl06n+7VaTVb8Y4dRmsvlYpDmUfgGVVvEVZITQzwQIVBbkvcRIPJeLBZz8F2qJ4hFGmD4YUIaPENVnpgEIaAJU04MLAP5nQNpMED5FapbKJ7w2ChNJpPkWB6xhi1VmiwzkUSR6yNSn0HpCqNxQQXiy2q12qF9pNYordfrLh7ZTEaaxOckyMM4MEuLqKIPBPl4lCgMIL8ElVAo1Gi1WlpyhtiQ8mBlMhl1kH+anCdAdTMSolc85VIdIt8FN1KLDU3PBo9UvgZIULK8vWuBR6ooYptc2SPFXUgvwuFwrVKpGBtGpHNaAIcpxgpqEqENUsa602w2eyO1455pKG08LZN0QnIdaPeMJoD6eFFfrYg8/V7T5xF1KZ+YCJevSf45+DWME7NK23iR2jBkWn4P6ZtkwrSCrAmlh4eHUlYn4YSvl6m3gZ9SXmkarDCIKtJPH5pQqudFLQig1Cimb5QJM0pHEyVGlQVWgclHodan/C/2+/3SysrKzfjwleT+hwVaWtq6LxTxNXKX1BCTMO8qINXSaLX7UlgR51APTiVdYBXA4+qUakJeB63b29v+VNIFLND+b0J6DH5AekbsTCOlfa5VoKXWhagKcUHQlaO7zJfUs0DJdL4ADhgvOkMb4Ihd+BXyIy5NqZ7YpuMdzCrgZL+mUTvsCvLxLSvCFjgF38FPVFaHtrk6EPwKPK6DiiZRChzUyEMN+xaUeN4nfuJm+U2eVJsbYCYpyV04rkg+h+Caeoq6ZrsE9njeBV+Y8YtisTgaiZ+n9OFM4+YkyE/5egqxTnrN9B74iO97iUSixJUt5aN7SgvXt4ydsSkI10mUym/Ud0W4vLx8fHBwIEK1j8pMUrKs1dVVG3UxPNMxp4n5DPYhLE0jFPMsT/XejUajbf5MdFjo2giisMyQK36E6mTOP1VmFPPzxvsIHluQO/f9T81Dqu/dzZt1cAf+AMymEnybyIybAAAAAElFTkSuQmCC" />
-                <path d="M2.5 2.5l6.758 21.342C11.517 21.575 15 18.45 15 15 15 8.1 9.4 2.5 2.5 2.5z"
-                fill="#E1E1E1" fill-rule="nonzero" />
-            </g>
-            </g>
-        </g>
-        <circle fill="#FFF" fill-rule="nonzero" cx="12.5" cy="12.5" r="12.5" />
-        <path
-            d="M12.5.208c6.867 0 12.442 5.542 12.5 12.4v-.1c0-6.9-5.6-12.5-12.5-12.5S0 5.6 0 12.5v.1C.058 5.75 5.633.208 12.5.208z"
-            fill-opacity=".2" fill="#FFF" fill-rule="nonzero" />
-        <path
-            d="M28.333 24.792H12.5c-6.867 0-12.442-5.542-12.5-12.4v.1c0 6.9 5.6 12.5 12.5 12.5h15.833c4.6 0 8.334-3.734 8.334-8.334v-.1c-.059 4.559-3.767 8.234-8.334 8.234z"
-            fill-opacity=".1" fill="#212121" fill-rule="nonzero" />
-        </g>
-    </g>
-    <path
-        d="M28.333 8.333h-4.05C22.567 3.475 17.942 0 12.5 0 5.6 0 0 5.6 0 12.5S5.6 25 12.5 25h15.833c4.6 0 8.334-3.733 8.334-8.333s-3.734-8.334-8.334-8.334z"
-        fill="url(#q)" fill-rule="nonzero" transform="translate(14.333 46.333)" />
-    <g fill-rule="nonzero" opacity=".1">
-        <path
-        d="M58.667.613c32.3 0 58.493 26.1 58.66 58.36 0-.1.006-.2.006-.306C117.333 26.267 91.067 0 58.667 0S0 26.267 0 58.667c0 .1.007.2.007.306.166-32.26 26.36-58.36 58.66-58.36z"
-        fill="#FFF" />
-        <path
-        d="M117.327 58.36c-.167 32.26-26.36 58.36-58.66 58.36S.173 90.62.007 58.36c0 .107-.007.207-.007.307 0 32.4 26.267 58.666 58.667 58.666 32.4 0 58.666-26.266 58.666-58.666 0-.1-.006-.2-.006-.307z"
-        fill="#263238" />
-    </g>
-    <circle fill="url(#k)" fill-rule="nonzero" cx="58.667" cy="58.667" r="58.667" />
-    </g>
-</g>
-</svg>
\ No newline at end of file
+<svg width="128" height="128" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="4" width="120" height="120">
+    <path d="M64 124c33.137 0 60-26.863 60-60S97.137 4 64 4 4 30.863 4 64s26.863 60 60 60Z" fill="#0535C1"/>
+  </mask>
+  <g mask="url(#a)">
+    <path d="M64 124c33.137 0 60-26.863 60-60S97.137 4 64 4 4 30.863 4 64s26.863 60 60 60Z" fill="#06F"/>
+    <path d="M94 60.25c-5.523 0-10-4.477-10-10s4.477-10 10-10c5.207 0 9.484 3.98 9.957 9.063.048.516.463.937.981.937H109a5 5 0 0 1 0 10H94Z" fill="#5DBCEB"/>
+    <path d="M63.503 14.31 44.441 26.225a.938.938 0 0 0-.441.795v19.793c0 .517-.42.937-.938.937h-8.124a.937.937 0 0 0-.938.938v10.624c0 .518.42.938.938.938h7.989c.568 0 1.005.5.929 1.063l-9.712 71.624a.937.937 0 0 0 .93 1.063h57.853a.937.937 0 0 0 .929-1.063l-9.712-71.624a.937.937 0 0 1 .93-1.063h7.989c.517 0 .937-.42.937-.938V48.688a.937.937 0 0 0-.938-.938h-8.124a.938.938 0 0 1-.938-.938V27.02a.938.938 0 0 0-.44-.795L64.496 14.31a.938.938 0 0 0-.994 0Z" fill="#F63"/>
+    <path d="m36.315 116.926 2.643-19.489 46.904-23.452 2.307 17.014-51.854 25.927ZM82.168 134H45.832l45.11-22.555 2.307 17.015L82.168 134ZM69.668 60.25 42.133 74.017 44 60.25h25.668Z" fill="#FFA385"/>
+    <path d="M56.5 34c0-.69.56-1.25 1.25-1.25h12.5c.69 0 1.25.56 1.25 1.25v12.5c0 .69-.56 1.25-1.25 1.25h-12.5c-.69 0-1.25-.56-1.25-1.25V34Z" fill="#FF3"/>
+    <path d="M24 74c-5.523 0-10-4.477-10-10s4.477-10 10-10a9.997 9.997 0 0 1 8.726 5.112c.374.666 1.047 1.138 1.81 1.138H44A6.875 6.875 0 1 1 44 74H24Z" fill="#fff"/>
+  </g>
+</svg>
diff --git a/clients/extension/images/lh_logo_128x128.png b/clients/extension/images/lh_logo_128x128.png
index afc87497b1b8..3ca2ab402225 100644
Binary files a/clients/extension/images/lh_logo_128x128.png and b/clients/extension/images/lh_logo_128x128.png differ
diff --git a/flow-report/assets/standalone-flow-template.html b/flow-report/assets/standalone-flow-template.html
index 82c60dffbffd..ff3909c7c3e0 100644
--- a/flow-report/assets/standalone-flow-template.html
+++ b/flow-report/assets/standalone-flow-template.html
@@ -19,7 +19,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
-  <link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEhklEQVR4AWJxL/BhIAesev1U5tcflpncgNrKIsqNIwzC9feMpDUzs70kOczMzMzJJcxwCTMzncPMnOwtzBwzMzPb0vRfeZPp0VhPS5I39V5fdiXV1/VD+9QC7OVn9BsyH1XIoEI1PfmJvLFowVV564+34DFUHudbmfDh4kVXh//7XwE+WjS/YfXZe3yr4j2rqj1AIhSB7hZ8ZtPZu/zw8cK523U4wE1/rvPfWrz4zs0m9ZdC9yUJAlASdBAgocRegfF/f3/h/PuaFsxMdwjAR0vm1+06eMMfIrhLqTWqdH4EumU2SPfMhigJAlRQbZrgrRsl9U+Y2DYDFCz3ILC9kiAiqSrMwbWT0nceEnR+9Kggc2zjOJCASDENkg0a5HfZZgDP81CM3CrQs2Z1+o7DJ6ePr8sK0AOCHv5Jjdt3evyYSaZ351VIStIxPRAUtrBYbxC6w+BZ0ivVSBKkIhJhemSyZpfB00EiPO2VjzYkxhcqXQqCWCShGplvi3y0QxqbuBurMjyJeWnkHZuAEgIQGsUBqwrfjZ+IlBgKyRJzVVYF8O6qFWdh86YzQzMrZigYmxAyfvHgLZQ/LC1CbeniW2Hkqr/PH16SgvGuf2/uzNMBwJA/njxizGPtSyAf7EziJCMGRDRdhoAC4PL1A/SrKQMAAQkEfpJAcRQdrBJ7gNwjSpJsdwK+CANBkqa1LgQB4IicV9nYUct7gaxuDJUErQIiEAiMxLVOFlKzIktPpT0ggpdpC/8YAHnxbgkUY4tAAFSR7AAXNyAAWHJrA/kHGjzg5nleuwFO7Nd/IoDw4Pm58+4jNLmYG0wRA5bErc2Mr3Y+dXTDW1VvwqbJkzMCHQ4S1GTCBOIgUHJrGdEwqzR+jAp/o2qAZelUDoQnruEEdDclJI6576AlNVfc+22XN/+Y1vnJD0Yind6UpEEvn/Hqq15EYjCW7jZCJEpnNvDgkyelDjs106kuux2AAXCSobULOWP8mLhYlpoDMK4qAFXJGk+grtH8YXVz5KJblqaG1+VUdTc0I290bmUQAriGITRbdQnom0aoFj8kx1+wMD2ifncAXUQE4SkDqN1hE0jEophs1SUwZAOhUAiMCLwRtamtTZtbbmZErSAUHbSysaoEmnrsakiMiUAURi283gN6wans9oX8rOCrj7/JP35DFD+iQ7Au/K2KE1jzx6ujjUnXFH9KjEq6ZlhsTBICrNLJf47Pv/pkHzvup1w4dmUbEei0+bcXRqJuh5kVARQ8byyYxOwNGr7A87xh1tp8sGT+uMInrwi++Xj7TQz2d27NvwEkrOflAFQGIDA5khASBCGdO2/Z/MnLPwYfv5TFhjW7QhVKAB6afwe2LpFlFsCnlQEosgQgDsdOG1/LKeNqJS4JCSPJ/i+TakwEARor7gER1Iva5JmPOJK0RUqmoPnnlzFCtmIAhAAQEIQRgDaiYPIauNXcnDlRIrWNFY3hm7PG9YRqr7IV7HrCgAC17befjEvRq2nGhAHtBqDpOuI/I1diUUAMYIxEdyejBJqLnNoszGZtfiX/CztGv2mq+sdaAAAAAElFTkSuQmCC">
+  <link rel="icon" href='data:image/svg+xml;utf8,<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="m14 7 10-7 10 7v10h5v7h-5l5 24H9l5-24H9v-7h5V7Z" fill="%23F63"/><path d="M31.561 24H14l-1.689 8.105L31.561 24ZM18.983 48H9l1.022-4.907L35.723 32.27l1.663 7.98L18.983 48Z" fill="%23FFA385"/><path fill="%23FF3" d="M20.5 10h7v7h-7z"/></svg>'>
   <title>Lighthouse Flow Report</title>
   <style>/*%%LIGHTHOUSE_FLOW_CSS%%*/</style>
   <style>body {margin: 0}</style>
diff --git a/flow-report/src/topbar.tsx b/flow-report/src/topbar.tsx
index 5d6d74753527..ba3b2b0c93a7 100644
--- a/flow-report/src/topbar.tsx
+++ b/flow-report/src/topbar.tsx
@@ -26,34 +26,10 @@ saveHtml.saveFile = saveFile;
 /* eslint-disable max-len */
 const Logo: FunctionComponent = () => {
   return (
-    <svg height="24" width="24" viewBox="0 0 24 24" role="img">
-      <defs>
-        <linearGradient x1="57.456%" y1="13.086%" x2="18.259%" y2="72.322%" id="Topbar__logo--a">
-          <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-          <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="Topbar__logo--b">
-          <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-          <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="58.764%" y1="65.756%" x2="36.939%" y2="50.14%" id="Topbar__logo--c">
-          <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-          <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="41.635%" y1="20.358%" x2="72.863%" y2="85.424%" id="Topbar__logo--d">
-          <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
-          <stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-      </defs>
-      <g fill="none" fill-rule="evenodd">
-        <path d="M12 3l4.125 2.625v3.75H18v2.25h-1.688l1.5 9.375H6.188l1.5-9.375H6v-2.25h1.875V5.648L12 3zm2.201 9.938L9.54 14.633 9 18.028l5.625-2.062-.424-3.028zM12.005 5.67l-1.88 1.207v2.498h3.75V6.86l-1.87-1.19z" fill="#F44B21"/>
-        <path fill="#FFF" d="M14.201 12.938L9.54 14.633 9 18.028l5.625-2.062z"/>
-        <path d="M6 18c-2.042 0-3.95-.01-5.813 0l1.5-9.375h4.326L6 18z" fill="url(#Topbar__logo--a)" fill-rule="nonzero" transform="translate(6 3)"/>
-        <path fill="#FFF176" fill-rule="nonzero" d="M13.875 9.375v-2.56l-1.87-1.19-1.88 1.207v2.543z"/>
-        <path fill="url(#Topbar__logo--b)" fill-rule="nonzero" d="M0 6.375h6v2.25H0z" transform="translate(6 3)"/>
-        <path fill="url(#Topbar__logo--c)" fill-rule="nonzero" d="M6 6.375H1.875v-3.75L6 0z" transform="translate(6 3)"/>
-        <path fill="url(#Topbar__logo--d)" fill-rule="nonzero" d="M6 0l4.125 2.625v3.75H12v2.25h-1.688l1.5 9.375H.188l1.5-9.375H0v-2.25h1.875V2.648z" transform="translate(6 3)"/>
-      </g>
+    <svg role="img" class="lh-topbar__logo" title="Lighthouse logo" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+      <path d="m14 7 10-7 10 7v10h5v7h-5l5 24H9l5-24H9v-7h5V7Z" fill="#F63"/>
+      <path d="M31.561 24H14l-1.689 8.105L31.561 24ZM18.983 48H9l1.022-4.907L35.723 32.27l1.663 7.98L18.983 48Z" fill="#FFA385"/>
+      <path fill="#FF3" d="M20.5 10h7v7h-7z"/>
     </svg>
   );
 };
diff --git a/readme.md b/readme.md
index 3a1d4d32bae7..4c0cd12ae575 100644
--- a/readme.md
+++ b/readme.md
@@ -461,7 +461,7 @@ See [Contributing](./CONTRIBUTING.md) to get started.
 
 ---
 <p align="center">
-  <img src="https://raw.githubusercontent.com/GoogleChrome/lighthouse/8b3d7f052b2e64dd857e741d7395647f487697e7/assets/lighthouse-logo.png" alt="Lighthouse logo" height="150">
+  <img src="./assets/lighthouse-logo_512px.png" alt="Lighthouse logo" height="150">
   <br>
   <b>Lighthouse</b>, ˈlītˌhous (n): a <s>tower or other structure</s> tool containing a beacon light
   to warn or guide <s>ships at sea</s> developers.
diff --git a/report/assets/standalone-template.html b/report/assets/standalone-template.html
index 99f2921df862..fe8ec3cbedbb 100644
--- a/report/assets/standalone-template.html
+++ b/report/assets/standalone-template.html
@@ -19,7 +19,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
-  <link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEhklEQVR4AWJxL/BhIAesev1U5tcflpncgNrKIsqNIwzC9feMpDUzs70kOczMzMzJJcxwCTMzncPMnOwtzBwzMzPb0vRfeZPp0VhPS5I39V5fdiXV1/VD+9QC7OVn9BsyH1XIoEI1PfmJvLFowVV564+34DFUHudbmfDh4kVXh//7XwE+WjS/YfXZe3yr4j2rqj1AIhSB7hZ8ZtPZu/zw8cK523U4wE1/rvPfWrz4zs0m9ZdC9yUJAlASdBAgocRegfF/f3/h/PuaFsxMdwjAR0vm1+06eMMfIrhLqTWqdH4EumU2SPfMhigJAlRQbZrgrRsl9U+Y2DYDFCz3ILC9kiAiqSrMwbWT0nceEnR+9Kggc2zjOJCASDENkg0a5HfZZgDP81CM3CrQs2Z1+o7DJ6ePr8sK0AOCHv5Jjdt3evyYSaZ351VIStIxPRAUtrBYbxC6w+BZ0ivVSBKkIhJhemSyZpfB00EiPO2VjzYkxhcqXQqCWCShGplvi3y0QxqbuBurMjyJeWnkHZuAEgIQGsUBqwrfjZ+IlBgKyRJzVVYF8O6qFWdh86YzQzMrZigYmxAyfvHgLZQ/LC1CbeniW2Hkqr/PH16SgvGuf2/uzNMBwJA/njxizGPtSyAf7EziJCMGRDRdhoAC4PL1A/SrKQMAAQkEfpJAcRQdrBJ7gNwjSpJsdwK+CANBkqa1LgQB4IicV9nYUct7gaxuDJUErQIiEAiMxLVOFlKzIktPpT0ggpdpC/8YAHnxbgkUY4tAAFSR7AAXNyAAWHJrA/kHGjzg5nleuwFO7Nd/IoDw4Pm58+4jNLmYG0wRA5bErc2Mr3Y+dXTDW1VvwqbJkzMCHQ4S1GTCBOIgUHJrGdEwqzR+jAp/o2qAZelUDoQnruEEdDclJI6576AlNVfc+22XN/+Y1vnJD0Yind6UpEEvn/Hqq15EYjCW7jZCJEpnNvDgkyelDjs106kuux2AAXCSobULOWP8mLhYlpoDMK4qAFXJGk+grtH8YXVz5KJblqaG1+VUdTc0I290bmUQAriGITRbdQnom0aoFj8kx1+wMD2ifncAXUQE4SkDqN1hE0jEophs1SUwZAOhUAiMCLwRtamtTZtbbmZErSAUHbSysaoEmnrsakiMiUAURi283gN6wans9oX8rOCrj7/JP35DFD+iQ7Au/K2KE1jzx6ujjUnXFH9KjEq6ZlhsTBICrNLJf47Pv/pkHzvup1w4dmUbEei0+bcXRqJuh5kVARQ8byyYxOwNGr7A87xh1tp8sGT+uMInrwi++Xj7TQz2d27NvwEkrOflAFQGIDA5khASBCGdO2/Z/MnLPwYfv5TFhjW7QhVKAB6afwe2LpFlFsCnlQEosgQgDsdOG1/LKeNqJS4JCSPJ/i+TakwEARor7gER1Iva5JmPOJK0RUqmoPnnlzFCtmIAhAAQEIQRgDaiYPIauNXcnDlRIrWNFY3hm7PG9YRqr7IV7HrCgAC17befjEvRq2nGhAHtBqDpOuI/I1diUUAMYIxEdyejBJqLnNoszGZtfiX/CztGv2mq+sdaAAAAAElFTkSuQmCC">
+  <link rel="icon" href='data:image/svg+xml;utf8,<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="m14 7 10-7 10 7v10h5v7h-5l5 24H9l5-24H9v-7h5V7Z" fill="%23F63"/><path d="M31.561 24H14l-1.689 8.105L31.561 24ZM18.983 48H9l1.022-4.907L35.723 32.27l1.663 7.98L18.983 48Z" fill="%23FFA385"/><path fill="%23FF3" d="M20.5 10h7v7h-7z"/></svg>'>
   <title>Lighthouse Report</title>
   <style>body {margin: 0}</style>
 </head>
diff --git a/report/assets/templates.html b/report/assets/templates.html
index cad67e8e8252..c86814afba89 100644
--- a/report/assets/templates.html
+++ b/report/assets/templates.html
@@ -366,34 +366,10 @@
 
   <div class="lh-topbar">
     <!-- Lighthouse logo.  -->
-    <svg class="lh-topbar__logo" viewBox="0 0 24 24">
-      <defs>
-        <linearGradient x1="57.456%" y1="13.086%" x2="18.259%" y2="72.322%" id="lh-topbar__logo--a">
-          <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-          <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="lh-topbar__logo--b">
-          <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-          <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="58.764%" y1="65.756%" x2="36.939%" y2="50.14%" id="lh-topbar__logo--c">
-          <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-          <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="41.635%" y1="20.358%" x2="72.863%" y2="85.424%" id="lh-topbar__logo--d">
-          <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
-          <stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-      </defs>
-      <g fill="none" fill-rule="evenodd">
-        <path d="M12 3l4.125 2.625v3.75H18v2.25h-1.688l1.5 9.375H6.188l1.5-9.375H6v-2.25h1.875V5.648L12 3zm2.201 9.938L9.54 14.633 9 18.028l5.625-2.062-.424-3.028zM12.005 5.67l-1.88 1.207v2.498h3.75V6.86l-1.87-1.19z" fill="#F44B21"/>
-        <path fill="#FFF" d="M14.201 12.938L9.54 14.633 9 18.028l5.625-2.062z"/>
-        <path d="M6 18c-2.042 0-3.95-.01-5.813 0l1.5-9.375h4.326L6 18z" fill="url(#lh-topbar__logo--a)" fill-rule="nonzero" transform="translate(6 3)"/>
-        <path fill="#FFF176" fill-rule="nonzero" d="M13.875 9.375v-2.56l-1.87-1.19-1.88 1.207v2.543z"/>
-        <path fill="url(#lh-topbar__logo--b)" fill-rule="nonzero" d="M0 6.375h6v2.25H0z" transform="translate(6 3)"/>
-        <path fill="url(#lh-topbar__logo--c)" fill-rule="nonzero" d="M6 6.375H1.875v-3.75L6 0z" transform="translate(6 3)"/>
-        <path fill="url(#lh-topbar__logo--d)" fill-rule="nonzero" d="M6 0l4.125 2.625v3.75H12v2.25h-1.688l1.5 9.375H.188l1.5-9.375H0v-2.25h1.875V2.648z" transform="translate(6 3)"/>
-      </g>
+    <svg role="img" class="lh-topbar__logo" title="Lighthouse logo" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+      <path d="m14 7 10-7 10 7v10h5v7h-5l5 24H9l5-24H9v-7h5V7Z" fill="#F63"/>
+      <path d="M31.561 24H14l-1.689 8.105L31.561 24ZM18.983 48H9l1.022-4.907L35.723 32.27l1.663 7.98L18.983 48Z" fill="#FFA385"/>
+      <path fill="#FF3" d="M20.5 10h7v7h-7z"/>
     </svg>
 
     <a href="" class="lh-topbar__url" target="_blank" rel="noopener"></a>
diff --git a/report/renderer/components.js b/report/renderer/components.js
index cd4b97f4df95..b82884cbe7d7 100644
--- a/report/renderer/components.js
+++ b/report/renderer/components.js
@@ -535,209 +535,126 @@ function createTopbarComponent(dom) {
   el0.append(el1);
   const el2 = dom.createElement("div", "lh-topbar");
   const el3 = dom.createElementNS("http://www.w3.org/2000/svg", "svg", "lh-topbar__logo");
-  el3.setAttribute('viewBox', '0 0 24 24');
-  const el4 = dom.createElementNS("http://www.w3.org/2000/svg", "defs");
-  const el5 = dom.createElementNS("http://www.w3.org/2000/svg", "linearGradient");
-  el5.setAttribute('x1', '57.456%');
-  el5.setAttribute('y1', '13.086%');
-  el5.setAttribute('x2', '18.259%');
-  el5.setAttribute('y2', '72.322%');
-  el5.setAttribute('id', 'lh-topbar__logo--a');
-  const el6 = dom.createElementNS("http://www.w3.org/2000/svg", "stop");
-  el6.setAttribute('stop-color', '#262626');
-  el6.setAttribute('stop-opacity', '.1');
-  el6.setAttribute('offset', '0%');
-  const el7 = dom.createElementNS("http://www.w3.org/2000/svg", "stop");
-  el7.setAttribute('stop-color', '#262626');
-  el7.setAttribute('stop-opacity', '0');
-  el7.setAttribute('offset', '100%');
-  el5.append(" ",el6," ",el7," ");
-  const el8 = dom.createElementNS("http://www.w3.org/2000/svg", "linearGradient");
-  el8.setAttribute('x1', '100%');
-  el8.setAttribute('y1', '50%');
-  el8.setAttribute('x2', '0%');
-  el8.setAttribute('y2', '50%');
-  el8.setAttribute('id', 'lh-topbar__logo--b');
-  const el9 = dom.createElementNS("http://www.w3.org/2000/svg", "stop");
-  el9.setAttribute('stop-color', '#262626');
-  el9.setAttribute('stop-opacity', '.1');
-  el9.setAttribute('offset', '0%');
-  const el10 = dom.createElementNS("http://www.w3.org/2000/svg", "stop");
-  el10.setAttribute('stop-color', '#262626');
-  el10.setAttribute('stop-opacity', '0');
-  el10.setAttribute('offset', '100%');
-  el8.append(" ",el9," ",el10," ");
-  const el11 = dom.createElementNS("http://www.w3.org/2000/svg", "linearGradient");
-  el11.setAttribute('x1', '58.764%');
-  el11.setAttribute('y1', '65.756%');
-  el11.setAttribute('x2', '36.939%');
-  el11.setAttribute('y2', '50.14%');
-  el11.setAttribute('id', 'lh-topbar__logo--c');
-  const el12 = dom.createElementNS("http://www.w3.org/2000/svg", "stop");
-  el12.setAttribute('stop-color', '#262626');
-  el12.setAttribute('stop-opacity', '.1');
-  el12.setAttribute('offset', '0%');
-  const el13 = dom.createElementNS("http://www.w3.org/2000/svg", "stop");
-  el13.setAttribute('stop-color', '#262626');
-  el13.setAttribute('stop-opacity', '0');
-  el13.setAttribute('offset', '100%');
-  el11.append(" ",el12," ",el13," ");
-  const el14 = dom.createElementNS("http://www.w3.org/2000/svg", "linearGradient");
-  el14.setAttribute('x1', '41.635%');
-  el14.setAttribute('y1', '20.358%');
-  el14.setAttribute('x2', '72.863%');
-  el14.setAttribute('y2', '85.424%');
-  el14.setAttribute('id', 'lh-topbar__logo--d');
-  const el15 = dom.createElementNS("http://www.w3.org/2000/svg", "stop");
-  el15.setAttribute('stop-color', '#FFF');
-  el15.setAttribute('stop-opacity', '.1');
-  el15.setAttribute('offset', '0%');
-  const el16 = dom.createElementNS("http://www.w3.org/2000/svg", "stop");
-  el16.setAttribute('stop-color', '#FFF');
-  el16.setAttribute('stop-opacity', '0');
-  el16.setAttribute('offset', '100%');
-  el14.append(" ",el15," ",el16," ");
-  el4.append(" ",el5," ",el8," ",el11," ",el14," ");
-  const el17 = dom.createElementNS("http://www.w3.org/2000/svg", "g");
+  el3.setAttribute('role', 'img');
+  el3.setAttribute('title', 'Lighthouse logo');
+  el3.setAttribute('fill', 'none');
+  el3.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
+  el3.setAttribute('viewBox', '0 0 48 48');
+  const el4 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
+  el4.setAttribute('d', 'm14 7 10-7 10 7v10h5v7h-5l5 24H9l5-24H9v-7h5V7Z');
+  el4.setAttribute('fill', '#F63');
+  const el5 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
+  el5.setAttribute('d', 'M31.561 24H14l-1.689 8.105L31.561 24ZM18.983 48H9l1.022-4.907L35.723 32.27l1.663 7.98L18.983 48Z');
+  el5.setAttribute('fill', '#FFA385');
+  const el6 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
+  el6.setAttribute('fill', '#FF3');
+  el6.setAttribute('d', 'M20.5 10h7v7h-7z');
+  el3.append(" ",el4," ",el5," ",el6," ");
+  const el7 = dom.createElement("a", "lh-topbar__url");
+  el7.setAttribute('href', '');
+  el7.setAttribute('target', '_blank');
+  el7.setAttribute('rel', 'noopener');
+  const el8 = dom.createElement("div", "lh-tools");
+  const el9 = dom.createElement("div", "lh-tools-locale lh-hidden");
+  const el10 = dom.createElement("button", "lh-button lh-tool-locale__button");
+  el10.setAttribute('id', 'lh-button__swap-locales');
+  el10.setAttribute('title', 'Show Language Picker');
+  el10.setAttribute('aria-label', 'Toggle language picker');
+  el10.setAttribute('aria-haspopup', 'menu');
+  el10.setAttribute('aria-expanded', 'false');
+  el10.setAttribute('aria-controls', 'lh-tools-locale__selector-wrapper');
+  const el11 = dom.createElementNS("http://www.w3.org/2000/svg", "svg");
+  el11.setAttribute('width', '20px');
+  el11.setAttribute('height', '20px');
+  el11.setAttribute('viewBox', '0 0 24 24');
+  el11.setAttribute('fill', 'currentColor');
+  const el12 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
+  el12.setAttribute('d', 'M0 0h24v24H0V0z');
+  el12.setAttribute('fill', 'none');
+  const el13 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
+  el13.setAttribute('d', 'M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z');
+  el11.append(el12,el13);
+  el10.append(" ",el11," ");
+  const el14 = dom.createElement("div", "lh-tools-locale__selector-wrapper");
+  el14.setAttribute('id', 'lh-tools-locale__selector-wrapper');
+  el14.setAttribute('role', 'menu');
+  el14.setAttribute('aria-labelledby', 'lh-button__swap-locales');
+  el14.setAttribute('aria-hidden', 'true');
+  el14.append(" "," ");
+  el9.append(" ",el10," ",el14," ");
+  const el15 = dom.createElement("button", "lh-tools__button");
+  el15.setAttribute('id', 'lh-tools-button');
+  el15.setAttribute('title', 'Tools menu');
+  el15.setAttribute('aria-label', 'Toggle report tools menu');
+  el15.setAttribute('aria-haspopup', 'menu');
+  el15.setAttribute('aria-expanded', 'false');
+  el15.setAttribute('aria-controls', 'lh-tools-dropdown');
+  const el16 = dom.createElementNS("http://www.w3.org/2000/svg", "svg");
+  el16.setAttribute('width', '100%');
+  el16.setAttribute('height', '100%');
+  el16.setAttribute('viewBox', '0 0 24 24');
+  const el17 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
+  el17.setAttribute('d', 'M0 0h24v24H0z');
   el17.setAttribute('fill', 'none');
-  el17.setAttribute('fill-rule', 'evenodd');
   const el18 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
-  el18.setAttribute('d', 'M12 3l4.125 2.625v3.75H18v2.25h-1.688l1.5 9.375H6.188l1.5-9.375H6v-2.25h1.875V5.648L12 3zm2.201 9.938L9.54 14.633 9 18.028l5.625-2.062-.424-3.028zM12.005 5.67l-1.88 1.207v2.498h3.75V6.86l-1.87-1.19z');
-  el18.setAttribute('fill', '#F44B21');
-  const el19 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
-  el19.setAttribute('fill', '#FFF');
-  el19.setAttribute('d', 'M14.201 12.938L9.54 14.633 9 18.028l5.625-2.062z');
-  const el20 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
-  el20.setAttribute('d', 'M6 18c-2.042 0-3.95-.01-5.813 0l1.5-9.375h4.326L6 18z');
-  el20.setAttribute('fill', 'url(#lh-topbar__logo--a)');
-  el20.setAttribute('fill-rule', 'nonzero');
-  el20.setAttribute('transform', 'translate(6 3)');
-  const el21 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
-  el21.setAttribute('fill', '#FFF176');
-  el21.setAttribute('fill-rule', 'nonzero');
-  el21.setAttribute('d', 'M13.875 9.375v-2.56l-1.87-1.19-1.88 1.207v2.543z');
-  const el22 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
-  el22.setAttribute('fill', 'url(#lh-topbar__logo--b)');
-  el22.setAttribute('fill-rule', 'nonzero');
-  el22.setAttribute('d', 'M0 6.375h6v2.25H0z');
-  el22.setAttribute('transform', 'translate(6 3)');
-  const el23 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
-  el23.setAttribute('fill', 'url(#lh-topbar__logo--c)');
-  el23.setAttribute('fill-rule', 'nonzero');
-  el23.setAttribute('d', 'M6 6.375H1.875v-3.75L6 0z');
-  el23.setAttribute('transform', 'translate(6 3)');
-  const el24 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
-  el24.setAttribute('fill', 'url(#lh-topbar__logo--d)');
-  el24.setAttribute('fill-rule', 'nonzero');
-  el24.setAttribute('d', 'M6 0l4.125 2.625v3.75H12v2.25h-1.688l1.5 9.375H.188l1.5-9.375H0v-2.25h1.875V2.648z');
-  el24.setAttribute('transform', 'translate(6 3)');
-  el17.append(" ",el18," ",el19," ",el20," ",el21," ",el22," ",el23," ",el24," ");
-  el3.append(" ",el4," ",el17," ");
-  const el25 = dom.createElement("a", "lh-topbar__url");
-  el25.setAttribute('href', '');
-  el25.setAttribute('target', '_blank');
-  el25.setAttribute('rel', 'noopener');
-  const el26 = dom.createElement("div", "lh-tools");
-  const el27 = dom.createElement("div", "lh-tools-locale lh-hidden");
-  const el28 = dom.createElement("button", "lh-button lh-tool-locale__button");
-  el28.setAttribute('id', 'lh-button__swap-locales');
-  el28.setAttribute('title', 'Show Language Picker');
-  el28.setAttribute('aria-label', 'Toggle language picker');
-  el28.setAttribute('aria-haspopup', 'menu');
-  el28.setAttribute('aria-expanded', 'false');
-  el28.setAttribute('aria-controls', 'lh-tools-locale__selector-wrapper');
-  const el29 = dom.createElementNS("http://www.w3.org/2000/svg", "svg");
-  el29.setAttribute('width', '20px');
-  el29.setAttribute('height', '20px');
-  el29.setAttribute('viewBox', '0 0 24 24');
-  el29.setAttribute('fill', 'currentColor');
-  const el30 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
-  el30.setAttribute('d', 'M0 0h24v24H0V0z');
-  el30.setAttribute('fill', 'none');
-  const el31 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
-  el31.setAttribute('d', 'M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z');
-  el29.append(el30,el31);
-  el28.append(" ",el29," ");
-  const el32 = dom.createElement("div", "lh-tools-locale__selector-wrapper");
-  el32.setAttribute('id', 'lh-tools-locale__selector-wrapper');
-  el32.setAttribute('role', 'menu');
-  el32.setAttribute('aria-labelledby', 'lh-button__swap-locales');
-  el32.setAttribute('aria-hidden', 'true');
-  el32.append(" "," ");
-  el27.append(" ",el28," ",el32," ");
-  const el33 = dom.createElement("button", "lh-tools__button");
-  el33.setAttribute('id', 'lh-tools-button');
-  el33.setAttribute('title', 'Tools menu');
-  el33.setAttribute('aria-label', 'Toggle report tools menu');
-  el33.setAttribute('aria-haspopup', 'menu');
-  el33.setAttribute('aria-expanded', 'false');
-  el33.setAttribute('aria-controls', 'lh-tools-dropdown');
-  const el34 = dom.createElementNS("http://www.w3.org/2000/svg", "svg");
-  el34.setAttribute('width', '100%');
-  el34.setAttribute('height', '100%');
-  el34.setAttribute('viewBox', '0 0 24 24');
-  const el35 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
-  el35.setAttribute('d', 'M0 0h24v24H0z');
-  el35.setAttribute('fill', 'none');
-  const el36 = dom.createElementNS("http://www.w3.org/2000/svg", "path");
-  el36.setAttribute('d', 'M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z');
-  el34.append(" ",el35," ",el36," ");
-  el33.append(" ",el34," ");
-  const el37 = dom.createElement("div", "lh-tools__dropdown");
-  el37.setAttribute('id', 'lh-tools-dropdown');
-  el37.setAttribute('role', 'menu');
-  el37.setAttribute('aria-labelledby', 'lh-tools-button');
-  const el38 = dom.createElement("a", "lh-report-icon lh-report-icon--print");
-  el38.setAttribute('role', 'menuitem');
-  el38.setAttribute('tabindex', '-1');
-  el38.setAttribute('href', '#');
-  el38.setAttribute('data-i18n', 'dropdownPrintSummary');
-  el38.setAttribute('data-action', 'print-summary');
-  const el39 = dom.createElement("a", "lh-report-icon lh-report-icon--print");
-  el39.setAttribute('role', 'menuitem');
-  el39.setAttribute('tabindex', '-1');
-  el39.setAttribute('href', '#');
-  el39.setAttribute('data-i18n', 'dropdownPrintExpanded');
-  el39.setAttribute('data-action', 'print-expanded');
-  const el40 = dom.createElement("a", "lh-report-icon lh-report-icon--copy");
-  el40.setAttribute('role', 'menuitem');
-  el40.setAttribute('tabindex', '-1');
-  el40.setAttribute('href', '#');
-  el40.setAttribute('data-i18n', 'dropdownCopyJSON');
-  el40.setAttribute('data-action', 'copy');
-  const el41 = dom.createElement("a", "lh-report-icon lh-report-icon--download lh-hidden");
-  el41.setAttribute('role', 'menuitem');
-  el41.setAttribute('tabindex', '-1');
-  el41.setAttribute('href', '#');
-  el41.setAttribute('data-i18n', 'dropdownSaveHTML');
-  el41.setAttribute('data-action', 'save-html');
-  const el42 = dom.createElement("a", "lh-report-icon lh-report-icon--download");
-  el42.setAttribute('role', 'menuitem');
-  el42.setAttribute('tabindex', '-1');
-  el42.setAttribute('href', '#');
-  el42.setAttribute('data-i18n', 'dropdownSaveJSON');
-  el42.setAttribute('data-action', 'save-json');
-  const el43 = dom.createElement("a", "lh-report-icon lh-report-icon--open");
-  el43.setAttribute('role', 'menuitem');
-  el43.setAttribute('tabindex', '-1');
-  el43.setAttribute('href', '#');
-  el43.setAttribute('data-i18n', 'dropdownViewer');
-  el43.setAttribute('data-action', 'open-viewer');
-  const el44 = dom.createElement("a", "lh-report-icon lh-report-icon--open");
-  el44.setAttribute('role', 'menuitem');
-  el44.setAttribute('tabindex', '-1');
-  el44.setAttribute('href', '#');
-  el44.setAttribute('data-i18n', 'dropdownSaveGist');
-  el44.setAttribute('data-action', 'save-gist');
-  const el45 = dom.createElement("a", "lh-report-icon lh-report-icon--dark");
-  el45.setAttribute('role', 'menuitem');
-  el45.setAttribute('tabindex', '-1');
-  el45.setAttribute('href', '#');
-  el45.setAttribute('data-i18n', 'dropdownDarkTheme');
-  el45.setAttribute('data-action', 'toggle-dark');
-  el37.append(" ",el38," ",el39," ",el40," "," ",el41," ",el42," ",el43," ",el44," ",el45," ");
-  el26.append(" ",el27," ",el33," ",el37," ");
-  el2.append(" "," ",el3," ",el25," ",el26," ");
+  el18.setAttribute('d', 'M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z');
+  el16.append(" ",el17," ",el18," ");
+  el15.append(" ",el16," ");
+  const el19 = dom.createElement("div", "lh-tools__dropdown");
+  el19.setAttribute('id', 'lh-tools-dropdown');
+  el19.setAttribute('role', 'menu');
+  el19.setAttribute('aria-labelledby', 'lh-tools-button');
+  const el20 = dom.createElement("a", "lh-report-icon lh-report-icon--print");
+  el20.setAttribute('role', 'menuitem');
+  el20.setAttribute('tabindex', '-1');
+  el20.setAttribute('href', '#');
+  el20.setAttribute('data-i18n', 'dropdownPrintSummary');
+  el20.setAttribute('data-action', 'print-summary');
+  const el21 = dom.createElement("a", "lh-report-icon lh-report-icon--print");
+  el21.setAttribute('role', 'menuitem');
+  el21.setAttribute('tabindex', '-1');
+  el21.setAttribute('href', '#');
+  el21.setAttribute('data-i18n', 'dropdownPrintExpanded');
+  el21.setAttribute('data-action', 'print-expanded');
+  const el22 = dom.createElement("a", "lh-report-icon lh-report-icon--copy");
+  el22.setAttribute('role', 'menuitem');
+  el22.setAttribute('tabindex', '-1');
+  el22.setAttribute('href', '#');
+  el22.setAttribute('data-i18n', 'dropdownCopyJSON');
+  el22.setAttribute('data-action', 'copy');
+  const el23 = dom.createElement("a", "lh-report-icon lh-report-icon--download lh-hidden");
+  el23.setAttribute('role', 'menuitem');
+  el23.setAttribute('tabindex', '-1');
+  el23.setAttribute('href', '#');
+  el23.setAttribute('data-i18n', 'dropdownSaveHTML');
+  el23.setAttribute('data-action', 'save-html');
+  const el24 = dom.createElement("a", "lh-report-icon lh-report-icon--download");
+  el24.setAttribute('role', 'menuitem');
+  el24.setAttribute('tabindex', '-1');
+  el24.setAttribute('href', '#');
+  el24.setAttribute('data-i18n', 'dropdownSaveJSON');
+  el24.setAttribute('data-action', 'save-json');
+  const el25 = dom.createElement("a", "lh-report-icon lh-report-icon--open");
+  el25.setAttribute('role', 'menuitem');
+  el25.setAttribute('tabindex', '-1');
+  el25.setAttribute('href', '#');
+  el25.setAttribute('data-i18n', 'dropdownViewer');
+  el25.setAttribute('data-action', 'open-viewer');
+  const el26 = dom.createElement("a", "lh-report-icon lh-report-icon--open");
+  el26.setAttribute('role', 'menuitem');
+  el26.setAttribute('tabindex', '-1');
+  el26.setAttribute('href', '#');
+  el26.setAttribute('data-i18n', 'dropdownSaveGist');
+  el26.setAttribute('data-action', 'save-gist');
+  const el27 = dom.createElement("a", "lh-report-icon lh-report-icon--dark");
+  el27.setAttribute('role', 'menuitem');
+  el27.setAttribute('tabindex', '-1');
+  el27.setAttribute('href', '#');
+  el27.setAttribute('data-i18n', 'dropdownDarkTheme');
+  el27.setAttribute('data-action', 'toggle-dark');
+  el19.append(" ",el20," ",el21," ",el22," "," ",el23," ",el24," ",el25," ",el26," ",el27," ");
+  el8.append(" ",el9," ",el15," ",el19," ");
+  el2.append(" "," ",el3," ",el7," ",el8," ");
   el0.append(el2);
   return el0;
 }
diff --git a/treemap/app/images/lighthouse-logo.svg b/treemap/app/images/lighthouse-logo.svg
index 6a2f3dd79c72..2146af05c24c 100755
--- a/treemap/app/images/lighthouse-logo.svg
+++ b/treemap/app/images/lighthouse-logo.svg
@@ -1,116 +1,13 @@
-<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs>
-        <path d="M24.556 7.222h-3.51C19.558 3.012 15.549 0 10.833 0 4.853 0 0 4.853 0 10.833s4.853 10.834 10.833 10.834h13.723a7.225 7.225 0 0 0 7.222-7.223 7.225 7.225 0 0 0-7.222-7.222z" id="a"/>
-        <linearGradient x1="49.994%" y1=".226%" x2="49.994%" y2="99.725%" id="c">
-            <stop stop-color="#212121" stop-opacity=".04" offset="0%"/>
-            <stop stop-color="#212121" stop-opacity="0" offset="66%"/>
-        </linearGradient>
-        <path d="M13.722 0H0v14.444h13.722a7.225 7.225 0 0 0 7.222-7.222A7.225 7.225 0 0 0 13.722 0z" id="d"/>
-        <radialGradient cx="10.128%" cy="14.269%" fx="10.128%" fy="14.269%" r="144.566%" gradientTransform="matrix(.68182 0 0 1 .032 0)" id="f">
-            <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
-        </radialGradient>
-        <linearGradient x1="36.626%" y1="20.358%" x2="64.01%" y2="100.652%" id="g">
-            <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="68.935%" y1="65.756%" x2="31.065%" y2="35.799%" id="h">
-            <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="62.531%" y1="13.086%" x2="24.779%" y2="100.996%" id="i">
-            <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="0%" y1="50%" y2="50%" id="j">
-            <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <radialGradient cx="14.489%" cy="14.584%" fx="14.489%" fy="14.584%" r="99.973%" id="k">
-            <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
-        </radialGradient>
-        <path d="M28.333 8.333h-4.05C22.567 3.475 17.942 0 12.5 0 5.6 0 0 5.6 0 12.5S5.6 25 12.5 25h15.833c4.6 0 8.334-3.733 8.334-8.333s-3.734-8.334-8.334-8.334z" id="l"/>
-        <linearGradient x1="49.994%" y1=".226%" x2="49.994%" y2="99.725%" id="n">
-            <stop stop-color="#212121" stop-opacity=".04" offset="0%"/>
-            <stop stop-color="#212121" stop-opacity="0" offset="66%"/>
-        </linearGradient>
-        <path d="M15.833 0H0v16.667h15.833c4.6 0 8.334-3.734 8.334-8.334S20.433 0 15.833 0z" id="o"/>
-        <radialGradient cx="10.128%" cy="14.269%" fx="10.128%" fy="14.269%" r="144.566%" gradientTransform="matrix(.68182 0 0 1 .032 0)" id="q">
-            <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
-        </radialGradient>
-    </defs>
-    <g fill="none" fill-rule="evenodd">
-        <path d="M0 0h128v128H0z"/>
-        <g transform="translate(5.333 5.333)">
-            <circle fill="#0535C1" fill-rule="nonzero" cx="58.667" cy="58.667" r="58.667"/>
-            <path d="M71.333 26.667H106v34.667H71.333z"/>
-            <g transform="translate(72.778 33.889)">
-                <mask id="b" fill="#fff">
-                    <use xlink:href="#a"/>
-                </mask>
-                <g mask="url(#b)">
-                    <path d="M24.556 7.222h-3.51C19.558 3.012 15.549 0 10.833 0 4.853 0 0 4.853 0 10.833s4.853 10.834 10.833 10.834h13.723a7.225 7.225 0 0 0 7.222-7.223 7.225 7.225 0 0 0-7.222-7.222z" fill="#EAEAEA" fill-rule="nonzero"/>
-                    <path d="M31.778 14.531v-.087a7.225 7.225 0 0 0-7.222-7.222h-3.612v.18h3.612a7.224 7.224 0 0 1 7.222 7.13z" fill-opacity=".2" fill="#FFF" fill-rule="nonzero"/>
-                    <path fill="url(#c)" fill-rule="nonzero" d="M35.497 21.667H10.833l10.22-14.445z"/>
-                    <g transform="translate(10.833 7.222)">
-                        <mask id="e" fill="#fff">
-                            <use xlink:href="#d"/>
-                        </mask>
-                        <g mask="url(#e)">
-                            <g transform="translate(-2.167 -9.389)">
-                                <image opacity=".1" width="15.167" height="23.111" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAgCAYAAAD9oDOIAAAABGdBTUEAALGN5fIAKQAAA7ZJREFUSA2dlttvEkEYxdnlWqhQoEWrlRq1xqQv+qLP9f82fdamvmhjVBJbSnrjUtoCheWy/s6ERagsBSc5+WZnvzl75sxtrcDfYg2rXvTeuMOKF7123+gR2Nvb26FOpxNrt9uheDxuq0ez2XSXlpa6VDuFQqFHHIB7yUVqQRhuNBpZy7LyrutmiBHaA7Zt93i+5vksEonUer1eA3J9ROS+JcgbK5VKJej8EpIdCD4Q3xHf0rbN+01icjAYhLvdbn9jY8Mpl8t9X0ZeiNReX1+PO46zBdEOz+/BK7AJngq0PyZmg8GgjVpnbW2tl06n+7VaTVb8Y4dRmsvlYpDmUfgGVVvEVZITQzwQIVBbkvcRIPJeLBZz8F2qJ4hFGmD4YUIaPENVnpgEIaAJU04MLAP5nQNpMED5FapbKJ7w2ChNJpPkWB6xhi1VmiwzkUSR6yNSn0HpCqNxQQXiy2q12qF9pNYordfrLh7ZTEaaxOckyMM4MEuLqKIPBPl4lCgMIL8ElVAo1Gi1WlpyhtiQ8mBlMhl1kH+anCdAdTMSolc85VIdIt8FN1KLDU3PBo9UvgZIULK8vWuBR6ooYptc2SPFXUgvwuFwrVKpGBtGpHNaAIcpxgpqEqENUsa602w2eyO1455pKG08LZN0QnIdaPeMJoD6eFFfrYg8/V7T5xF1KZ+YCJevSf45+DWME7NK23iR2jBkWn4P6ZtkwrSCrAmlh4eHUlYn4YSvl6m3gZ9SXmkarDCIKtJPH5pQqudFLQig1Cimb5QJM0pHEyVGlQVWgclHodan/C/2+/3SysrKzfjwleT+hwVaWtq6LxTxNXKX1BCTMO8qINXSaLX7UlgR51APTiVdYBXA4+qUakJeB63b29v+VNIFLND+b0J6DH5AekbsTCOlfa5VoKXWhagKcUHQlaO7zJfUs0DJdL4ADhgvOkMb4Ihd+BXyIy5NqZ7YpuMdzCrgZL+mUTvsCvLxLSvCFjgF38FPVFaHtrk6EPwKPK6DiiZRChzUyEMN+xaUeN4nfuJm+U2eVJsbYCYpyV04rkg+h+Caeoq6ZrsE9njeBV+Y8YtisTgaiZ+n9OFM4+YkyE/5egqxTnrN9B74iO97iUSixJUt5aN7SgvXt4ydsSkI10mUym/Ud0W4vLx8fHBwIEK1j8pMUrKs1dVVG3UxPNMxp4n5DPYhLE0jFPMsT/XejUajbf5MdFjo2giisMyQK36E6mTOP1VmFPPzxvsIHluQO/f9T81Dqu/dzZt1cAf+AMymEnybyIybAAAAAElFTkSuQmCC"/>
-                                <path d="M2.167 2.167l5.857 18.496C9.98 18.698 13 15.99 13 13 13 7.02 8.147 2.167 2.167 2.167z" fill="#E1E1E1" fill-rule="nonzero"/>
-                            </g>
-                        </g>
-                    </g>
-                    <circle fill="#EEE" fill-rule="nonzero" cx="10.833" cy="10.833" r="10.833"/>
-                    <path d="M10.833.18c5.951 0 10.783 4.803 10.834 10.747v-.086c0-5.98-4.854-10.834-10.834-10.834C4.853.007 0 4.853 0 10.833v.087C.05 4.983 4.882.18 10.833.18z" fill-opacity=".2" fill="#FFF" fill-rule="nonzero"/>
-                    <path d="M24.556 21.486H10.833C4.883 21.486.051 16.683 0 10.74v.087c0 5.98 4.853 10.833 10.833 10.833h13.723a7.225 7.225 0 0 0 7.222-7.222v-.086a7.226 7.226 0 0 1-7.222 7.135z" fill-opacity=".1" fill="#212121" fill-rule="nonzero"/>
-                </g>
-            </g>
-            <path d="M24.556 7.222h-3.51C19.558 3.012 15.549 0 10.833 0 4.853 0 0 4.853 0 10.833s4.853 10.834 10.833 10.834h13.723a7.225 7.225 0 0 0 7.222-7.223 7.225 7.225 0 0 0-7.222-7.222z" fill="url(#f)" fill-rule="nonzero" transform="translate(72.778 33.889)"/>
-            <path fill="#FFF176" fill-rule="nonzero" d="M42.667 24.667h30.667v26.667H42.667z"/>
-            <path fill="#FFF" fill-rule="nonzero" d="M39.333 65.333H76V102H39.333z"/>
-            <path d="M80 48.667h5.333v10.666H32V48.667h5.333V27.333L58.667 14 80 27.333v21.334zm-10.667 0V33.245L58.667 26.58 48 33.245v15.422h21.333z" fill="#F4481E" fill-rule="nonzero"/>
-            <path d="M29.631 109.656l9.036-60.99h40l9.035 60.99c-8.561 4.886-18.472 7.677-29.035 7.677-10.563 0-20.474-2.791-29.036-7.677zM70.61 67.067l-25.094 8.154-3.05 20.585L73.38 85.76l-2.77-18.694z" fill="#F4481E" fill-rule="nonzero"/>
-            <path d="M79.949 59.333l7.455 50.323c-8.561 4.886-18.472 7.677-29.035 7.677-10.563 0-20.474-2.791-29.036-7.677l7.456-50.323H32V48.667h5.333V27.333L58.667 14 80 27.333v21.334h5.333v10.666H79.95z" fill="url(#g)" fill-rule="nonzero"/>
-            <path fill="url(#h)" fill-rule="nonzero" d="M58.667 48.667H37.333V27.333L58.667 14z"/>
-            <path d="M58.667 117.333a58.62 58.62 0 0 1-29.036-7.677l6.685-50.323h22.35v58z" fill="url(#i)" fill-rule="nonzero"/>
-            <path fill="url(#j)" fill-rule="nonzero" transform="matrix(-1 0 0 1 90.667 0)" d="M32 48.667h26.667v10.667H32z"/>
-            <circle fill="url(#k)" fill-rule="nonzero" cx="58.667" cy="58.667" r="58.667"/>
-            <path d="M12.667 38h40v40h-40z"/>
-            <g transform="translate(14.333 46.333)">
-                <mask id="m" fill="#fff">
-                    <use xlink:href="#l"/>
-                </mask>
-                <g mask="url(#m)">
-                    <path d="M28.333 8.333h-4.05C22.567 3.475 17.942 0 12.5 0 5.6 0 0 5.6 0 12.5S5.6 25 12.5 25h15.833c4.6 0 8.334-3.733 8.334-8.333s-3.734-8.334-8.334-8.334z" fill="#FAFAFA" fill-rule="nonzero"/>
-                    <path d="M36.667 16.767v-.1c0-4.6-3.734-8.334-8.334-8.334h-4.166v.209h4.166a8.335 8.335 0 0 1 8.334 8.225z" fill-opacity=".2" fill="#FFF" fill-rule="nonzero"/>
-                    <path fill="url(#n)" fill-rule="nonzero" d="M40.958 25H12.5L24.292 8.333z"/>
-                    <g transform="translate(12.5 8.333)">
-                        <mask id="p" fill="#fff">
-                            <use xlink:href="#o"/>
-                        </mask>
-                        <g mask="url(#p)">
-                            <g transform="translate(-2.5 -10.833)">
-                                <image opacity=".1" width="17.5" height="26.667" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAgCAYAAAD9oDOIAAAABGdBTUEAALGN5fIAKQAAA7ZJREFUSA2dlttvEkEYxdnlWqhQoEWrlRq1xqQv+qLP9f82fdamvmhjVBJbSnrjUtoCheWy/s6ERagsBSc5+WZnvzl75sxtrcDfYg2rXvTeuMOKF7123+gR2Nvb26FOpxNrt9uheDxuq0ez2XSXlpa6VDuFQqFHHIB7yUVqQRhuNBpZy7LyrutmiBHaA7Zt93i+5vksEonUer1eA3J9ROS+JcgbK5VKJej8EpIdCD4Q3xHf0rbN+01icjAYhLvdbn9jY8Mpl8t9X0ZeiNReX1+PO46zBdEOz+/BK7AJngq0PyZmg8GgjVpnbW2tl06n+7VaTVb8Y4dRmsvlYpDmUfgGVVvEVZITQzwQIVBbkvcRIPJeLBZz8F2qJ4hFGmD4YUIaPENVnpgEIaAJU04MLAP5nQNpMED5FapbKJ7w2ChNJpPkWB6xhi1VmiwzkUSR6yNSn0HpCqNxQQXiy2q12qF9pNYordfrLh7ZTEaaxOckyMM4MEuLqKIPBPl4lCgMIL8ElVAo1Gi1WlpyhtiQ8mBlMhl1kH+anCdAdTMSolc85VIdIt8FN1KLDU3PBo9UvgZIULK8vWuBR6ooYptc2SPFXUgvwuFwrVKpGBtGpHNaAIcpxgpqEqENUsa602w2eyO1455pKG08LZN0QnIdaPeMJoD6eFFfrYg8/V7T5xF1KZ+YCJevSf45+DWME7NK23iR2jBkWn4P6ZtkwrSCrAmlh4eHUlYn4YSvl6m3gZ9SXmkarDCIKtJPH5pQqudFLQig1Cimb5QJM0pHEyVGlQVWgclHodan/C/2+/3SysrKzfjwleT+hwVaWtq6LxTxNXKX1BCTMO8qINXSaLX7UlgR51APTiVdYBXA4+qUakJeB63b29v+VNIFLND+b0J6DH5AekbsTCOlfa5VoKXWhagKcUHQlaO7zJfUs0DJdL4ADhgvOkMb4Ihd+BXyIy5NqZ7YpuMdzCrgZL+mUTvsCvLxLSvCFjgF38FPVFaHtrk6EPwKPK6DiiZRChzUyEMN+xaUeN4nfuJm+U2eVJsbYCYpyV04rkg+h+Caeoq6ZrsE9njeBV+Y8YtisTgaiZ+n9OFM4+YkyE/5egqxTnrN9B74iO97iUSixJUt5aN7SgvXt4ydsSkI10mUym/Ud0W4vLx8fHBwIEK1j8pMUrKs1dVVG3UxPNMxp4n5DPYhLE0jFPMsT/XejUajbf5MdFjo2giisMyQK36E6mTOP1VmFPPzxvsIHluQO/f9T81Dqu/dzZt1cAf+AMymEnybyIybAAAAAElFTkSuQmCC"/>
-                                <path d="M2.5 2.5l6.758 21.342C11.517 21.575 15 18.45 15 15 15 8.1 9.4 2.5 2.5 2.5z" fill="#E1E1E1" fill-rule="nonzero"/>
-                            </g>
-                        </g>
-                    </g>
-                    <circle fill="#FFF" fill-rule="nonzero" cx="12.5" cy="12.5" r="12.5"/>
-                    <path d="M12.5.208c6.867 0 12.442 5.542 12.5 12.4v-.1c0-6.9-5.6-12.5-12.5-12.5S0 5.6 0 12.5v.1C.058 5.75 5.633.208 12.5.208z" fill-opacity=".2" fill="#FFF" fill-rule="nonzero"/>
-                    <path d="M28.333 24.792H12.5c-6.867 0-12.442-5.542-12.5-12.4v.1c0 6.9 5.6 12.5 12.5 12.5h15.833c4.6 0 8.334-3.734 8.334-8.334v-.1c-.059 4.559-3.767 8.234-8.334 8.234z" fill-opacity=".1" fill="#212121" fill-rule="nonzero"/>
-                </g>
-            </g>
-            <path d="M28.333 8.333h-4.05C22.567 3.475 17.942 0 12.5 0 5.6 0 0 5.6 0 12.5S5.6 25 12.5 25h15.833c4.6 0 8.334-3.733 8.334-8.333s-3.734-8.334-8.334-8.334z" fill="url(#q)" fill-rule="nonzero" transform="translate(14.333 46.333)"/>
-            <g fill-rule="nonzero" opacity=".1">
-                <path d="M58.667.613c32.3 0 58.493 26.1 58.66 58.36 0-.1.006-.2.006-.306C117.333 26.267 91.067 0 58.667 0S0 26.267 0 58.667c0 .1.007.2.007.306.166-32.26 26.36-58.36 58.66-58.36z" fill="#FFF"/>
-                <path d="M117.327 58.36c-.167 32.26-26.36 58.36-58.66 58.36S.173 90.62.007 58.36c0 .107-.007.207-.007.307 0 32.4 26.267 58.666 58.667 58.666 32.4 0 58.666-26.266 58.666-58.666 0-.1-.006-.2-.006-.307z" fill="#263238"/>
-            </g>
-            <circle fill="url(#k)" fill-rule="nonzero" cx="58.667" cy="58.667" r="58.667"/>
-        </g>
-    </g>
+<svg width="128" height="128" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="4" width="120" height="120">
+    <path d="M64 124c33.137 0 60-26.863 60-60S97.137 4 64 4 4 30.863 4 64s26.863 60 60 60Z" fill="#0535C1"/>
+  </mask>
+  <g mask="url(#a)">
+    <path d="M64 124c33.137 0 60-26.863 60-60S97.137 4 64 4 4 30.863 4 64s26.863 60 60 60Z" fill="#06F"/>
+    <path d="M94 60.25c-5.523 0-10-4.477-10-10s4.477-10 10-10c5.207 0 9.484 3.98 9.957 9.063.048.516.463.937.981.937H109a5 5 0 0 1 0 10H94Z" fill="#5DBCEB"/>
+    <path d="M63.503 14.31 44.441 26.225a.938.938 0 0 0-.441.795v19.793c0 .517-.42.937-.938.937h-8.124a.937.937 0 0 0-.938.938v10.624c0 .518.42.938.938.938h7.989c.568 0 1.005.5.929 1.063l-9.712 71.624a.937.937 0 0 0 .93 1.063h57.853a.937.937 0 0 0 .929-1.063l-9.712-71.624a.937.937 0 0 1 .93-1.063h7.989c.517 0 .937-.42.937-.938V48.688a.937.937 0 0 0-.938-.938h-8.124a.938.938 0 0 1-.938-.938V27.02a.938.938 0 0 0-.44-.795L64.496 14.31a.938.938 0 0 0-.994 0Z" fill="#F63"/>
+    <path d="m36.315 116.926 2.643-19.489 46.904-23.452 2.307 17.014-51.854 25.927ZM82.168 134H45.832l45.11-22.555 2.307 17.015L82.168 134ZM69.668 60.25 42.133 74.017 44 60.25h25.668Z" fill="#FFA385"/>
+    <path d="M56.5 34c0-.69.56-1.25 1.25-1.25h12.5c.69 0 1.25.56 1.25 1.25v12.5c0 .69-.56 1.25-1.25 1.25h-12.5c-.69 0-1.25-.56-1.25-1.25V34Z" fill="#FF3"/>
+    <path d="M24 74c-5.523 0-10-4.477-10-10s4.477-10 10-10a9.997 9.997 0 0 1 8.726 5.112c.374.666 1.047 1.138 1.81 1.138H44A6.875 6.875 0 1 1 44 74H24Z" fill="#fff"/>
+  </g>
 </svg>
diff --git a/treemap/app/index.html b/treemap/app/index.html
index 1a956e1c2a14..d8a8a52c20c7 100644
--- a/treemap/app/index.html
+++ b/treemap/app/index.html
@@ -11,8 +11,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
   <title>Lighthouse Treemap</title>
-  <link rel="icon"
-    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEhklEQVR4AWJxL/BhIAesev1U5tcflpncgNrKIsqNIwzC9feMpDUzs70kOczMzMzJJcxwCTMzncPMnOwtzBwzMzPb0vRfeZPp0VhPS5I39V5fdiXV1/VD+9QC7OVn9BsyH1XIoEI1PfmJvLFowVV564+34DFUHudbmfDh4kVXh//7XwE+WjS/YfXZe3yr4j2rqj1AIhSB7hZ8ZtPZu/zw8cK523U4wE1/rvPfWrz4zs0m9ZdC9yUJAlASdBAgocRegfF/f3/h/PuaFsxMdwjAR0vm1+06eMMfIrhLqTWqdH4EumU2SPfMhigJAlRQbZrgrRsl9U+Y2DYDFCz3ILC9kiAiqSrMwbWT0nceEnR+9Kggc2zjOJCASDENkg0a5HfZZgDP81CM3CrQs2Z1+o7DJ6ePr8sK0AOCHv5Jjdt3evyYSaZ351VIStIxPRAUtrBYbxC6w+BZ0ivVSBKkIhJhemSyZpfB00EiPO2VjzYkxhcqXQqCWCShGplvi3y0QxqbuBurMjyJeWnkHZuAEgIQGsUBqwrfjZ+IlBgKyRJzVVYF8O6qFWdh86YzQzMrZigYmxAyfvHgLZQ/LC1CbeniW2Hkqr/PH16SgvGuf2/uzNMBwJA/njxizGPtSyAf7EziJCMGRDRdhoAC4PL1A/SrKQMAAQkEfpJAcRQdrBJ7gNwjSpJsdwK+CANBkqa1LgQB4IicV9nYUct7gaxuDJUErQIiEAiMxLVOFlKzIktPpT0ggpdpC/8YAHnxbgkUY4tAAFSR7AAXNyAAWHJrA/kHGjzg5nleuwFO7Nd/IoDw4Pm58+4jNLmYG0wRA5bErc2Mr3Y+dXTDW1VvwqbJkzMCHQ4S1GTCBOIgUHJrGdEwqzR+jAp/o2qAZelUDoQnruEEdDclJI6576AlNVfc+22XN/+Y1vnJD0Yind6UpEEvn/Hqq15EYjCW7jZCJEpnNvDgkyelDjs106kuux2AAXCSobULOWP8mLhYlpoDMK4qAFXJGk+grtH8YXVz5KJblqaG1+VUdTc0I290bmUQAriGITRbdQnom0aoFj8kx1+wMD2ifncAXUQE4SkDqN1hE0jEophs1SUwZAOhUAiMCLwRtamtTZtbbmZErSAUHbSysaoEmnrsakiMiUAURi283gN6wans9oX8rOCrj7/JP35DFD+iQ7Au/K2KE1jzx6ujjUnXFH9KjEq6ZlhsTBICrNLJf47Pv/pkHzvup1w4dmUbEei0+bcXRqJuh5kVARQ8byyYxOwNGr7A87xh1tp8sGT+uMInrwi++Xj7TQz2d27NvwEkrOflAFQGIDA5khASBCGdO2/Z/MnLPwYfv5TFhjW7QhVKAB6afwe2LpFlFsCnlQEosgQgDsdOG1/LKeNqJS4JCSPJ/i+TakwEARor7gER1Iva5JmPOJK0RUqmoPnnlzFCtmIAhAAQEIQRgDaiYPIauNXcnDlRIrWNFY3hm7PG9YRqr7IV7HrCgAC17befjEvRq2nGhAHtBqDpOuI/I1diUUAMYIxEdyejBJqLnNoszGZtfiX/CztGv2mq+sdaAAAAAElFTkSuQmCC">
+  <link rel="icon" href='data:image/svg+xml;utf8,<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="m14 7 10-7 10 7v10h5v7h-5l5 24H9l5-24H9v-7h5V7Z" fill="%23F63"/><path d="M31.561 24H14l-1.689 8.105L31.561 24ZM18.983 48H9l1.022-4.907L35.723 32.27l1.663 7.98L18.983 48Z" fill="%23FFA385"/><path fill="%23FF3" d="M20.5 10h7v7h-7z"/></svg>'>
   <meta name="theme-color" content="#304ffe">
   <link rel="stylesheet" href="styles/bundled.css">
   <link rel="canonical" href="https://googlechrome.github.io/lighthouse/treemap/">
@@ -47,34 +46,10 @@ <h1 class="treemap-placeholder__heading">Lighthouse Treemap</h1>
         <div class="lh-header--section">
           <span class="lh-logotitle">
             <!-- Lighthouse logo. Stolen from templates.html -->
-            <svg class="lh-topbar__logo" viewBox="0 0 24 24">
-              <defs>
-                <linearGradient x1="57.456%" y1="13.086%" x2="18.259%" y2="72.322%" id="lh-topbar__logo--a">
-                  <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-                  <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-                </linearGradient>
-                <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="lh-topbar__logo--b">
-                  <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-                  <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-                </linearGradient>
-                <linearGradient x1="58.764%" y1="65.756%" x2="36.939%" y2="50.14%" id="lh-topbar__logo--c">
-                  <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-                  <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-                </linearGradient>
-                <linearGradient x1="41.635%" y1="20.358%" x2="72.863%" y2="85.424%" id="lh-topbar__logo--d">
-                  <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
-                  <stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
-                </linearGradient>
-              </defs>
-              <g fill="none" fill-rule="evenodd">
-                <path d="M12 3l4.125 2.625v3.75H18v2.25h-1.688l1.5 9.375H6.188l1.5-9.375H6v-2.25h1.875V5.648L12 3zm2.201 9.938L9.54 14.633 9 18.028l5.625-2.062-.424-3.028zM12.005 5.67l-1.88 1.207v2.498h3.75V6.86l-1.87-1.19z" fill="#F44B21"/>
-                <path fill="#FFF" d="M14.201 12.938L9.54 14.633 9 18.028l5.625-2.062z"/>
-                <path d="M6 18c-2.042 0-3.95-.01-5.813 0l1.5-9.375h4.326L6 18z" fill="url(#lh-topbar__logo--a)" fill-rule="nonzero" transform="translate(6 3)"/>
-                <path fill="#FFF176" fill-rule="nonzero" d="M13.875 9.375v-2.56l-1.87-1.19-1.88 1.207v2.543z"/>
-                <path fill="url(#lh-topbar__logo--b)" fill-rule="nonzero" d="M0 6.375h6v2.25H0z" transform="translate(6 3)"/>
-                <path fill="url(#lh-topbar__logo--c)" fill-rule="nonzero" d="M6 6.375H1.875v-3.75L6 0z" transform="translate(6 3)"/>
-                <path fill="url(#lh-topbar__logo--d)" fill-rule="nonzero" d="M6 0l4.125 2.625v3.75H12v2.25h-1.688l1.5 9.375H.188l1.5-9.375H0v-2.25h1.875V2.648z" transform="translate(6 3)"/>
-              </g>
+            <svg role="img" class="lh-topbar__logo" title="Lighthouse logo" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+              <path d="m14 7 10-7 10 7v10h5v7h-5l5 24H9l5-24H9v-7h5V7Z" fill="#F63"/>
+              <path d="M31.561 24H14l-1.689 8.105L31.561 24ZM18.983 48H9l1.022-4.907L35.723 32.27l1.663 7.98L18.983 48Z" fill="#FFA385"/>
+              <path fill="#FF3" d="M20.5 10h7v7h-7z"/>
             </svg>
 
             <span class="lh-header--title lh-text-dim">Lighthouse Treemap</span>
diff --git a/viewer/app/images/lh_favicon_32px.png b/viewer/app/images/lh_favicon_32px.png
index 80f5d9f42bea..fc41d8a4246e 100755
Binary files a/viewer/app/images/lh_favicon_32px.png and b/viewer/app/images/lh_favicon_32px.png differ
diff --git a/viewer/app/images/lh_favicon_76px.png b/viewer/app/images/lh_favicon_76px.png
index 000662f6ee18..93a2fae7c4db 100755
Binary files a/viewer/app/images/lh_favicon_76px.png and b/viewer/app/images/lh_favicon_76px.png differ
diff --git a/viewer/app/images/lighthouse-logo.svg b/viewer/app/images/lighthouse-logo.svg
index 6a2f3dd79c72..2146af05c24c 100755
--- a/viewer/app/images/lighthouse-logo.svg
+++ b/viewer/app/images/lighthouse-logo.svg
@@ -1,116 +1,13 @@
-<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs>
-        <path d="M24.556 7.222h-3.51C19.558 3.012 15.549 0 10.833 0 4.853 0 0 4.853 0 10.833s4.853 10.834 10.833 10.834h13.723a7.225 7.225 0 0 0 7.222-7.223 7.225 7.225 0 0 0-7.222-7.222z" id="a"/>
-        <linearGradient x1="49.994%" y1=".226%" x2="49.994%" y2="99.725%" id="c">
-            <stop stop-color="#212121" stop-opacity=".04" offset="0%"/>
-            <stop stop-color="#212121" stop-opacity="0" offset="66%"/>
-        </linearGradient>
-        <path d="M13.722 0H0v14.444h13.722a7.225 7.225 0 0 0 7.222-7.222A7.225 7.225 0 0 0 13.722 0z" id="d"/>
-        <radialGradient cx="10.128%" cy="14.269%" fx="10.128%" fy="14.269%" r="144.566%" gradientTransform="matrix(.68182 0 0 1 .032 0)" id="f">
-            <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
-        </radialGradient>
-        <linearGradient x1="36.626%" y1="20.358%" x2="64.01%" y2="100.652%" id="g">
-            <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="68.935%" y1="65.756%" x2="31.065%" y2="35.799%" id="h">
-            <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="62.531%" y1="13.086%" x2="24.779%" y2="100.996%" id="i">
-            <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <linearGradient x1="0%" y1="50%" y2="50%" id="j">
-            <stop stop-color="#262626" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#262626" stop-opacity="0" offset="100%"/>
-        </linearGradient>
-        <radialGradient cx="14.489%" cy="14.584%" fx="14.489%" fy="14.584%" r="99.973%" id="k">
-            <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
-        </radialGradient>
-        <path d="M28.333 8.333h-4.05C22.567 3.475 17.942 0 12.5 0 5.6 0 0 5.6 0 12.5S5.6 25 12.5 25h15.833c4.6 0 8.334-3.733 8.334-8.333s-3.734-8.334-8.334-8.334z" id="l"/>
-        <linearGradient x1="49.994%" y1=".226%" x2="49.994%" y2="99.725%" id="n">
-            <stop stop-color="#212121" stop-opacity=".04" offset="0%"/>
-            <stop stop-color="#212121" stop-opacity="0" offset="66%"/>
-        </linearGradient>
-        <path d="M15.833 0H0v16.667h15.833c4.6 0 8.334-3.734 8.334-8.334S20.433 0 15.833 0z" id="o"/>
-        <radialGradient cx="10.128%" cy="14.269%" fx="10.128%" fy="14.269%" r="144.566%" gradientTransform="matrix(.68182 0 0 1 .032 0)" id="q">
-            <stop stop-color="#FFF" stop-opacity=".1" offset="0%"/>
-            <stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
-        </radialGradient>
-    </defs>
-    <g fill="none" fill-rule="evenodd">
-        <path d="M0 0h128v128H0z"/>
-        <g transform="translate(5.333 5.333)">
-            <circle fill="#0535C1" fill-rule="nonzero" cx="58.667" cy="58.667" r="58.667"/>
-            <path d="M71.333 26.667H106v34.667H71.333z"/>
-            <g transform="translate(72.778 33.889)">
-                <mask id="b" fill="#fff">
-                    <use xlink:href="#a"/>
-                </mask>
-                <g mask="url(#b)">
-                    <path d="M24.556 7.222h-3.51C19.558 3.012 15.549 0 10.833 0 4.853 0 0 4.853 0 10.833s4.853 10.834 10.833 10.834h13.723a7.225 7.225 0 0 0 7.222-7.223 7.225 7.225 0 0 0-7.222-7.222z" fill="#EAEAEA" fill-rule="nonzero"/>
-                    <path d="M31.778 14.531v-.087a7.225 7.225 0 0 0-7.222-7.222h-3.612v.18h3.612a7.224 7.224 0 0 1 7.222 7.13z" fill-opacity=".2" fill="#FFF" fill-rule="nonzero"/>
-                    <path fill="url(#c)" fill-rule="nonzero" d="M35.497 21.667H10.833l10.22-14.445z"/>
-                    <g transform="translate(10.833 7.222)">
-                        <mask id="e" fill="#fff">
-                            <use xlink:href="#d"/>
-                        </mask>
-                        <g mask="url(#e)">
-                            <g transform="translate(-2.167 -9.389)">
-                                <image opacity=".1" width="15.167" height="23.111" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAgCAYAAAD9oDOIAAAABGdBTUEAALGN5fIAKQAAA7ZJREFUSA2dlttvEkEYxdnlWqhQoEWrlRq1xqQv+qLP9f82fdamvmhjVBJbSnrjUtoCheWy/s6ERagsBSc5+WZnvzl75sxtrcDfYg2rXvTeuMOKF7123+gR2Nvb26FOpxNrt9uheDxuq0ez2XSXlpa6VDuFQqFHHIB7yUVqQRhuNBpZy7LyrutmiBHaA7Zt93i+5vksEonUer1eA3J9ROS+JcgbK5VKJej8EpIdCD4Q3xHf0rbN+01icjAYhLvdbn9jY8Mpl8t9X0ZeiNReX1+PO46zBdEOz+/BK7AJngq0PyZmg8GgjVpnbW2tl06n+7VaTVb8Y4dRmsvlYpDmUfgGVVvEVZITQzwQIVBbkvcRIPJeLBZz8F2qJ4hFGmD4YUIaPENVnpgEIaAJU04MLAP5nQNpMED5FapbKJ7w2ChNJpPkWB6xhi1VmiwzkUSR6yNSn0HpCqNxQQXiy2q12qF9pNYordfrLh7ZTEaaxOckyMM4MEuLqKIPBPl4lCgMIL8ElVAo1Gi1WlpyhtiQ8mBlMhl1kH+anCdAdTMSolc85VIdIt8FN1KLDU3PBo9UvgZIULK8vWuBR6ooYptc2SPFXUgvwuFwrVKpGBtGpHNaAIcpxgpqEqENUsa602w2eyO1455pKG08LZN0QnIdaPeMJoD6eFFfrYg8/V7T5xF1KZ+YCJevSf45+DWME7NK23iR2jBkWn4P6ZtkwrSCrAmlh4eHUlYn4YSvl6m3gZ9SXmkarDCIKtJPH5pQqudFLQig1Cimb5QJM0pHEyVGlQVWgclHodan/C/2+/3SysrKzfjwleT+hwVaWtq6LxTxNXKX1BCTMO8qINXSaLX7UlgR51APTiVdYBXA4+qUakJeB63b29v+VNIFLND+b0J6DH5AekbsTCOlfa5VoKXWhagKcUHQlaO7zJfUs0DJdL4ADhgvOkMb4Ihd+BXyIy5NqZ7YpuMdzCrgZL+mUTvsCvLxLSvCFjgF38FPVFaHtrk6EPwKPK6DiiZRChzUyEMN+xaUeN4nfuJm+U2eVJsbYCYpyV04rkg+h+Caeoq6ZrsE9njeBV+Y8YtisTgaiZ+n9OFM4+YkyE/5egqxTnrN9B74iO97iUSixJUt5aN7SgvXt4ydsSkI10mUym/Ud0W4vLx8fHBwIEK1j8pMUrKs1dVVG3UxPNMxp4n5DPYhLE0jFPMsT/XejUajbf5MdFjo2giisMyQK36E6mTOP1VmFPPzxvsIHluQO/f9T81Dqu/dzZt1cAf+AMymEnybyIybAAAAAElFTkSuQmCC"/>
-                                <path d="M2.167 2.167l5.857 18.496C9.98 18.698 13 15.99 13 13 13 7.02 8.147 2.167 2.167 2.167z" fill="#E1E1E1" fill-rule="nonzero"/>
-                            </g>
-                        </g>
-                    </g>
-                    <circle fill="#EEE" fill-rule="nonzero" cx="10.833" cy="10.833" r="10.833"/>
-                    <path d="M10.833.18c5.951 0 10.783 4.803 10.834 10.747v-.086c0-5.98-4.854-10.834-10.834-10.834C4.853.007 0 4.853 0 10.833v.087C.05 4.983 4.882.18 10.833.18z" fill-opacity=".2" fill="#FFF" fill-rule="nonzero"/>
-                    <path d="M24.556 21.486H10.833C4.883 21.486.051 16.683 0 10.74v.087c0 5.98 4.853 10.833 10.833 10.833h13.723a7.225 7.225 0 0 0 7.222-7.222v-.086a7.226 7.226 0 0 1-7.222 7.135z" fill-opacity=".1" fill="#212121" fill-rule="nonzero"/>
-                </g>
-            </g>
-            <path d="M24.556 7.222h-3.51C19.558 3.012 15.549 0 10.833 0 4.853 0 0 4.853 0 10.833s4.853 10.834 10.833 10.834h13.723a7.225 7.225 0 0 0 7.222-7.223 7.225 7.225 0 0 0-7.222-7.222z" fill="url(#f)" fill-rule="nonzero" transform="translate(72.778 33.889)"/>
-            <path fill="#FFF176" fill-rule="nonzero" d="M42.667 24.667h30.667v26.667H42.667z"/>
-            <path fill="#FFF" fill-rule="nonzero" d="M39.333 65.333H76V102H39.333z"/>
-            <path d="M80 48.667h5.333v10.666H32V48.667h5.333V27.333L58.667 14 80 27.333v21.334zm-10.667 0V33.245L58.667 26.58 48 33.245v15.422h21.333z" fill="#F4481E" fill-rule="nonzero"/>
-            <path d="M29.631 109.656l9.036-60.99h40l9.035 60.99c-8.561 4.886-18.472 7.677-29.035 7.677-10.563 0-20.474-2.791-29.036-7.677zM70.61 67.067l-25.094 8.154-3.05 20.585L73.38 85.76l-2.77-18.694z" fill="#F4481E" fill-rule="nonzero"/>
-            <path d="M79.949 59.333l7.455 50.323c-8.561 4.886-18.472 7.677-29.035 7.677-10.563 0-20.474-2.791-29.036-7.677l7.456-50.323H32V48.667h5.333V27.333L58.667 14 80 27.333v21.334h5.333v10.666H79.95z" fill="url(#g)" fill-rule="nonzero"/>
-            <path fill="url(#h)" fill-rule="nonzero" d="M58.667 48.667H37.333V27.333L58.667 14z"/>
-            <path d="M58.667 117.333a58.62 58.62 0 0 1-29.036-7.677l6.685-50.323h22.35v58z" fill="url(#i)" fill-rule="nonzero"/>
-            <path fill="url(#j)" fill-rule="nonzero" transform="matrix(-1 0 0 1 90.667 0)" d="M32 48.667h26.667v10.667H32z"/>
-            <circle fill="url(#k)" fill-rule="nonzero" cx="58.667" cy="58.667" r="58.667"/>
-            <path d="M12.667 38h40v40h-40z"/>
-            <g transform="translate(14.333 46.333)">
-                <mask id="m" fill="#fff">
-                    <use xlink:href="#l"/>
-                </mask>
-                <g mask="url(#m)">
-                    <path d="M28.333 8.333h-4.05C22.567 3.475 17.942 0 12.5 0 5.6 0 0 5.6 0 12.5S5.6 25 12.5 25h15.833c4.6 0 8.334-3.733 8.334-8.333s-3.734-8.334-8.334-8.334z" fill="#FAFAFA" fill-rule="nonzero"/>
-                    <path d="M36.667 16.767v-.1c0-4.6-3.734-8.334-8.334-8.334h-4.166v.209h4.166a8.335 8.335 0 0 1 8.334 8.225z" fill-opacity=".2" fill="#FFF" fill-rule="nonzero"/>
-                    <path fill="url(#n)" fill-rule="nonzero" d="M40.958 25H12.5L24.292 8.333z"/>
-                    <g transform="translate(12.5 8.333)">
-                        <mask id="p" fill="#fff">
-                            <use xlink:href="#o"/>
-                        </mask>
-                        <g mask="url(#p)">
-                            <g transform="translate(-2.5 -10.833)">
-                                <image opacity=".1" width="17.5" height="26.667" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAgCAYAAAD9oDOIAAAABGdBTUEAALGN5fIAKQAAA7ZJREFUSA2dlttvEkEYxdnlWqhQoEWrlRq1xqQv+qLP9f82fdamvmhjVBJbSnrjUtoCheWy/s6ERagsBSc5+WZnvzl75sxtrcDfYg2rXvTeuMOKF7123+gR2Nvb26FOpxNrt9uheDxuq0ez2XSXlpa6VDuFQqFHHIB7yUVqQRhuNBpZy7LyrutmiBHaA7Zt93i+5vksEonUer1eA3J9ROS+JcgbK5VKJej8EpIdCD4Q3xHf0rbN+01icjAYhLvdbn9jY8Mpl8t9X0ZeiNReX1+PO46zBdEOz+/BK7AJngq0PyZmg8GgjVpnbW2tl06n+7VaTVb8Y4dRmsvlYpDmUfgGVVvEVZITQzwQIVBbkvcRIPJeLBZz8F2qJ4hFGmD4YUIaPENVnpgEIaAJU04MLAP5nQNpMED5FapbKJ7w2ChNJpPkWB6xhi1VmiwzkUSR6yNSn0HpCqNxQQXiy2q12qF9pNYordfrLh7ZTEaaxOckyMM4MEuLqKIPBPl4lCgMIL8ElVAo1Gi1WlpyhtiQ8mBlMhl1kH+anCdAdTMSolc85VIdIt8FN1KLDU3PBo9UvgZIULK8vWuBR6ooYptc2SPFXUgvwuFwrVKpGBtGpHNaAIcpxgpqEqENUsa602w2eyO1455pKG08LZN0QnIdaPeMJoD6eFFfrYg8/V7T5xF1KZ+YCJevSf45+DWME7NK23iR2jBkWn4P6ZtkwrSCrAmlh4eHUlYn4YSvl6m3gZ9SXmkarDCIKtJPH5pQqudFLQig1Cimb5QJM0pHEyVGlQVWgclHodan/C/2+/3SysrKzfjwleT+hwVaWtq6LxTxNXKX1BCTMO8qINXSaLX7UlgR51APTiVdYBXA4+qUakJeB63b29v+VNIFLND+b0J6DH5AekbsTCOlfa5VoKXWhagKcUHQlaO7zJfUs0DJdL4ADhgvOkMb4Ihd+BXyIy5NqZ7YpuMdzCrgZL+mUTvsCvLxLSvCFjgF38FPVFaHtrk6EPwKPK6DiiZRChzUyEMN+xaUeN4nfuJm+U2eVJsbYCYpyV04rkg+h+Caeoq6ZrsE9njeBV+Y8YtisTgaiZ+n9OFM4+YkyE/5egqxTnrN9B74iO97iUSixJUt5aN7SgvXt4ydsSkI10mUym/Ud0W4vLx8fHBwIEK1j8pMUrKs1dVVG3UxPNMxp4n5DPYhLE0jFPMsT/XejUajbf5MdFjo2giisMyQK36E6mTOP1VmFPPzxvsIHluQO/f9T81Dqu/dzZt1cAf+AMymEnybyIybAAAAAElFTkSuQmCC"/>
-                                <path d="M2.5 2.5l6.758 21.342C11.517 21.575 15 18.45 15 15 15 8.1 9.4 2.5 2.5 2.5z" fill="#E1E1E1" fill-rule="nonzero"/>
-                            </g>
-                        </g>
-                    </g>
-                    <circle fill="#FFF" fill-rule="nonzero" cx="12.5" cy="12.5" r="12.5"/>
-                    <path d="M12.5.208c6.867 0 12.442 5.542 12.5 12.4v-.1c0-6.9-5.6-12.5-12.5-12.5S0 5.6 0 12.5v.1C.058 5.75 5.633.208 12.5.208z" fill-opacity=".2" fill="#FFF" fill-rule="nonzero"/>
-                    <path d="M28.333 24.792H12.5c-6.867 0-12.442-5.542-12.5-12.4v.1c0 6.9 5.6 12.5 12.5 12.5h15.833c4.6 0 8.334-3.734 8.334-8.334v-.1c-.059 4.559-3.767 8.234-8.334 8.234z" fill-opacity=".1" fill="#212121" fill-rule="nonzero"/>
-                </g>
-            </g>
-            <path d="M28.333 8.333h-4.05C22.567 3.475 17.942 0 12.5 0 5.6 0 0 5.6 0 12.5S5.6 25 12.5 25h15.833c4.6 0 8.334-3.733 8.334-8.333s-3.734-8.334-8.334-8.334z" fill="url(#q)" fill-rule="nonzero" transform="translate(14.333 46.333)"/>
-            <g fill-rule="nonzero" opacity=".1">
-                <path d="M58.667.613c32.3 0 58.493 26.1 58.66 58.36 0-.1.006-.2.006-.306C117.333 26.267 91.067 0 58.667 0S0 26.267 0 58.667c0 .1.007.2.007.306.166-32.26 26.36-58.36 58.66-58.36z" fill="#FFF"/>
-                <path d="M117.327 58.36c-.167 32.26-26.36 58.36-58.66 58.36S.173 90.62.007 58.36c0 .107-.007.207-.007.307 0 32.4 26.267 58.666 58.667 58.666 32.4 0 58.666-26.266 58.666-58.666 0-.1-.006-.2-.006-.307z" fill="#263238"/>
-            </g>
-            <circle fill="url(#k)" fill-rule="nonzero" cx="58.667" cy="58.667" r="58.667"/>
-        </g>
-    </g>
+<svg width="128" height="128" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="4" width="120" height="120">
+    <path d="M64 124c33.137 0 60-26.863 60-60S97.137 4 64 4 4 30.863 4 64s26.863 60 60 60Z" fill="#0535C1"/>
+  </mask>
+  <g mask="url(#a)">
+    <path d="M64 124c33.137 0 60-26.863 60-60S97.137 4 64 4 4 30.863 4 64s26.863 60 60 60Z" fill="#06F"/>
+    <path d="M94 60.25c-5.523 0-10-4.477-10-10s4.477-10 10-10c5.207 0 9.484 3.98 9.957 9.063.048.516.463.937.981.937H109a5 5 0 0 1 0 10H94Z" fill="#5DBCEB"/>
+    <path d="M63.503 14.31 44.441 26.225a.938.938 0 0 0-.441.795v19.793c0 .517-.42.937-.938.937h-8.124a.937.937 0 0 0-.938.938v10.624c0 .518.42.938.938.938h7.989c.568 0 1.005.5.929 1.063l-9.712 71.624a.937.937 0 0 0 .93 1.063h57.853a.937.937 0 0 0 .929-1.063l-9.712-71.624a.937.937 0 0 1 .93-1.063h7.989c.517 0 .937-.42.937-.938V48.688a.937.937 0 0 0-.938-.938h-8.124a.938.938 0 0 1-.938-.938V27.02a.938.938 0 0 0-.44-.795L64.496 14.31a.938.938 0 0 0-.994 0Z" fill="#F63"/>
+    <path d="m36.315 116.926 2.643-19.489 46.904-23.452 2.307 17.014-51.854 25.927ZM82.168 134H45.832l45.11-22.555 2.307 17.015L82.168 134ZM69.668 60.25 42.133 74.017 44 60.25h25.668Z" fill="#FFA385"/>
+    <path d="M56.5 34c0-.69.56-1.25 1.25-1.25h12.5c.69 0 1.25.56 1.25 1.25v12.5c0 .69-.56 1.25-1.25 1.25h-12.5c-.69 0-1.25-.56-1.25-1.25V34Z" fill="#FF3"/>
+    <path d="M24 74c-5.523 0-10-4.477-10-10s4.477-10 10-10a9.997 9.997 0 0 1 8.726 5.112c.374.666 1.047 1.138 1.81 1.138H44A6.875 6.875 0 1 1 44 74H24Z" fill="#fff"/>
+  </g>
 </svg>
diff --git a/viewer/app/images/lighthouse-logo_512px.png b/viewer/app/images/lighthouse-logo_512px.png
index 348cb2030d5f..d9637eb617cf 100755
Binary files a/viewer/app/images/lighthouse-logo_512px.png and b/viewer/app/images/lighthouse-logo_512px.png differ
diff --git a/viewer/app/index.html b/viewer/app/index.html
index b16f1f371358..785bd5f302cf 100644
--- a/viewer/app/index.html
+++ b/viewer/app/index.html
@@ -11,7 +11,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
   <title>Lighthouse Report Viewer</title>
   <link rel="manifest" href="manifest.json">
-  <link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEhklEQVR4AWJxL/BhIAesev1U5tcflpncgNrKIsqNIwzC9feMpDUzs70kOczMzMzJJcxwCTMzncPMnOwtzBwzMzPb0vRfeZPp0VhPS5I39V5fdiXV1/VD+9QC7OVn9BsyH1XIoEI1PfmJvLFowVV564+34DFUHudbmfDh4kVXh//7XwE+WjS/YfXZe3yr4j2rqj1AIhSB7hZ8ZtPZu/zw8cK523U4wE1/rvPfWrz4zs0m9ZdC9yUJAlASdBAgocRegfF/f3/h/PuaFsxMdwjAR0vm1+06eMMfIrhLqTWqdH4EumU2SPfMhigJAlRQbZrgrRsl9U+Y2DYDFCz3ILC9kiAiqSrMwbWT0nceEnR+9Kggc2zjOJCASDENkg0a5HfZZgDP81CM3CrQs2Z1+o7DJ6ePr8sK0AOCHv5Jjdt3evyYSaZ351VIStIxPRAUtrBYbxC6w+BZ0ivVSBKkIhJhemSyZpfB00EiPO2VjzYkxhcqXQqCWCShGplvi3y0QxqbuBurMjyJeWnkHZuAEgIQGsUBqwrfjZ+IlBgKyRJzVVYF8O6qFWdh86YzQzMrZigYmxAyfvHgLZQ/LC1CbeniW2Hkqr/PH16SgvGuf2/uzNMBwJA/njxizGPtSyAf7EziJCMGRDRdhoAC4PL1A/SrKQMAAQkEfpJAcRQdrBJ7gNwjSpJsdwK+CANBkqa1LgQB4IicV9nYUct7gaxuDJUErQIiEAiMxLVOFlKzIktPpT0ggpdpC/8YAHnxbgkUY4tAAFSR7AAXNyAAWHJrA/kHGjzg5nleuwFO7Nd/IoDw4Pm58+4jNLmYG0wRA5bErc2Mr3Y+dXTDW1VvwqbJkzMCHQ4S1GTCBOIgUHJrGdEwqzR+jAp/o2qAZelUDoQnruEEdDclJI6576AlNVfc+22XN/+Y1vnJD0Yind6UpEEvn/Hqq15EYjCW7jZCJEpnNvDgkyelDjs106kuux2AAXCSobULOWP8mLhYlpoDMK4qAFXJGk+grtH8YXVz5KJblqaG1+VUdTc0I290bmUQAriGITRbdQnom0aoFj8kx1+wMD2ifncAXUQE4SkDqN1hE0jEophs1SUwZAOhUAiMCLwRtamtTZtbbmZErSAUHbSysaoEmnrsakiMiUAURi283gN6wans9oX8rOCrj7/JP35DFD+iQ7Au/K2KE1jzx6ujjUnXFH9KjEq6ZlhsTBICrNLJf47Pv/pkHzvup1w4dmUbEei0+bcXRqJuh5kVARQ8byyYxOwNGr7A87xh1tp8sGT+uMInrwi++Xj7TQz2d27NvwEkrOflAFQGIDA5khASBCGdO2/Z/MnLPwYfv5TFhjW7QhVKAB6afwe2LpFlFsCnlQEosgQgDsdOG1/LKeNqJS4JCSPJ/i+TakwEARor7gER1Iva5JmPOJK0RUqmoPnnlzFCtmIAhAAQEIQRgDaiYPIauNXcnDlRIrWNFY3hm7PG9YRqr7IV7HrCgAC17befjEvRq2nGhAHtBqDpOuI/I1diUUAMYIxEdyejBJqLnNoszGZtfiX/CztGv2mq+sdaAAAAAElFTkSuQmCC">
+  <link rel="icon" href='data:image/svg+xml;utf8,<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="m14 7 10-7 10 7v10h5v7h-5l5 24H9l5-24H9v-7h5V7Z" fill="%23F63"/><path d="M31.561 24H14l-1.689 8.105L31.561 24ZM18.983 48H9l1.022-4.907L35.723 32.27l1.663 7.98L18.983 48Z" fill="%23FFA385"/><path fill="%23FF3" d="M20.5 10h7v7h-7z"/></svg>'>
   <meta name="theme-color" content="#304ffe">
   <link rel="stylesheet" href="styles/bundled.css">
   <link rel="canonical" href="https://googlechrome.github.io/lighthouse/viewer/">