import { FC } from "react";

export const WalletIcon: FC<{ className?: string }> = ({ className }) => {
  return (
    <svg
      width="16"
      height="16"
      viewBox="0 0 16 16"
      fill="var(--swapper-text-color)"
      xmlns="http://www.w3.org/2000/svg"
      className={className || ""}
    >
      <path d="M3.41753 13C3.08142 13 2.79369 12.8803 2.55434 12.641C2.31499 12.4016 2.19531 12.1139 2.19531 11.7778V3.22222C2.19531 2.88611 2.31499 2.59838 2.55434 2.35903C2.79369 2.11968 3.08142 2 3.41753 2H11.9731C12.3092 2 12.5969 2.11968 12.8363 2.35903C13.0756 2.59838 13.1953 2.88611 13.1953 3.22222H8.30642C7.58328 3.22222 6.99508 3.44884 6.54184 3.90208C6.0886 4.35532 5.86198 4.94352 5.86198 5.66667V9.33333C5.86198 10.0565 6.0886 10.6447 6.54184 11.0979C6.99508 11.5512 7.58328 11.7778 8.30642 11.7778H13.1953C13.1953 12.1139 13.0756 12.4016 12.8363 12.641C12.5969 12.8803 12.3092 13 11.9731 13H3.41753ZM8.30642 10.5556C7.97031 10.5556 7.68258 10.4359 7.44323 10.1965C7.20388 9.95718 7.0842 9.66944 7.0842 9.33333V5.66667C7.0842 5.33056 7.20388 5.04282 7.44323 4.80347C7.68258 4.56412 7.97031 4.44444 8.30642 4.44444H12.5842C12.9203 4.44444 13.208 4.56412 13.4474 4.80347C13.6867 5.04282 13.8064 5.33056 13.8064 5.66667V9.33333C13.8064 9.66944 13.6867 9.95718 13.4474 10.1965C13.208 10.4359 12.9203 10.5556 12.5842 10.5556H8.30642ZM10.1398 8.41667C10.4046 8.41667 10.6236 8.33009 10.7967 8.15694C10.9698 7.9838 11.0564 7.76481 11.0564 7.5C11.0564 7.23519 10.9698 7.0162 10.7967 6.84306C10.6236 6.66991 10.4046 6.58333 10.1398 6.58333C9.87494 6.58333 9.65596 6.66991 9.48281 6.84306C9.30966 7.0162 9.22309 7.23519 9.22309 7.5C9.22309 7.76481 9.30966 7.9838 9.48281 8.15694C9.65596 8.33009 9.87494 8.41667 10.1398 8.41667Z" />
    </svg>
  );
};