Twitch icon added

Author: TomNaughton

components/footer/Footer.jsx

@@ -12,6 +12,7 @@ import IconFacebook from '../../public/icons/facebook'
 import IconYouTube from '../../public/icons/youtube'
 import IconLinkedIn from '../../public/icons/linkedin'
 import IconGitHub from '../../public/icons/github'
+import IconTwitch from '../../public/icons/twitch'
 
 const Footer = () => {
   const { pathname } = useRouter()
@@ -71,6 +72,17 @@ const Footer = () => {
               <IconYouTube />
             </span>
           </a>
+          <a
+            className="footer__button"
+            href={getLiteral('footer:twitch-url')}
+            target="_blank"
+            rel="noreferrer"
+            aria-label={getLiteral('footer:twitch-label')}
+          >
+            <span aria-hidden="true">
+              <IconTwitch />
+            </span>
+          </a>
           <a
             className="footer__button"
             href={getLiteral('footer:linkedin-url')}

content/commons.json

@@ -42,6 +42,8 @@
     "footer:linkedin-url": "https://www.linkedin.com/company/github",
     "footer:github-label": "Follow us on GitHub",
     "footer:github-url": "https://github.com/github/maintainermonth",
+    "footer:twitch-label": "Follow us on Twitch",
+    "footer:twitch-url": "https://www.twitch.tv/github",
 
     "hero:image-description": "Illustration by Ariel Davis, of a surreal geometric assortment of hands and shapes implying collaboration",
 

public/icons/twitch.js

@@ -0,0 +1,18 @@
+const IconTwitch = () => {
+    return (
+        <svg className="icon-twitch" xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 2400 2800" width="20" height="20" fill="none">
+            <g>
+                <g id="Layer_1-2">
+                    <path d="M500,0L0,500v1800h600v500l500-500h400l900-900V0H500z M2200,1300l-400,400h-400l-350,350v-350H600V200h1600
+			V1300z" fill="white"/>
+                    <rect x="1700" y="550" class="st0" width="200" height="600" fill="white" />
+                    <rect x="1150" y="550" class="st0" width="200" height="600" fill="white" />
+                </g>
+            </g>
+        </svg>
+
+    )
+}
+
+export default IconTwitch