import React from 'react';

// -- TYPES

interface IAttachmentIconProps extends React.SVGAttributes<SVGElement> {}

// -- MAIN

function AttachmentIcon(props: IAttachmentIconProps) {
  return (
    <svg width="100%" viewBox="0 0 24 24" {...props}>
      <path
        fill="currentColor"
        fillRule="evenodd"
        d="M20.122 8.742a.889.889 0 0 0-1.218.306l-5.898 10.216c-1.121 1.942-3.664 2.582-5.667 1.425-2.004-1.157-2.721-3.678-1.6-5.621l5.513-9.547.164-.286.663-1.147c.758-1.313 2.476-1.745 3.83-.964 1.354.782 1.838 2.486 1.08 3.799l-.666 1.154a.83.83 0 0 0-.098.283.828.828 0 0 0-.153.188l-4.603 7.972c-.35.604-1.212.759-1.924.348-.713-.411-1.01-1.237-.661-1.84l4.91-8.506a.888.888 0 0 0-.343-1.208c-.431-.25-.977-.112-1.218.306l-4.911 8.506c-.83 1.438-.226 3.348 1.348 4.257 1.574.908 3.53.477 4.36-.961l4.604-7.973a.844.844 0 0 0 .098-.283.823.823 0 0 0 .153-.187l.666-1.154c1.24-2.148.447-4.936-1.768-6.215-2.215-1.28-5.026-.572-6.266 1.576l-.662 1.148-.165.285-5.512 9.547c-1.604 2.778-.578 6.384 2.286 8.038 2.865 1.654 6.5.739 8.104-2.04L20.466 9.95a.888.888 0 0 0-.344-1.208z"
      />
    </svg>
  );
}

export default AttachmentIcon;
