You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Koito/client/app/components/icons/SearchIcon.tsx

16 lines
685 B

interface Props {
size: number,
hover?: boolean,
}
export default function SearchIcon({size, hover}: Props) {
let classNames = ""
if (hover) {
classNames += "icon-hover-stroke"
}
return (
<div className={classNames}>
<svg width={`${size}px`} height={`${size}px`} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 6C13.7614 6 16 8.23858 16 11M16.6588 16.6549L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="var(--color-fg)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div>
)
}