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

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

.bxrean6mb {
  cx: 22px;
  cy: 24px;
  r: 0.75px;
  fill: currentColor;
}

.d61k1-blh {
  cx: 32px;
  cy: 24px;
  r: 0.75px;
  fill: currentColor;
}

.d8lt7nmvr {
  cx: 28px;
  cy: 24px;
  r: 0.75px;
  fill: currentColor;
}

.dfpiayb2f {
  cx: 16px;
  cy: 18px;
  r: 0.75px;
  fill: currentColor;
}

.f1hlwnurd {
  cx: 32px;
  cy: 30px;
  r: 0.75px;
  fill: currentColor;
}

.fg--15b-y {
  cx: 16px;
  cy: 30px;
  r: 0.75px;
  fill: currentColor;
}

.j4zizsbio {
  cx: 18px;
  cy: 30px;
  r: 0.75px;
  fill: currentColor;
}

.kd1hnjbqm {
  cx: 14px;
  cy: 21px;
  r: 0.75px;
  fill: currentColor;
}

.kds0e849d {
  cx: 30px;
  cy: 30px;
  r: 0.75px;
  fill: currentColor;
}

.ko7crg9gy {
  cx: 34px;
  cy: 27px;
  r: 0.75px;
  fill: currentColor;
}

.l4p0x3sqg {
  cx: 30px;
  cy: 18px;
  r: 0.75px;
  fill: currentColor;
}

.mcae41b4q {
  cx: 34px;
  cy: 18px;
  r: 0.75px;
  fill: currentColor;
}

.nlrg5mbwr {
  cx: 32px;
  cy: 18px;
  r: 0.75px;
  fill: currentColor;
}

.ou35dxbky {
  cx: 28px;
  cy: 30px;
  r: 0.75px;
  fill: currentColor;
}

.pvq520ook {
  cx: 20px;
  cy: 18px;
  r: 0.75px;
  fill: currentColor;
}

.q3s7ihbug {
  cx: 20px;
  cy: 30px;
  r: 0.75px;
  fill: currentColor;
}

.qnaw-ggri {
  cx: 22px;
  cy: 21px;
  r: 0.75px;
  fill: currentColor;
}

.sn8_o5l7p {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M39.23 26q.13-.995.14-2a17 17 0 0 0-.14-2l4.33-3.39a1 1 0 0 0 .25-1.31l-4.1-7.11a1 1 0 0 0-1.25-.44l-5.11 2.06a15.7 15.7 0 0 0-3.46-2l-.77-5.43a1 1 0 0 0-1-.86H19.9a1 1 0 0 0-1 .86l-.77 5.43a15.4 15.4 0 0 0-3.46 2L9.54 9.75a1 1 0 0 0-1.25.44l-4.1 7.11a1 1 0 0 0 .25 1.31L8.76 22a17 17 0 0 0-.14 2q.01 1.005.14 2l-4.32 3.39a1 1 0 0 0-.25 1.31l4.1 7.11a1 1 0 0 0 1.25.44l5.11-2.06a15.7 15.7 0 0 0 3.46 2l.77 5.43a1 1 0 0 0 1 .86h8.2a1 1 0 0 0 1-.86l.77-5.43a15.4 15.4 0 0 0 3.46-2l5.11 2.06a1 1 0 0 0 1.25-.44l4.1-7.11a1 1 0 0 0-.25-1.31z");
}

.t4js6eb4l {
  cx: 14px;
  cy: 27px;
  r: 0.75px;
  fill: currentColor;
}

.tmh7jsbwk {
  cx: 22px;
  cy: 27px;
  r: 0.75px;
  fill: currentColor;
}

.un_a68b1m {
  cx: 26px;
  cy: 30px;
  r: 0.75px;
  fill: currentColor;
}

.v6bv_sjvp {
  cx: 26px;
  cy: 21px;
  r: 0.75px;
  fill: currentColor;
}

.x8omb6s1f {
  cx: 14px;
  cy: 24px;
  r: 0.75px;
  fill: currentColor;
}

.zbmw4xwgo {
  cx: 18px;
  cy: 18px;
  r: 0.75px;
  fill: currentColor;
}

.zovp4ebjs {
  cx: 28px;
  cy: 18px;
  r: 0.75px;
  fill: currentColor;
}
</style><circle class="dfpiayb2f"/><circle class="kd1hnjbqm"/><circle class="zbmw4xwgo"/><circle class="pvq520ook"/><circle class="fg--15b-y"/><circle class="j4zizsbio"/><circle class="q3s7ihbug"/><circle class="un_a68b1m"/><circle class="ou35dxbky"/><circle class="kds0e849d"/><circle class="f1hlwnurd"/><circle class="qnaw-ggri"/><circle class="v6bv_sjvp"/><circle class="x8omb6s1f"/><circle class="bxrean6mb"/><circle class="t4js6eb4l"/><circle class="tmh7jsbwk"/><circle class="ko7crg9gy"/><circle class="d8lt7nmvr"/><circle class="ab4h_1lhy"/><circle class="d61k1-blh"/><circle class="zovp4ebjs"/><circle class="l4p0x3sqg"/><circle class="nlrg5mbwr"/><circle class="mcae41b4q"/><path class="sn8_o5l7p"/>`;

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

export default Component;
