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

const viewBox = {"width":48,"height":48};
const content = `<style>.j3s9ivbxi {
  width: 37px;
  height: 37px;
  x: 5.5px;
  y: 5.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 4px;
  ry: 4px;
}

.mniuyu27q {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m37.71 24.6l4.78-.736M5.51 29.6l18.4-2.83m3.2-18.39c5.44-1.46 11.035 1.765 12.496 7.206l.004.014a10.2 10.2 0 0 1-6.45 12.2l.144.52l1.11.645l2.83 10.6l-3.32.892l-2.83-10.6l.641-1.11l-.14-.526a10.2 10.2 0 0 1-4.47-19.9zm.819 3.09a6.908 6.908 0 1 0 3.738 13.3a6.908 6.908 0 0 0-3.735-13.3zM33.11 27.8l-1.6.5m-13.6-.6l-3.7-22.2");
}
</style><path class="mniuyu27q"/><rect class="j3s9ivbxi"/>`;

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

export default Component;
