Search.tsx

import React from "react";

type SVGProps = React.SVGProps<SVGSVGElement>;

const Search: React.FC<SVGProps> = (props) => {
  return (
    <svg
      width="25"
      height="25"
      viewBox="0 0 30 30"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12.5 22.5C14.7187 22.4995 16.8735 21.7568 18.6213 20.39L24.1162 25.885L25.8838 24.1175L20.3888 18.6225C21.7563 16.8746 22.4995 14.7193 22.5 12.5C22.5 6.98625 18.0138 2.5 12.5 2.5C6.98625 2.5 2.5 6.98625 2.5 12.5C2.5 18.0138 6.98625 22.5 12.5 22.5ZM12.5 5C16.6362 5 20 8.36375 20 12.5C20 16.6362 16.6362 20 12.5 20C8.36375 20 5 16.6362 5 12.5C5 8.36375 8.36375 5 12.5 5Z"
        fill="currentColor"
      />
      <path
        d="M14.2648 10.7325C14.7385 11.2075 14.9998 11.835 14.9998 12.5H17.4998C17.5009 11.843 17.3718 11.1924 17.1199 10.5856C16.868 9.97883 16.4983 9.42802 16.0323 8.96499C14.1398 7.07499 10.8585 7.07499 8.96729 8.96499L10.7323 10.735C11.6823 9.78749 13.3198 9.78999 14.2648 10.7325Z"
        fill="currentColor"
      />
    </svg>
  );
};

export default Search;