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

const viewBox = {"width":36,"height":36};
const content = `<style>.a29gj6w {
  cx: 20px;
  cy: 31px;
  r: 4px;
  fill: #292f33;
}

.efmq3na {
  cx: 30px;
  cy: 31px;
  r: 2px;
  fill: #ccd6dd;
}

.evgbyhi {
  fill: #77b255;
  d: path("M32 8H19a4 4 0 0 0-4 4v13h21V12a4 4 0 0 0-4-4");
}

.m8q82ef {
  fill: #ffcc4d;
  d: path("M10 12H7.146C4 12 3 14 3 14l-3 5.959V25h13V15a3 3 0 0 0-3-3");
}

.mpfdmvb {
  cx: 6px;
  cy: 31px;
  r: 2px;
  fill: #ccd6dd;
}

.nftmqps {
  fill: #55acee;
  d: path("M9 20H2l2-4s1-2 3-2h2z");
}

.onuao3t {
  cx: 30px;
  cy: 31px;
  r: 4px;
  fill: #292f33;
}

.t1dwrwi {
  cx: 20px;
  cy: 31px;
  r: 2px;
  fill: #ccd6dd;
}

.yyu481t {
  cx: 6px;
  cy: 31px;
  r: 4px;
  fill: #292f33;
}

.z60p49bl {
  fill: #99aab5;
  d: path("M31 25H11v-1a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4v3a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4v-2z");
}
</style><path class="z60p49bl"/><path class="m8q82ef"/><path class="nftmqps"/><circle class="yyu481t"/><circle class="mpfdmvb"/><circle class="onuao3t"/><circle class="efmq3na"/><circle class="a29gj6w"/><circle class="t1dwrwi"/><path class="evgbyhi"/>`;

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

export default Component;
