export const SendMessageIcon: React.FC<React.SVGAttributes<{}>> = (props) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    {...props}
    fill="none"
  >
    <path
      fill="currentColor"
      d="M17.592 8.827c0 .602-.388 1.139-1.064 1.477L2.975 17.081a2.14 2.14 0 0 1-.95.247c-.43 0-.808-.181-1.048-.502-.206-.282-.404-.769-.164-1.561l1.527-5.093c.05-.148.082-.33.099-.52h8.36a.828.828 0 0 0 .826-.825.828.828 0 0 0-.825-.825H2.439a2.426 2.426 0 0 0-.1-.52L.814 2.389C.573 1.597.77 1.109.978.829 1.382.284 2.15.161 2.975.573L16.528 7.35c.676.339 1.064.875 1.064 1.478Z"
    />
  </svg>
);

export const SendMessageGhostIcon: React.FC<React.SVGAttributes<{}>> = (
  props
) => {
  return (
    <svg
      width="1em"
      height="1em"
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        opacity={0.2}
        d="M17.474 3.295l-4.548 15a.625.625 0 01-1.165.098l-3.169-6.69a.625.625 0 00-.296-.296l-6.69-3.169a.625.625 0 01.098-1.165l15-4.549a.625.625 0 01.77.771z"
        fill="currentColor"
      />
      <path
        d="M17.76 2.24a1.25 1.25 0 00-1.223-.318h-.012L1.53 6.472a1.25 1.25 0 00-.19 2.331l6.69 3.168 3.168 6.69a1.24 1.24 0 001.234.71 1.24 1.24 0 001.094-.9l4.547-14.995v-.012a1.25 1.25 0 00-.313-1.223zm-5.429 15.873l-.004.011-3.075-6.491 3.69-3.692a.625.625 0 00-.883-.883l-3.691 3.69-6.492-3.075h.01l14.99-4.548-4.545 14.988z"
        fill="currentColor"
      />
    </svg>
  );
};