import React from 'react';

type SearchIconProps = {
    color?: string
}

const SearchIcon = ({color='#040059'}: SearchIconProps) => {

    return (
        <svg xmlns="http://www.w3.org/2000/svg" width="28.285" height="28.285" viewBox="0 0 28.285 28.285">
        <g id="magnifier" transform="translate(-0.001 0)">
          <g id="Group_22146" data-name="Group 22146" transform="translate(0.001 0)">
            <path id="Path_18878" data-name="Path 18878" d="M24.929,19.587A11.477,11.477,0,0,0,8.7,3.356,11.254,11.254,0,0,0,6.972,17.207a.483.483,0,0,1-.067.575L1.05,23.638C-.116,24.8-.393,26.433.641,27.467l.178.178c1.034,1.034,2.663.756,3.829-.409l5.843-5.843a.49.49,0,0,1,.588-.079A11.254,11.254,0,0,0,24.929,19.587ZM10.817,17.468a8.48,8.48,0,1,1,11.993,0A8.49,8.49,0,0,1,10.817,17.468Z" transform="translate(-0.001 0)" fill={color}/>
            <g id="Group_22145" data-name="Group 22145" transform="translate(10.365 4.593)">
              <path id="Path_18879" data-name="Path 18879" d="M114.936,56.606a1.185,1.185,0,0,1-1.09-1.646A7.465,7.465,0,0,1,123.619,51a1.185,1.185,0,1,1-.923,2.182,5.094,5.094,0,0,0-6.668,2.7A1.185,1.185,0,0,1,114.936,56.606Z" transform="translate(-113.752 -50.409)" fill={color}/>
            </g>
          </g>
        </g>
      </svg>


    );
}

export default SearchIcon;