import { NLView } from "../../types";

export const Searchicon: NLView<{ fillColor?: string }> = ({ fillColor }) => (
  <svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
    <g clipPath="url(#clip0_4964_158696)">
      <path
        d="M30.4837 29.0051L19.0837 17.6151C20.7737 15.5628 21.6093 12.9389 21.4171 10.2873C21.2249 7.63565 20.0196 5.15966 18.0513 3.3726C16.0829 1.58553 13.5023 0.624442 10.8445 0.688561C8.18671 0.75268 5.65549 1.83709 3.77559 3.71699C1.89568 5.5969 0.811273 8.12812 0.747154 10.7859C0.683035 13.4437 1.64413 16.0243 3.43119 17.9927C5.21826 19.961 7.69424 21.1663 10.3459 21.3585C12.9975 21.5507 15.6214 20.7151 17.6737 19.0251L29.0637 30.4251L30.4837 29.0051ZM11.1037 19.3851C9.45417 19.3851 7.84171 18.8959 6.47021 17.9795C5.0987 17.0631 4.02974 15.7606 3.39851 14.2366C2.76727 12.7127 2.60211 11.0358 2.92391 9.41802C3.24571 7.80021 4.04002 6.31417 5.20639 5.1478C6.37276 3.98143 7.85881 3.18712 9.47661 2.86532C11.0944 2.54352 12.7713 2.70868 14.2952 3.33991C15.8192 3.97115 17.1217 5.04011 18.0381 6.41161C18.9545 7.78312 19.4437 9.39557 19.4437 11.0451C19.441 13.2562 18.5615 15.3759 16.998 16.9394C15.4345 18.5029 13.3148 19.3824 11.1037 19.3851Z"
        fill={fillColor ?? "white"}
      />
    </g>
    <defs>
      <clipPath id="clip0_4964_158696">
        <rect width="29.71" height="29.71" fill="white" transform="translate(0.773438 0.714844)" />
      </clipPath>
    </defs>
  </svg>
);