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

const viewBox = {"width":36,"height":36};
const content = `<style>.f95ai4bv {
  fill: #ccd6dd;
  d: path("M35 8H13a1 1 0 0 0 0 2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2a1 1 0 1 0 0-2m1 5a1 1 0 0 1-1 1H13a1 1 0 0 1 0-2h22a1 1 0 0 1 1 1");
}

.gj8hk8b {
  fill: #ffac33;
  d: path("M8 11a1 1 0 0 1-1 1H5a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1");
}

.hhdsrgbn {
  fill: #dd2e44;
  d: path("M32 14H14s.041-2-2.979-2H5.146C0 12 0 19.959 0 19.959V27a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4v-9a4 4 0 0 0-4-4");
}

.jde4t5o {
  fill: #f5f8fa;
  d: path("M2 22h32v3H2z");
}

.jvf2tva {
  fill: #3b88c3;
  d: path("M10 11a1 1 0 0 1-1 1H7a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1");
}

.qdeebpb {
  cx: 28px;
  cy: 31px;
  r: 2px;
  fill: #8899a6;
}

.s0ret2b {
  fill: #55acee;
  d: path("M7 20H2s0-6 3-6h2zm5 0H9v-6h1c1 0 2 1 2 2z");
}

.tw9sbis {
  cx: 7px;
  cy: 31px;
  r: 4px;
  fill: #292f33;
}

.ut_b2kb {
  cx: 7px;
  cy: 31px;
  r: 2px;
  fill: #8899a6;
}

.y4ucnml {
  cx: 28px;
  cy: 31px;
  r: 4px;
  fill: #292f33;
}
</style><path class="f95ai4bv"/><path class="hhdsrgbn"/><path class="jde4t5o"/><circle class="tw9sbis"/><circle class="ut_b2kb"/><circle class="y4ucnml"/><circle class="qdeebpb"/><path class="s0ret2b"/><path class="gj8hk8b"/><path class="jvf2tva"/>`;

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

export default Component;
