fix(material/docs): change twitter logo (#1245)

kian23kpt · web-flow · commit 3163040850fb · 2024-04-17T08:25:08.000-06:00
Change twitter logo and title to x in homepage/support section
diff --git a/material.angular.io/src/app/shared/support/support.html b/material.angular.io/src/app/shared/support/support.html
@@ -25,10 +25,10 @@
     </li>
     <li>
       <a href="https://twitter.com/angular">
-        <img src="../../../assets/img/homepage/twitter-logo.svg" alt="Twitter icon" loading="lazy">
-        Twitter
+        <img src="../../../assets/img/homepage/x-logo.svg" alt="X icon" loading="lazy">
+        X
       </a>
-      <div class="docs-help-support-description">Connect with &#64;angular on Twitter</div>
+      <div class="docs-help-support-description">Connect with &#64;angular on X</div>
     </li>
     <li>
       <a href="https://blog.angular.io">
diff --git a/material.angular.io/src/assets/img/homepage/twitter-logo.svg b/material.angular.io/src/assets/img/homepage/twitter-logo.svg
diff --git a/material.angular.io/src/assets/img/homepage/x-logo.svg b/material.angular.io/src/assets/img/homepage/x-logo.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+        stroke: #000;
+        stroke-miterlimit: 10;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <g>
+      <rect class="cls-1" x="4.92" y="2.95" width="31.38" height="36.77"/>
+      <path d="M7,0C3.13,0,0,3.13,0,7v28c0,3.87,3.13,7,7,7h28c3.87,0,7-3.13,7-7V7c0-3.87-3.13-7-7-7H7Zm2.09,9h7.94l5.64,8.01,6.84-8.01h2.5l-8.21,9.61,10.12,14.39h-7.94l-6.54-9.29-7.94,9.29h-2.5l9.31-10.9L9.09,9Zm3.83,2l14.11,20h3.06L15.98,11h-3.06Z"/>
+    </g>
+  </g>
+</svg>
