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

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

.i0o7kywsk {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M21.014 26.597v-5.2l2.603 5.206l2.603-5.198v5.198m-10.553 0v-5.206h1.704a1.748 1.748 0 0 1 0 3.497h-1.704m1.704 0l1.704 1.708m14.573.001v-5.206l3.448 5.206v-5.206m-31.596 0v5.206m3.449-5.206v5.206M5.5 23.99h3.449M42.5 21.397L40.776 24l-1.725-2.603m1.725 5.206V24m-12.576.878a1.724 1.724 0 1 0 3.449 0v-1.756a1.724 1.724 0 0 0-3.449 0Zm-17.482 1.709l1.728-5.19m1.656 5.206l-1.656-5.206m1.102 3.464h-2.255");
}
</style><path class="i0o7kywsk"/><circle class="cpk0fnbgt"/>`;

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

export default Component;
