Mahyar Khanbolooki
44 lines
938 B
TypeScript
44 lines
938 B
TypeScript
import React from 'react';
|
|
|
|
interface SearchIconProps {
|
|
className?: string;
|
|
stroke?: string;
|
|
strokeWidth?: number;
|
|
size?: number;
|
|
}
|
|
|
|
const SearchIcon: React.FC<SearchIconProps> = ({
|
|
className = '',
|
|
stroke = '#8C90A3',
|
|
strokeWidth = 1.5,
|
|
size = 24,
|
|
}) => {
|
|
return (
|
|
<svg
|
|
width={size}
|
|
height={size}
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
className={className}
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z"
|
|
stroke={stroke}
|
|
strokeWidth={strokeWidth}
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
/>
|
|
<path
|
|
d="M22 22L20 20"
|
|
stroke={stroke}
|
|
strokeWidth={strokeWidth}
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
/>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export default SearchIcon;
|