mirror of
https://github.com/gabehf/Koito.git
synced 2026-03-08 23:18:15 -07:00
16 lines
No EOL
685 B
TypeScript
16 lines
No EOL
685 B
TypeScript
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>
|
|
)
|
|
} |