text: import React from "react"
  import PropTypes from "prop-types"
  
  const Twitter = ({ color }) => {
    return (
      <svg
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        role="img"
        fill={color}
        x="0px"
        y="0px"
        viewBox="0 0 24 24"
      >
        <g>
          <path
            d="
            M24 4.37a9.6 9.6 0 0 1-2.83.8 5.04 5.04 0 0 0 2.17-2.8c-.95.58-2 1-3.13 1.22A4.86 4.86 0 0 0 16.61 2a4.99 4.99 0 0 0-4.79 6.2A13.87 13.87 0 0 1 1.67 2.92 5.12 5.12 0 0 0 3.2 9.67a4.82 4.82 0 0 1-2.23-.64v.07c0 2.44 1.7 4.48 3.95 4.95a4.84 4.84 0 0 1-2.22.08c.63 2.01 2.45 3.47 4.6 3.51A9.72 9.72 0 0 1 0 19.74 13.68 13.68 0 0 0 7.55 22c9.06 0 14-7.7 14-14.37v-.65c.96-.71 1.79-1.6 2.45-2.61z
            "
          />
        </g>
      </svg>
    )
  }
  
  Twitter.propTypes = {
    color: PropTypes.string,
  }
  
  Twitter.defaultProps = {
    color: "#000000",
  }
  
  export default Twitter
  