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

const viewBox = {"width":48,"height":48};
const content = `<style>.qkkll0bjt {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M4.5 25.467h39m-34.836 0v4.626m5.467-1.177h8.412l-.8 13.458H7.697zm25.205-3.449v4.626m-5.467-1.177h-8.412l.8 13.458h14.046zm-8.893-19.46l.931-3.83l-3.07 2.103l-1.178-2.103l-1.177 2.103l-3.07-2.103l.931 3.83zm-10.929 2.89h1.514c1.514 0 2.734-1.514 3.49-1.514c2.076 0 7.347-.701 11.482 11.565H17.412s1.43-2.299 1.43-3.266s-2.131-1.991-3.267-1.991a2.36 2.36 0 0 0-1.794.953s-.35-1.864-.35-2.411s.616-3.336.616-3.336");
}

.w5xigzb8u {
  cx: 18.799px;
  cy: 13.902px;
  r: 1.178px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
</style><path class="qkkll0bjt"/><circle class="w5xigzb8u"/>`;

/** @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={"arcticons:roadeagle"} {...others} />);
}

export default Component;
