36 lines
763 B
TypeScript
36 lines
763 B
TypeScript
import type { FC } from "react";
|
|
|
|
import type { IconProps } from "../types";
|
|
|
|
import { bindIconAnimation } from "../bind-icon-animation";
|
|
import classes from "../navigation.module.css";
|
|
|
|
const SettingsIcon: FC<IconProps> = (props) => {
|
|
const { size = "24", ...svgProps } = props;
|
|
|
|
return (
|
|
<svg
|
|
aria-hidden="true"
|
|
fill="none"
|
|
focusable="false"
|
|
height={size}
|
|
ref={bindIconAnimation}
|
|
stroke="currentColor"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
strokeWidth="1.5"
|
|
viewBox="0 0 24 24"
|
|
width={size}
|
|
{...svgProps}
|
|
>
|
|
<path d="M4 7h16M4 17h16" />
|
|
|
|
<path className={classes.topSlider} d="M10 4v6h4V4h-4Z" />
|
|
|
|
<path className={classes.bottomSlider} d="M10 14v6h4v-6h-4Z" />
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export { SettingsIcon };
|