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/GraphIcon.tsx

17 lines
681 B

interface Props {
size: number,
hover?: boolean,
}
export default function GraphIcon({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="M21 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V3M15 10V17M7 13V17M19 5V17M11 7V17" stroke="var(--color-fg)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
)
}