import { Icon } from '@iconify/css-solid';
import { splitProps } from 'solid-js';

const viewBox = {"width":24,"height":24};
const content = `<style>.zc6x-5boe {
  fill: currentColor;
  d: path("M7 21v-2H2v-9h5.2L6.15 7H2V5h5.55L10 12v9zm-1.5-5q.625 0 1.063-.437T7 14.5t-.437-1.062T5.5 13t-1.062.438T4 14.5t.438 1.063T5.5 16m9.25-8.5h1.5q0-.3.225-.525T17 6.75t.525.225t.225.525h1.5q0-.95-.65-1.6T17 5.25t-1.6.65t-.65 1.6m.25 3h4V9h-4zM16 21v-7h-3l-1.3-5.2q-.075-.35-.125-.675t-.05-.675q0-2.2 1.562-3.825T17 2t3.913 1.625t1.562 3.825q0 .35-.05.675T22.3 8.8L21 14h-3v7z");
}
</style><path class="zc6x-5boe"/>`;

/** @param props {{width?: string; height?: string;}} */
function Component(props) {
	const [local, others] = splitProps(props, ["width","height"]);

	return (<Icon width={local.width} height={local.height} viewBox={viewBox} content={content} fallback={"material-symbols:parking-meter-sharp"} {...others} />);
}

export default Component;
