diff --git a/app/images/GDC-App-data-portal-blue.svg b/app/images/GDC-App-data-portal-blue.svg
new file mode 100644
index 000000000..9938d1df1
--- /dev/null
+++ b/app/images/GDC-App-data-portal-blue.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<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 318.4 312" enable-background="new 0 0 318.4 312" xml:space="preserve">
+<g>
+	<path fill="#BFE3EA" d="M285.6,24c0-8-8.5-13-16.5-13H48.6c-8,0-13,5.1-13,13v151h250V24z"/>
+	<polygon fill="#BFE3EA" points="285.1,186 32.9,186 10.5,271 307.5,271 	"/>
+	<path fill="#BFE3EA" d="M11.6,289.5c0,6.1,2.3,11.5,8.3,11.5h278.1c6.1,0,10.5-5.4,10.5-11.5V281h-297V289.5z"/>
+	<path fill="#2571A5" d="M295.6,178.2V24c0-13.6-12.8-24-26.5-24H48.6c-13.6,0-24,10.4-24,24v154.6L0.3,270.5
+		c0,0.6-0.3,19.2-0.3,19.2C0,301.4,8.2,312,19.9,312h278.1c11.7,0,20.3-10.6,20.3-22.3c0,0,0.2-18.6,0-19.2L295.6,178.2z M35.6,24
+		c0-8,5-13,13-13h220.5c8,0,16.5,5.1,16.5,13v151h-250V24z M32.9,186h252.1l22.5,85H10.5L32.9,186z M308.6,289.5
+		c0,6.1-4.5,11.5-10.5,11.5H19.9c-6.1,0-8.3-5.4-8.3-11.5V281h297V289.5z"/>
+</g>
+<g>
+	<path fill="#2571A5" d="M214.7,248.2C214.7,248.2,214.7,248.2,214.7,248.2H111.1c-1,0-2-0.5-2.7-1.3c-0.7-0.8-0.9-1.9-0.7-2.9
+		l7.2-32.5c0.3-1.6,1.7-2.7,3.3-2.7h89.1c1.6,0,3,1.1,3.3,2.7l7.1,32.2c0.1,0.3,0.2,0.7,0.2,1.1
+		C218.1,246.7,216.6,248.2,214.7,248.2z M115.3,241.4h95.1l-5.7-25.7H121L115.3,241.4z"/>
+</g>
+<path fill="#FFFFFF" d="M262.2,160.2H56.8c-4,0-7.2-3.2-7.2-7.2V34.8c0-4,3.2-7.2,7.2-7.2h205.4c4,0,7.2,3.2,7.2,7.2V153
+	C269.4,156.9,266.1,160.2,262.2,160.2z"/>
+<circle fill="#2571A5" cx="146" cy="90.8" r="23"/>
+<circle fill="#2571A5" cx="149.4" cy="142.5" r="10.8"/>
+<circle fill="#2571A5" cx="105.8" cy="127.5" r="18.9"/>
+<circle fill="#2571A5" cx="97.3" cy="68.6" r="18.9"/>
+<circle fill="#2571A5" cx="67.4" cy="103.8" r="10.8"/>
+<circle fill="#2571A5" cx="148" cy="43.8" r="10.8"/>
+<g>
+	<path fill="#2571A5" d="M250.4,72h-58.8c-2.5,0-4.6-2-4.6-4.5s2-4.5,4.6-4.5h58.8c2.5,0,4.6,2,4.6,4.5S253,72,250.4,72z"/>
+</g>
+<g>
+	<path fill="#2571A5" d="M250.4,97h-58.8c-2.5,0-4.6-2-4.6-4.5s2-4.5,4.6-4.5h58.8c2.5,0,4.6,2,4.6,4.5S253,97,250.4,97z"/>
+</g>
+<g>
+	<path fill="#2571A5" d="M250.4,122h-58.8c-2.5,0-4.6-2-4.6-4.5s2-4.5,4.6-4.5h58.8c2.5,0,4.6,2,4.6,4.5S253,122,250.4,122z"/>
+</g>
+<path fill="#2571A5" d="M264,162.2H56.2c-4.6,0-8.4-3.8-8.4-8.4V34.1c0-4.6,3.8-8.4,8.4-8.4H264c4.6,0,8.4,3.8,8.4,8.4v119.7
+	C272.4,158.4,268.6,162.2,264,162.2z M56.2,28.8c-3,0-5.4,2.4-5.4,5.4v119.7c0,3,2.4,5.4,5.4,5.4H264c3,0,5.4-2.4,5.4-5.4V34.1
+	c0-3-2.4-5.4-5.4-5.4H56.2z"/>
+</svg>
diff --git a/app/images/GDC-App-website-blue.svg b/app/images/GDC-App-website-blue.svg
new file mode 100644
index 000000000..c1f38dd93
--- /dev/null
+++ b/app/images/GDC-App-website-blue.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 282.3 214.8" enable-background="new 0 0 282.3 214.8" xml:space="preserve">
+<g id="Layer_2">
+	<rect x="117.9" y="164.7" fill="#C0E3EA" width="46.8" height="38.6"/>
+</g>
+<g id="Layer_1">
+	<g>
+		
+			<path fill="#C0E3EA" stroke="#2671A5" stroke-width="20" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
+			M260.8,159.8H21.5c-6.4,0-11.5-5.2-11.5-11.5V21.5C10,15.2,15.2,10,21.5,10h239.3c6.4,0,11.5,5.2,11.5,11.5v126.7
+			C272.3,154.6,267.2,159.8,260.8,159.8z"/>
+		<g>
+			
+				<path fill="none" stroke="#2671A5" stroke-width="14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
+				M121.2,164.7c0,0,1,42.2-34.7,42"/>
+			
+				<path fill="none" stroke="#2671A5" stroke-width="14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
+				M159.3,164.7c0,0-1,42.2,34.7,42"/>
+			
+				<line fill="none" stroke="#2671A5" stroke-width="14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="86.2" y1="207.8" x2="194.2" y2="207.8"/>
+		</g>
+		<g>
+			<line fill="#2671A5" x1="140.3" y1="64.6" x2="189.1" y2="112.1"/>
+			<g>
+				
+					<line fill="none" stroke="#2671A5" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" x1="162.5" y1="86.2" x2="189.1" y2="112.1"/>
+				<g>
+					<polygon fill="#2671A5" points="159.6,110.2 167.2,90.7 186.4,82.6 140.3,64.6 					"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/app/scripts/components/header/templates/header.html b/app/scripts/components/header/templates/header.html
index 46f8fe50c..cddce9c2f 100755
--- a/app/scripts/components/header/templates/header.html
+++ b/app/scripts/components/header/templates/header.html
@@ -118,56 +118,53 @@
             <span class="hidden-md hidden-sm" data-translate>GDC Apps</span>
           </a>
           <div data-uib-dropdown-menu class="dropdown-menu gdc-apps-menu-container" role="menu">
