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

const viewBox = {"width":48,"height":48};
const content = `<style>.bag3gumtp {
  cx: 31.95px;
  cy: 31.96px;
  r: 2.13px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cb92evkpu {
  cx: 31.95px;
  cy: 16.04px;
  r: 2.13px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.e4fcc3mvb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M8.57 24a6.08 6.08 0 0 0-5.21-6a21.23 21.23 0 0 0 0 12a6.08 6.08 0 0 0 5.21-6");
}

.f0-5gg9nx {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M44.64 18a6 6 0 0 0 0 12a21.23 21.23 0 0 0 0-12");
}

.g-g8tongk {
  cx: 16.04px;
  cy: 16.04px;
  r: 2.13px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.g6x6njb5o {
  cx: 16.04px;
  cy: 31.96px;
  r: 2.13px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hzoaax0od {
  cx: 35.26px;
  cy: 24px;
  r: 2.13px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ikqys1apc {
  cx: 12.74px;
  cy: 24px;
  r: 2.13px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.jii1h_bvh {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M13.09 34.91a6 6 0 0 0-7.92-.54a21.64 21.64 0 0 0 8.46 8.46a6 6 0 0 0-.54-7.92");
}

.n4yqqkbxf {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M13.09 13.09a6 6 0 0 0 .54-7.92a21.64 21.64 0 0 0-8.46 8.46a6 6 0 0 0 7.92-.54M24 10.61a2.14 2.14 0 1 0 2.13 2.15v0A2.13 2.13 0 0 0 24 10.61m0-2.03a6.06 6.06 0 0 0 6-5.22a21.23 21.23 0 0 0-12 0a6.06 6.06 0 0 0 6 5.22");
}

.o7t3qnbhh {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M34.91 13.09a6 6 0 0 0 7.92.54a21.64 21.64 0 0 0-8.46-8.46a6 6 0 0 0 .54 7.92");
}

.q1w8mj70o {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 33.13a2.13 2.13 0 1 0 2.13 2.13A2.13 2.13 0 0 0 24 33.13m0 6.3a6.08 6.08 0 0 0-6 5.21a21.23 21.23 0 0 0 12 0a6.08 6.08 0 0 0-6-5.21");
}

.y854hmb8t {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M34.91 34.91a6 6 0 0 0-.54 7.92a21.64 21.64 0 0 0 8.46-8.46a6 6 0 0 0-7.92.54");
}
</style><path class="q1w8mj70o"/><circle class="g6x6njb5o"/><path class="jii1h_bvh"/><circle class="ikqys1apc"/><path class="e4fcc3mvb"/><circle class="g-g8tongk"/><path class="n4yqqkbxf"/><circle class="cb92evkpu"/><path class="o7t3qnbhh"/><circle class="hzoaax0od"/><path class="f0-5gg9nx"/><circle class="bag3gumtp"/><path class="y854hmb8t"/>`;

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

export default Component;
