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;
}

.isl_h3bp {
  fill: #dd2e44;
  d: path("M33 31c1 0 1-1 1-4c0-.692 0-3.862-.041-5.138C33.939 21.258 33.149 20 32 20H20v-6c0-1.058-.235-2-2-2h-5c-3 0-6 8-6 8s-6 0-6 3v4s-1 .338-1 1.957S1 31 2 31z");
}

.r4zf6nx {
  fill: #99aab5;
  d: path("M1 23h1v5H1z");
}

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

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

.txr1usbq {
  fill: #bbddf5;
  d: path("M10 19c0 1 .448 1 1 1h5a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-3c-1 0-3 4-3 5");
}

.w6-8cjb {
  cx: 9px;
  cy: 31px;
  r: 2px;
  fill: #ccd6dd;
}

.xn2_-bc {
  fill: #f492a9;
  d: path("M36 21.5a1.5 1.5 0 0 1-1.5 1.5H20v-3h14.5a1.5 1.5 0 0 1 1.5 1.5");
}

.xshaei-w {
  fill: #ccd6dd;
  d: path("M2 31H1c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1h1c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1m32 0h-1c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1h1c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1");
}
</style><path class="isl_h3bp"/><circle class="tga_h4b"/><circle class="w6-8cjb"/><circle class="cqqkwlb"/><circle class="sg4t97l"/><path class="txr1usbq"/><path class="xn2_-bc"/><path class="r4zf6nx"/><path class="xshaei-w"/>`;

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

export default Component;
