frontend/packages/icons/src/OperationIcon/svg/CarIcon.tsx

import type { FC } from "react";

import type { IconProps } from "../../types";

import { bindIconAnimation } from "../../bind-icon-animation";
import classes from "../OperationIcon.module.css";

const CarIcon: FC<IconProps> = (props) => {
	const { size = 24, ...svgProps } = props;

	return (
		<svg
			aria-hidden="true"
			className={`${classes.icon} ${classes.car}`}
			fill="none"
			focusable="false"
			height={size}
			ref={bindIconAnimation}
			stroke="currentColor"
			strokeLinecap="round"
			strokeLinejoin="round"
			strokeWidth="1.6"
			viewBox="0 0 24 24"
			width={size}
			{...svgProps}
		>
			<path d="M4 16H2v-4l3-1 3-4h6l4 4 4 1v4h-2" pathLength={1} />

			<path d="M8 16h8" pathLength={1} />

			<path d="M6 11h12m-6-4v4" pathLength={1} />

			<path d="M4 16a2 2 0 1 0 4 0a2 2 0 1 0-4 0m2-2v4m-2-2h4" pathLength={1} />

			<path d="M16 16a2 2 0 1 0 4 0a2 2 0 1 0-4 0m2-2v4m-2-2h4" pathLength={1} />
		</svg>
	);
};

export { CarIcon };