text: import React from "react";
  import styled from "styled-components";
  
  const TwitterIcon = styled.svg`
    width: 15px;
    &:hover {
      > path {
        fill: #6882e0;
      }
    }
  `;
  
  const Link = styled.a``;
  
  const Twitter = () => (
    <Link target="_blank" href="https://twitter.com/guido_riet">
      <TwitterIcon viewBox="0 0 9.48 7.7">
        <path
          d="M10.76,1.67A3.89,3.89,0,0,1,9.65,2,2,2,0,0,0,10.5.9a3.89,3.89,0,0,1-1.23.47A1.95,1.95,0,0,0,6,3.14a5.52,5.52,0,0,1-4-2,1.95,1.95,0,0,0,.6,2.6,1.94,1.94,0,0,1-.88-0.24v0A2,2,0,0,0,3.23,5.39a1.95,1.95,0,0,1-.88,0A2,2,0,0,0,4.17,6.78a3.9,3.9,0,0,1-2.41.83l-0.46,0a5.5,5.5,0,0,0,3,.87A5.49,5.49,0,0,0,9.8,2.92q0-.13,0-0.25a4,4,0,0,0,1-1h0Zm0,0"
          transform="translate(-1.29 -0.75)"
        />
      </TwitterIcon>
    </Link>
  );
  
  export default Twitter;
  