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

const viewBox = {"width":48,"height":48};
const content = `<style>.aardoe77k {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M25.23 13.23h-2.46");
}

.dzpmp8u6s {
  width: 5px;
  height: 5px;
  x: 40.5px;
  y: 21.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 1px;
  ry: 1px;
}

.e775i3boe {
  width: 5px;
  height: 5px;
  x: 21.5px;
  y: 40.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 1px;
  ry: 1px;
}

.ecs5-_bat {
  width: 5px;
  height: 5px;
  x: 2.5px;
  y: 21.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 1px;
  ry: 1px;
}

.q-pdlkeyy {
  width: 14.77px;
  height: 24.617px;
  x: 16.615px;
  y: 11.692px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 1.231px;
  ry: 1.231px;
}

.qtcq_x0-e {
  width: 5px;
  height: 5px;
  x: 8.065px;
  y: 34.935px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 1px;
  ry: 1px;
}

.sltbhfmjv {
  width: 5px;
  height: 5px;
  x: 21.5px;
  y: 2.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 1px;
  ry: 1px;
}

.t0vurzb8i {
  cx: 24px;
  cy: 34.462px;
  r: 0.75px;
  fill: currentColor;
}

.u024917hz {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M18.461 14.769h11.078v17.724H18.461z");
}

.ukp3jcb8r {
  width: 5px;
  height: 5px;
  x: 34.935px;
  y: 34.935px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 1px;
  ry: 1px;
}

.v3dabs2gq {
  width: 5px;
  height: 5px;
  x: 34.935px;
  y: 8.065px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 1px;
  ry: 1px;
}

.ybvo7xbcl {
  width: 5px;
  height: 5px;
  x: 8.065px;
  y: 8.065px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 1px;
  ry: 1px;
}
</style><rect class="ecs5-_bat"/><rect class="dzpmp8u6s"/><rect class="sltbhfmjv"/><rect class="q-pdlkeyy"/><path class="u024917hz"/><rect class="e775i3boe"/><rect transform="rotate(-45 10.565 10.565)" class="ybvo7xbcl"/><rect transform="rotate(-45 37.435 37.435)" class="ukp3jcb8r"/><rect transform="rotate(-45 37.435 10.565)" class="v3dabs2gq"/><rect transform="rotate(-45 10.565 37.435)" class="qtcq_x0-e"/><circle class="t0vurzb8i"/><path class="aardoe77k"/>`;

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

export default Component;
