components/icons/AnthropicIcon.tsx

import React from 'react';

const AnthropicIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
  <svg
    viewBox="0 0 24 24"
    fill="currentColor"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M17.5 22.4286H6.5C5.83696 22.4286 5.20107 22.1672 4.73223 21.6983C4.26339 21.2295 4 20.5936 4 19.9286V4.5C4 3.83696 4.26339 3.20107 4.73223 2.73223C5.20107 2.26339 5.83696 2 6.5 2H17.5C18.163 2 18.7989 2.26339 19.2678 2.73223C19.7366 3.20107 20 3.83696 20 4.5V19.9286C20 20.5936 19.7366 21.2295 19.2678 21.6983C18.7989 22.1672 18.163 22.4286 17.5 22.4286ZM12 8.21429C11.129 8.21429 10.2941 8.56021 9.68153 9.17277C9.06897 9.78534 8.72305 10.6202 8.72305 11.4912V16.6072H11.1159V11.4912C11.1159 11.2334 11.2163 10.9859 11.3967 10.8055C11.5772 10.6251 11.8247 10.5247 12.0824 10.5247H12.277V8.21429H12Z"
    />
  </svg>
);

export default AnthropicIcon;