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

const viewBox = {"width":36,"height":36};
const content = `<style>.a8w_f7b {
  fill: #939598;
  d: path("M0 22h36v3H0z");
}

.b3t24fp {
  fill: #f4900c;
  d: path("M0 25h1v2H0zm35-2h1v2h-1z");
}

.bs5-81t {
  fill: #ffac33;
  d: path("M35 19h1v2h-1z");
}

.c_wui6i {
  cx: 29px;
  cy: 31px;
  r: 4px;
}

.dcdd7tb {
  fill: #ccd6dd;
  d: path("M36 22v-9c0-1.657-3.343-3-5-3H11c-8 0-11 2.343-11 4v8z");
}

.drffaxh {
  fill: #55acee;
  d: path("M1 15H0v8h1a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1");
}

.fp7jsgp {
  cx: 29px;
  cy: 31px;
  r: 2px;
  fill: #99aab5;
}

.lm_8qlbp {
  fill: #292f33;
  d: path("M2 13H.342C.11 13.344 0 13.685 0 14v11h2a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2");
}

.mnp37cc {
  fill: #58595b;
  d: path("M1 13h35v10H1z");
}

.s4ia_lrz {
  fill: #bcbec0;
  d: path("M7 25a6 6 0 0 0-5.95 5.263A2.98 2.98 0 0 0 3 31h10a6 6 0 0 0-6-6m27.95 5.263A5.998 5.998 0 0 0 23 31h10c.749 0 1.425-.284 1.95-.737");
}

.ug16zfbk {
  fill: #55acee;
  d: path("M31 20a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h23a1 1 0 0 1 1 1z");
}

.uz9vavb {
  fill: #808285;
  d: path("M0 21v7a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3v-7z");
}

.v52zu-q {
  cx: 7px;
  cy: 31px;
  r: 2px;
  fill: #99aab5;
}

.vpg056k {
  cx: 7px;
  cy: 31px;
  r: 4px;
}
</style><path class="uz9vavb"/><path class="dcdd7tb"/><path class="a8w_f7b"/><path class="s4ia_lrz"/><circle class="vpg056k"/><circle class="v52zu-q"/><circle class="c_wui6i"/><circle class="fp7jsgp"/><path class="b3t24fp"/><path class="mnp37cc"/><path class="lm_8qlbp"/><path class="ug16zfbk"/><path class="bs5-81t"/><path class="drffaxh"/>`;

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

export default Component;
