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

const viewBox = {"width":36,"height":36};
const content = `<style>.c3j1c86j {
  fill: #e6e7e8;
  d: path("M30 9h-2.45l-.242-4H8.692l-.241 4H6v6h2.088l-.242 4h20.308l-.242-4H30z");
}

.crka5fb {
  fill: #a0041e;
  d: path("M18 23h12.087a57 57 0 0 0 .5-2H18z");
}

.froyzjb {
  fill: #6d6e71;
  d: path("M8 11h20v2H8z");
}

.jf2eumb {
  fill: #bcbec0;
  d: path("M10 7h16v2H10z");
}

.k8bg4ml {
  fill: #bcbec0;
  d: path("M12 17h12v2H12z");
}

.lqvpfgbz {
  fill: #66757f;
  d: path("M18 19H5s1.355 8 4.875 14S18 33 18 33s4.606 6 8.125 0S31 19 31 19z");
}

.nr7kzbc {
  fill: #d1d3d4;
  d: path("M10 15h16v4H10z");
}

.p15eagy {
  fill: #58595b;
  d: path("M16 0h2v2h-2z");
}

.pe98tpg {
  fill: #d1d3d4;
  d: path("M16 2h4v4h-4z");
}

.r2yjwcc {
  fill: #a7a9ac;
  d: path("M18 2h2v4h-2z");
}

.rtrno_p {
  fill: #292f33;
  d: path("M16 0h4v5h-4z");
}

.y-qpvgq {
  fill: #55acee;
  d: path("M0 30h36v6H0z");
}

.ybtazqg {
  fill: #99aab5;
  d: path("M18 19H5s1.355 8 4.875 14S18 33 18 33z");
}

.yn-0z2b {
  fill: #be1931;
  d: path("M5.913 23h24.174a57 57 0 0 0 .5-2H5.413c.132.573.299 1.253.5 2");
}
</style><path class="rtrno_p"/><path class="pe98tpg"/><path class="r2yjwcc"/><path class="lqvpfgbz"/><path class="ybtazqg"/><path class="y-qpvgq"/><path class="c3j1c86j"/><path class="nr7kzbc"/><path class="froyzjb"/><path class="jf2eumb"/><path class="yn-0z2b"/><path class="crka5fb"/><path class="k8bg4ml"/><path class="p15eagy"/>`;

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

export default Component;
