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

const viewBox = {"width":48,"height":48};
const content = `<style>.acy4zwavf {
  cx: 28px;
  cy: 5.75px;
  r: 0.75px;
  fill: currentColor;
}

.blu69-6xd {
  cx: 20.031px;
  cy: 20px;
  r: 2.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cedi043iz {
  cx: 28px;
  cy: 42.25px;
  r: 0.75px;
  fill: currentColor;
}

.ckoj-2bub {
  cx: 12px;
  cy: 36px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.crp2f9b4e {
  cx: 42.25px;
  cy: 28px;
  r: 0.75px;
  fill: currentColor;
}

.d-re6uqoy {
  cx: 20px;
  cy: 12px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ep-nzcc4a {
  cx: 28px;
  cy: 36px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.f_b65leip {
  cx: 42.25px;
  cy: 20px;
  r: 0.75px;
  fill: currentColor;
}

.f5dgb0b9h {
  cx: 20px;
  cy: 5.75px;
  r: 0.75px;
  fill: currentColor;
}

.fqch3vb7w {
  cx: 20.031px;
  cy: 28px;
  r: 2.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.g1r-oq_tp {
  cx: 12.031px;
  cy: 20px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gkcqbv4vp {
  cx: 36px;
  cy: 36px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.i11pdjpqr {
  cx: 12.031px;
  cy: 28px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.i8vmhrbzk {
  cx: 36.031px;
  cy: 20px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ivyvlabky {
  cx: 28.031px;
  cy: 20px;
  r: 2.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.jgusv9ghm {
  cx: 20px;
  cy: 42.25px;
  r: 0.75px;
  fill: currentColor;
}

.k18zw31os {
  cx: 5.75px;
  cy: 20px;
  r: 0.75px;
  fill: currentColor;
}

.nrqnlac2n {
  cx: 5.75px;
  cy: 28px;
  r: 0.75px;
  fill: currentColor;
}

.oh7svlgij {
  cx: 12px;
  cy: 12px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ojlvlrtsi {
  cx: 28.031px;
  cy: 28px;
  r: 2.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.qnchs6bpq {
  cx: 36px;
  cy: 12px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.v-6sxc0ne {
  cx: 36.031px;
  cy: 28px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.x7mbb8bmc {
  cx: 28px;
  cy: 12px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ztfsavw5t {
  cx: 20px;
  cy: 36px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
</style><circle class="blu69-6xd"/><circle class="ivyvlabky"/><circle class="ojlvlrtsi"/><circle class="fqch3vb7w"/><circle class="k18zw31os"/><circle class="nrqnlac2n"/><circle class="f_b65leip"/><circle class="acy4zwavf"/><circle class="crp2f9b4e"/><circle class="f5dgb0b9h"/><circle class="cedi043iz"/><circle class="jgusv9ghm"/><circle class="oh7svlgij"/><circle class="d-re6uqoy"/><circle class="x7mbb8bmc"/><circle class="qnchs6bpq"/><circle class="ckoj-2bub"/><circle class="ztfsavw5t"/><circle class="ep-nzcc4a"/><circle class="gkcqbv4vp"/><circle class="i11pdjpqr"/><circle class="v-6sxc0ne"/><circle class="g1r-oq_tp"/><circle class="i8vmhrbzk"/>`;

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

export default Component;
