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

const viewBox = {"width":36,"height":36};
const content = `<style>.ag9jwac {
  cx: 2.924px;
  cy: 12.023px;
  r: 1px;
  fill: #8ccaf7;
}

.cazc78h {
  cx: 18.012px;
  cy: 13.186px;
  fill: #9aaab4;
  rx: 8px;
  ry: 18px;
}

.dc7p0-b {
  cx: 18.428px;
  cy: 11.229px;
  fill: #ccd6dd;
  rx: 6px;
  ry: 15px;
}

.f52n7bb {
  fill: #ffd983;
  d: path("m27 36l-2-14l-17-5l-8 19z");
}

.gl21gfb {
  cx: 19.572px;
  cy: 5.85px;
  fill: #8ccaf7;
  rx: 1.5px;
  ry: 5px;
}

.igvznkbd {
  fill: #ffd983;
  d: path("M32.831 20.425c-.689 3.241-9.21 6.221-17.314 4.499S.841 17.013 1.53 13.772s8.587-3.287 16.69-1.564s15.3 4.976 14.611 8.217");
}

.kahqi1b {
  cx: 18.844px;
  cy: 9.273px;
  fill: #e1e8ed;
  rx: 3px;
  ry: 9px;
}

.m206izj {
  cx: 9.148px;
  cy: 16.413px;
  r: 1px;
  fill: #8ccaf7;
}

.o4ymezw {
  cx: 32.269px;
  cy: 18.261px;
  r: 1px;
  fill: #8ccaf7;
}

.oyqmpjb {
  cx: 24.798px;
  cy: 19.74px;
  r: 1px;
  fill: #8ccaf7;
}

.quk3usb {
  cx: 16.765px;
  cy: 19.055px;
  r: 1px;
  fill: #8ccaf7;
}

.rg9tg3b {
  cx: 34.183px;
  cy: 14.067px;
  fill: #8ccaf7;
  rx: .5px;
  ry: 1px;
}

.sksrmuh {
  fill: #67757f;
  d: path("m.414 10.977l.414 2.315l32.866 6.986l1.412-2.126z");
}

.vrrgtjn {
  cx: 17.481px;
  cy: 15.685px;
  fill: #67757f;
  rx: 7.556px;
  ry: 17px;
}

.w5heg-b {
  cx: 2.802px;
  cy: 7.397px;
  fill: #8ccaf7;
  rx: 1px;
  ry: .5px;
}

.xdqteubi {
  fill: #5dadec;
  d: path("M10.041 7.402c.344-1.621 2.996-4.475 9.843-3.02s8.108 5.141 7.764 6.762s-4.565 2.097-9.427 1.063s-8.525-3.184-8.18-4.805");
}
</style><path class="igvznkbd"/><path class="f52n7bb"/><ellipse transform="rotate(-78 17.482 15.686)" class="vrrgtjn"/><path class="sksrmuh"/><ellipse transform="rotate(-78 18.013 13.186)" class="cazc78h"/><ellipse transform="rotate(-78 18.43 11.23)" class="dc7p0-b"/><ellipse transform="rotate(-78 18.845 9.274)" class="kahqi1b"/><path class="xdqteubi"/><circle class="quk3usb"/><circle class="oyqmpjb"/><circle class="o4ymezw"/><ellipse transform="rotate(-50.811 34.182 14.066)" class="rg9tg3b"/><ellipse transform="rotate(-15.188 2.802 7.396)" class="w5heg-b"/><circle class="ag9jwac"/><circle class="m206izj"/><ellipse transform="rotate(-78 19.573 5.85)" class="gl21gfb"/>`;

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

export default Component;