-
             <div class="gdc-apps-menu-grid">
               <div class="menu-column">
                 <a href="/" title="Data Portal" class="active menu-item">
-                      <span class="icon icon-gdc-data-portal">
-                        <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span><span class="path11"></span><span class="path12"></span><span class="path13"></span><span class="path14"></span>
-                      </span>
-                    <p>Data Portal</p>
+                  <img width="26px"
+                    src="images/GDC-App-website-blue.svg" class="icon icon-gdc-cbio-portal home" alt="GDC Website" />
+                  <p>Data Portal</p>
                 </a>
                 <a href="https://gdc.nci.nih.gov/developers/gdc-application-programming-interface-api" title="GDC API" target="_blank" class="menu-item">
-                      <span class="icon icon-gdc-portal-api">
-                        <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span>
-                      </span>
-                    <p>API</p>
+                  <span class="icon icon-gdc-portal-api">
+                    <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span>
+                    </span>
+                  <p>API</p>
                 </a>
                 <a href="https://gdc-docs.nci.nih.gov/" title="GDC Docs" target="_blank" class="menu-item">
                   <span class="icon icon-gdc-docs">
                     <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span><span class="path11"></span><span class="path12"></span><span class="path13"></span><span class="path14"></span>
                   </span>
-                    <p>Documentation</p>
+                  <p>Documentation</p>
                 </a>
                 <a href="https://gdc-portal.nci.nih.gov/legacy-archive" title="GDC Legacy Archive" target="_blank" class="menu-item">
