import React from "react";

export const LanguageIcon = ({ color }) => {
  return (
    <svg
      width="18"
      height="18"
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M8.993 2C5.129 2 2 5.136 2 9C2 12.864 5.129 16 8.993 16C12.864 16 16 12.864 16 9C16 5.136 12.864 2 8.993 2ZM13.844 6.2H11.779C11.5599 5.33302 11.2355 4.49613 10.813 3.708C12.0899 4.1476 13.1658 5.03221 13.844 6.2ZM9 3.428C9.581 4.268 10.036 5.199 10.337 6.2H7.663C7.964 5.199 8.419 4.268 9 3.428ZM3.582 10.4C3.47 9.952 3.4 9.483 3.4 9C3.4 8.517 3.47 8.048 3.582 7.6H5.948C5.892 8.062 5.85 8.524 5.85 9C5.85 9.476 5.892 9.938 5.948 10.4H3.582ZM4.156 11.8H6.221C6.445 12.675 6.767 13.515 7.187 14.292C5.90878 13.8548 4.83208 12.9696 4.156 11.8ZM6.221 6.2H4.156C4.83208 5.03042 5.90878 4.1452 7.187 3.708C6.7645 4.49613 6.44008 5.33302 6.221 6.2ZM9 14.572C8.419 13.732 7.964 12.801 7.663 11.8H10.337C10.036 12.801 9.581 13.732 9 14.572ZM10.638 10.4H7.362C7.299 9.938 7.25 9.476 7.25 9C7.25 8.524 7.299 8.055 7.362 7.6H10.638C10.701 8.055 10.75 8.524 10.75 9C10.75 9.476 10.701 9.938 10.638 10.4ZM10.813 14.292C11.233 13.515 11.555 12.675 11.779 11.8H13.844C13.1658 12.9678 12.0899 13.8524 10.813 14.292ZM12.052 10.4C12.108 9.938 12.15 9.476 12.15 9C12.15 8.524 12.108 8.062 12.052 7.6H14.418C14.53 8.048 14.6 8.517 14.6 9C14.6 9.483 14.53 9.952 14.418 10.4H12.052Z"
        fill={color}
      />
    </svg>
  );
};