diff --git a/public/resources/css/module/_hero.scss b/public/resources/css/module/_hero.scss
index 8e0fd6ff07..0f07fa250a 100644
--- a/public/resources/css/module/_hero.scss
+++ b/public/resources/css/module/_hero.scss
@@ -127,7 +127,7 @@ $hero-padding: ($unit * 10) ($unit * 6) ($unit * 7);
 
     &:after {
       content: '';
-      background: url('/resources/images/logos/angular2/shield-with-beta.png') top center no-repeat;
+      background: url('/resources/images/logos/angular2/angular.svg') top center no-repeat;
       background-size: contain;
       position: absolute;
       left: 0;
diff --git a/public/resources/images/logos/angular2/angular.png b/public/resources/images/logos/angular2/angular.png
new file mode 100644
index 0000000000..a1d9790bc3
Binary files /dev/null and b/public/resources/images/logos/angular2/angular.png differ
diff --git a/public/resources/images/logos/angular2/angular.svg b/public/resources/images/logos/angular2/angular.svg
new file mode 100644
index 0000000000..96301efe1b
--- /dev/null
+++ b/public/resources/images/logos/angular2/angular.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#DD0031;}
+	.st1{fill:#C3002F;}
+	.st2{fill:#FFFFFF;}
+</style>
+<g>
+	<polygon class="st0" points="125,30 125,30 125,30 31.9,63.2 46.1,186.3 125,230 125,230 125,230 203.9,186.3 218.1,63.2 	"/>
+	<polygon class="st1" points="125,30 125,52.2 125,52.1 125,153.4 125,153.4 125,230 125,230 203.9,186.3 218.1,63.2 125,30 	"/>
+	<path class="st2" d="M125,52.1L66.8,182.6h0h21.7h0l11.7-29.2h49.4l11.7,29.2h0h21.7h0L125,52.1L125,52.1L125,52.1L125,52.1
+		L125,52.1z M142,135.4H108l17-40.9L142,135.4z"/>
+</g>
+</svg>
diff --git a/public/resources/images/logos/angular2/angular_solidBlack.svg b/public/resources/images/logos/angular2/angular_solidBlack.svg
new file mode 100644
index 0000000000..7e3faa0b2d
--- /dev/null
+++ b/public/resources/images/logos/angular2/angular_solidBlack.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
+<g>
+	<polygon points="108,135.4 125,135.4 125,135.4 125,135.4 142,135.4 125,94.5 	"/>
+	<path d="M125,30L125,30L125,30L31.9,63.2l14.2,123.1L125,230l0,0l0,0l78.9-43.7l14.2-123.1L125,30z M183.1,182.6h-21.7h0
+		l-11.7-29.2H125h0h0h-24.7l-11.7,29.2h0H66.9h0L125,52.1l0,0l0,0l0,0l0,0L183.1,182.6L183.1,182.6z"/>
+</g>
+</svg>
diff --git a/public/resources/images/logos/angular2/angular_whiteTransparent.png b/public/resources/images/logos/angular2/angular_whiteTransparent.png
new file mode 100644
index 0000000000..f613abb357
Binary files /dev/null and b/public/resources/images/logos/angular2/angular_whiteTransparent.png differ
diff --git a/public/resources/images/logos/angular2/angular_whiteTransparent.svg b/public/resources/images/logos/angular2/angular_whiteTransparent.svg
new file mode 100644
index 0000000000..1a7b5b32d4
--- /dev/null
+++ b/public/resources/images/logos/angular2/angular_whiteTransparent.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{opacity:0.9;}
+</style>
+<g>
+	<g>
+		<polygon class="st0" points="125,153.4 100.3,153.4 88.6,182.6 88.6,182.6 66.9,182.6 66.8,182.6 125,52.1 125,52.2 125,52.2 
+			125,30 125,30 31.9,63.2 46.1,186.3 125,230 125,230 125,153.4 		"/>
+		<polygon class="st0" points="108,135.4 125,135.4 125,135.4 125,94.5 		"/>
+	</g>
+	<g class="st1">
+		<polygon class="st0" points="125,153.4 149.7,153.4 161.4,182.6 161.4,182.6 183.1,182.6 183.2,182.6 125,52.1 125,52.2 125,52.2 
+			125,30 125,30 218.1,63.2 203.9,186.3 125,230 125,230 125,153.4 		"/>
+		<polygon class="st0" points="142,135.4 125,135.4 125,135.4 125,94.5 		"/>
+	</g>
+</g>
+</svg>