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

const viewBox = {"width":48,"height":48};
const content = `<style>.ii5jo78-r {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M4.509 14.952A21.1 21.1 0 0 0 2.5 24a21.4 21.4 0 0 0 6.963 15.838M36.07 6.192C41.75 10.056 45.5 16.597 45.5 24a21 21 0 0 1-.842 5.949M31.307 3.782A21.1 21.1 0 0 0 24 2.5a21.3 21.3 0 0 0-13.734 4.973a20.7 20.7 0 0 0-3.31 3.405h.007l35.896 23.46l.001-.009a21.3 21.3 0 0 1-2.754 3.883A21.33 21.33 0 0 1 24 45.5c-3.692 0-7.154-.937-10.195-2.563");
}
</style><path class="ii5jo78-r"/>`;

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

export default Component;
