diff --git a/tensorboard/logo/favicon.png b/tensorboard/logo/favicon.png
index 13b40ca568..7342e4407a 100644
Binary files a/tensorboard/logo/favicon.png and b/tensorboard/logo/favicon.png differ
diff --git a/tensorboard/logo/logo.svg b/tensorboard/logo/logo.svg
new file mode 100644
index 0000000000..4e7ccceb43
--- /dev/null
+++ b/tensorboard/logo/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:url(#linear-gradient-2);}.cls-3{fill:url(#linear-gradient-3);}.cls-4{fill:url(#linear-gradient-4);}.cls-5{fill:url(#linear-gradient-5);}</style><linearGradient id="linear-gradient" x1="2.22" y1="6.89" x2="29.41" y2="6.89" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6f00"/><stop offset="1" stop-color="#ffa800"/></linearGradient><linearGradient id="linear-gradient-2" x1="3.59" y1="23.72" x2="31.28" y2="23.72" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-3" x1="3.84" y1="21.45" x2="30.99" y2="21.45" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-4" x1="3.1" y1="25.1" x2="30.64" y2="25.1" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-5" x1="-2.35" y1="7.48" x2="25.76" y2="7.48" gradientTransform="translate(5.6 8.03) rotate(1.12)" xlink:href="#linear-gradient"/></defs><title>TF_</title><g id="Layer_2" data-name="Layer 2"><polygon class="cls-1" points="28.41 13.7 30.12 12.72 30.12 8.22 16 0.07 4.56 6.67 6.26 7.65 16 2.04 28.41 9.2 28.41 13.7"/><polygon class="cls-2" points="17.55 31.81 22.3 29.07 22.3 15.63 17.55 18.37 17.55 31.81"/><polygon class="cls-3" points="25.38 18.36 25.38 27.27 30.13 24.53 30.13 15.62 25.38 18.36"/><polygon class="cls-4" points="4.57 18.27 1.9 19.13 1.9 24.69 14.47 31.93 14.47 20.64 9.33 25.56 4.57 18.27"/><polygon class="cls-5" points="2.04 8.34 1.87 17.04 5.34 16 9.53 22.68 14.42 18.18 14.47 15.82 2.04 8.34"/></g></svg>
\ No newline at end of file
diff --git a/tensorboard/logo/logo_circled.svg b/tensorboard/logo/logo_circled.svg
new file mode 100644
index 0000000000..ce8abe099e
--- /dev/null
+++ b/tensorboard/logo/logo_circled.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:#fff;}</style><linearGradient id="linear-gradient" x1="144.09" y1="300" x2="431.73" y2="300" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6f00"/><stop offset="1" stop-color="#ffa800"/></linearGradient></defs><title>TF_</title><g id="Layer_2" data-name="Layer 2"><circle class="cls-1" cx="300" cy="300" r="192.67"/><path class="cls-2" d="M299.5,141.55,188.89,205.32l16.45,9.49,94.16-54.26,120,69.28v43.52L436,263.86V220.33Z"/><polygon class="cls-2" points="314.44 448.42 360.37 421.9 360.37 291.91 314.44 318.43 314.44 448.42"/><polygon class="cls-2" points="390.15 404.52 436.08 378.01 436.08 291.88 390.15 318.4 390.15 404.52"/><polygon class="cls-2" points="235.03 387.96 188.97 317.5 163.2 325.81 163.2 379.58 284.73 449.53 284.73 340.42 235.03 387.96"/><polygon class="cls-2" points="196.55 296.07 238.26 359.87 284.73 315.41 284.73 292.59 163.2 222.64 163.2 306.83 196.55 296.07"/></g></svg>
\ No newline at end of file
diff --git a/tensorboard/logo/sublogo.svg b/tensorboard/logo/sublogo.svg
new file mode 100644
index 0000000000..5a2a3202e5
--- /dev/null
+++ b/tensorboard/logo/sublogo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{fill:url(#linear-gradient);}.cls-4{clip-path:url(#clip-path-2);}.cls-5{fill:url(#linear-gradient-2);}.cls-6{fill:#425066;}.cls-7{fill:#fff;}</style><clipPath id="clip-path"><polygon class="cls-1" points="472.61 202.19 307.09 107.63 307.09 495.26 373.2 456.86 373.2 347.8 423.15 376.7 422.87 302.11 373.2 273.73 373.2 230.41 472.83 287.98 472.61 202.19"/></clipPath><linearGradient id="linear-gradient" x1="111.39" y1="300.98" x2="517.87" y2="300.98" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6f00"/><stop offset="1" stop-color="#ffa800"/></linearGradient><clipPath id="clip-path-2"><polygon class="cls-1" points="126.68 202.19 292.2 107.63 292.2 495.26 226.08 456.86 226.08 230.41 126.45 287.98 126.68 202.19"/></clipPath><linearGradient id="linear-gradient-2" x1="108.65" y1="300.98" x2="515.12" y2="300.98" xlink:href="#linear-gradient"/></defs><title>TF_</title><g id="Layer_2" data-name="Layer 2"><g class="cls-2"><rect class="cls-3" x="111.39" y="106.21" width="406.47" height="389.54"/></g><g class="cls-4"><rect class="cls-5" x="108.65" y="106.21" width="406.47" height="389.54"/></g><circle class="cls-6" cx="420.16" cy="476.14" r="84.38"/><path class="cls-7" d="M420.13,406.94l-48.44,27.92L378.9,439l41.23-23.77,52.56,30.35v19.06l7.2-4.16V441.44Z"/><polygon class="cls-7" points="426.68 541.33 446.79 529.71 446.79 472.79 426.68 484.4 426.68 541.33"/><polygon class="cls-7" points="459.83 522.1 479.95 510.49 479.95 472.77 459.83 484.39 459.83 522.1"/><polygon class="cls-7" points="391.9 514.85 371.73 483.99 360.44 487.63 360.44 511.18 413.67 541.82 413.67 494.03 391.9 514.85"/><polygon class="cls-7" points="375.05 474.61 393.31 502.55 413.67 483.08 413.67 473.08 360.44 442.45 360.44 479.32 375.05 474.61"/></g></svg>
\ No newline at end of file
diff --git a/tensorboard/tools/license_test.sh b/tensorboard/tools/license_test.sh
index 6c81a5130c..d675499380 100755
--- a/tensorboard/tools/license_test.sh
+++ b/tensorboard/tools/license_test.sh
@@ -18,7 +18,7 @@
 # tensorboard/plugins/beholder/colormaps.py has a different license.
 files=$(grep -rL "Copyright 20[0-9][0-9] The TensorFlow" \
     --include=*.* \
-    --exclude=*.{pyc,json,png,wav,proto,pbtxt,md,in,rst,cfg,ipynb} \
+    --exclude=*.{pyc,json,png,wav,proto,pbtxt,md,in,rst,cfg,ipynb,svg} \
     tensorboard | \
     grep -v "tensorboard/components/tf_imports/.*.html\|tensorboard/plugins/beholder/colormaps.py" )