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

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

.ivaexcc {
  fill: #ffcc4d;
  d: path("m19 13l-.979-1H7.146C4 12 3 14 3 14l-3 5.959V25h19z");
}

.l-eprjbu {
  fill: #dd2e44;
  d: path("M36 27a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-3a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z");
}

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

.ri3zwqo {
  fill: #ccd6dd;
  d: path("M32 8H17a4 4 0 0 0-4 4v13h23V12a4 4 0 0 0-4-4");
}

.sg4t97l {
  cx: 27px;
  cy: 31px;
  r: 2px;
  fill: #ccd6dd;
}

.tga_h4b {
  cx: 9px;
  cy: 31px;
  r: 4px;
  fill: #292f33;
}

.w6-8cjb {
  cx: 9px;
  cy: 31px;
  r: 2px;
  fill: #ccd6dd;
}
</style><path class="l-eprjbu"/><path class="ivaexcc"/><path class="nftmqps"/><circle class="tga_h4b"/><circle class="w6-8cjb"/><circle class="cqqkwlb"/><circle class="sg4t97l"/><path class="ri3zwqo"/>`;

/** @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:delivery-truck"} {...others} />);
}

export default Component;
