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

const viewBox = {"width":48,"height":48};
const content = `<style>.ne8v0nb9r {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M13.662 29.781V16.787h8.224m-8.223 6.635h4.934m16.102-4.979l-2.137-2.006h-4.274l-2.138 2.006v9.36l2.138 2.006h4.274l2.137-2.006v-4.381h-2.534M29.574 6.71L24.015 3.5l-5.684 3.282m0 34.508l5.559 3.21l5.684-3.282m6.62-3.784l5.574-3.184l.031-6.563m-.096-7.518l.065-6.419l-5.65-3.34m-24.268.181L6.262 13.75l-.061 6.563m.013 7.518l.048 6.419l5.708 3.24");
}
</style><path class="ne8v0nb9r"/>`;

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

export default Component;
