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

const viewBox = {"width":36,"height":36};
const content = `<style>.eqxaczb {
  cx: 8.999px;
  cy: 27px;
  r: 4px;
  fill: #ffcc4d;
}

.qz8_yvbh {
  fill: #ffac33;
  d: path("M.973 35s-.036-7.979 2.985-11S15 21.187 15 21.187S14.999 29 11.999 32S.973 35 .973 35");
}

.vtfov4bp {
  d: path("M26.999 5a4 4 0 0 0-3.641 2.36A4 4 0 0 1 24.999 7a4 4 0 0 1 4 4c0 .586-.133 1.139-.359 1.64A3.99 3.99 0 0 0 30.999 9a4 4 0 0 0-4-4");
}

.wh99qyz {
  fill: #a0041e;
  d: path("m1 17l8-7l16 1l1 16l-7 8s.001-5.999-6-12s-12-6-12-6");
}

.x0qe_db {
  fill: #55acee;
  d: path("M35.999 0s-10 0-22 10c-6 5-6 14-4 16s11 2 16-4c10-12 10-22 10-22");
}

.yxrwvlb {
  fill: #a0041e;
  d: path("M8 28s0-4 1-5s13.001-10.999 14-10s-9.001 13-10.001 14S8 28 8 28");
}
</style><path class="wh99qyz"/><path class="qz8_yvbh"/><circle class="eqxaczb"/><path class="x0qe_db"/><path class="vtfov4bp"/><path class="yxrwvlb"/>`;

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

export default Component;
