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

const viewBox = {"width":48,"height":48};
const content = `<style>.mf9gz3_vn {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 2.5c11.874 0 21.5 9.626 21.5 21.5S35.874 45.5 24 45.5c-8.294 0-15.49-4.696-19.077-11.574A21.4 21.4 0 0 1 2.5 24C2.5 12.126 12.126 2.5 24 2.5");
}

.nd_8ug1xy {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 13.03a7.37 7.37 0 0 0-7.37 7.37c0 5.768 5.627 12.708 7.1 14.412c.166.19.452.21.642.045l.045-.045c1.455-1.71 6.953-8.645 6.953-14.412c0-4.07-3.3-7.37-7.37-7.37m0 9.37a2.5 2.5 0 1 1 2.5-2.5h0v.007a2.5 2.5 0 0 1-2.5 2.492");
}

.qg5aii81h {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M4.923 33.926c3.253-3.79 7.569-6.779 12.672-8.489m13.337-1.25c5.186.71 9.88 2.738 13.75 5.704");
}
</style><path class="nd_8ug1xy"/><path class="qg5aii81h"/><path class="mf9gz3_vn"/>`;

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

export default Component;