-                   <span class="icon icon-gdc-legacy-archive">
-                       <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span>
-                    </span>
-                    <p>Legacy Archive</p>
+                  <span class="icon icon-gdc-legacy-archive">
+                    <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span>
+                  </span>
+                  <p>Legacy Archive</p>
                 </a>
               </div>
               <div class="menu-column">
                 <a href="https://gdc.nci.nih.gov/" title="GDC Website" target="_blank" class="menu-item">
-                  <span class="icon icon-gdc-website">
-                     <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span>
-                  </span>
-                    <p>Website</p>
+                  <img width="26px"
+                    src="images/GDC-App-website-blue.svg" class="icon icon-gdc-cbio-portal home" alt="GDC Website" />
+                  <p>Website</p>
                 </a>
                 <a href="https://gdc.nci.nih.gov/access-data/gdc-data-transfer-tool" class="menu-item" title="GDC Data Transfer Tool" target="_blank">
-                      <span class="icon icon-gdc-data-transer-tool">
-                        <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span>
-                      </span>
-                    <p>Data Transfer Tool</p>
+                  <span class="icon icon-gdc-data-transer-tool">
+                    <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span>
+                  </span>
+                  <p>Data Transfer Tool</p>
                 </a>
                 <a href="https://gdc-portal.nci.nih.gov/submission/" title="GDC Submission Portal" target="_blank" class="menu-item">
-                   <span class="icon icon-gdc-submission-portal">
+                  <span class="icon icon-gdc-submission-portal">
                     <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span>
                   </span>
                   <p>Data Submission Portal</p>
                 </a>
                 <a href="https://gdc-cbioportal.nci.nih.gov/" title="GDC cBio Portal" target="_blank" class="menu-item">
-                    <img width="26px" src="images/icon-cBioPortal.svg" class="icon icon-gdc-cbio-portal header" alt="GDC cBio Portal" />
-                    <p>GDC cBio Portal</p>
+                  <img width="26px" src="images/icon-cBioPortal.svg" class="icon icon-gdc-cbio-portal header" alt="GDC cBio Portal" />
+                  <p>GDC cBio Portal</p>
                 </a>
                 <span class="menu-item" style="height: 61px">&nbsp;</span>
               </div>
diff --git a/app/scripts/home/templates/home.html b/app/scripts/home/templates/home.html
index f35526d26..4060c59ec 100755
--- a/app/scripts/home/templates/home.html
+++ b/app/scripts/home/templates/home.html
@@ -213,9 +213,8 @@ <h3 class="panel-title table-heading">GDC Applications</h3>
                 <td>
                   <div data-uib-tooltip="Data Portal">
                     <a href="#" title="Data Portal">
-                        <span class="icon icon-gdc-data-portal">
-                          <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span><span class="path11"></span><span class="path12"></span><span class="path13"></span><span class="path14"></span>
-                        </span>
+                      <img width="35px"
+                        src="images/GDC-App-data-portal-blue.svg" class="icon icon-gdc-cbio-portal home" alt="GDC Data Portal" />
                         <p>Data Portal</p>
                     </a>
                   </div>
@@ -223,9 +222,8 @@ <h3 class="panel-title table-heading">GDC Applications</h3>
                 <td>
                   <div data-uib-tooltip="GDC Website">
                     <a href="https://gdc.nci.nih.gov/" target="_blank" title="GDC Website">
-                      <span class="icon icon-gdc-website">
-                         <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span>
-                      </span>
+                      <img width="35px"
+                        src="images/GDC-App-website-blue.svg" class="icon icon-gdc-cbio-portal home" alt="GDC Website" />
                       <p>Website</p>
                     </a>
                   </div>