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

.i0emjnbq {
  fill: #55acee;
  d: path("M32 23.5a1.5 1.5 0 0 1-1.5 1.5h-22a1.5 1.5 0 1 1 0-3h22a1.5 1.5 0 0 1 1.5 1.5");
}

.icympz-f {
  fill: #bbddf5;
  d: path("M24 17a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1zm-11 0c0 1 .448 1 1 1h7a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-5c-1 0-3 3-3 4");
}

.l42wlibl {
  fill: #3b88c3;
  d: path("M5 31h26c1 0 3-1 3-4c0-2 0-8-1-9s0-7-4-7H15c-3 0-6 7-6 7l-4 1s-4 1-4 4v3s-1 .338-1 1.957S1 30 1 30z");
}

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

.wu2yzuuv {
  fill: #292f33;
  d: path("M36 24a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1z");
}
</style><path class="wu2yzuuv"/><path class="l42wlibl"/><circle class="tga_h4b"/><circle class="w6-8cjb"/><circle class="cqqkwlb"/><circle class="sg4t97l"/><path class="icympz-f"/><path class="i0emjnbq"/>`;

/** @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:sport-utility-vehicle"} {...others} />);
}

export default Component;
