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

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

.e9bwqccwq {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m20.169 29.821l3.916-11.719m3.746 11.748l-3.746-11.748m2.494 7.822h-5.111m-4.443-1.957c-4.546-8.848-6.147-16.661-3.52-18.176c2.927-1.695 10.005 5.082 15.804 15.126c5.798 10.043 8.123 19.56 5.196 21.245c-2.674 1.543-8.801-3.963-14.26-12.576");
}

.fhvm6dbzh {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M28.838 7.899c-3.125 2.636-6.843 7.295-10.137 13.009c-5.799 10.043-8.124 19.56-5.196 21.244c2.673 1.544 8.8-3.963 14.25-12.566m3.22-5.619c4.546-8.848 6.147-16.661 3.52-18.176");
}

.uyrnt5zan {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M8.149 27.995c3.85 1.29 9.526 2.109 15.851 2.109c11.597 0 21-2.74 21-6.128c0-3.04-7.577-5.554-17.517-6.043m-6.966 0C10.577 18.423 3 20.945 3 23.976");
}

.xfj__549o {
  cx: 5.165px;
  cy: 26.414px;
  r: 1.412px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
</style><path class="e9bwqccwq"/><path class="fhvm6dbzh"/><path class="uyrnt5zan"/><circle class="xfj__549o"/><circle class="aapz3bcrf"/>`;

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

export default Component;
