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

const viewBox = {"width":48,"height":48};
const content = `<style>.ekfcntbyr {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m31.088 34.767l4.049-4.049a3.436 3.436 0 0 1 4.858 4.859l-5.398 5.398a2.67 2.67 0 0 1-3.78 0L8.686 18.842a2.67 2.67 0 0 1 0-3.779l6.208-6.208c4.472-4.472 11.723-4.472 16.195 0s4.472 11.723 0 16.195l-3.239 3.24l4.859 4.858m-18.839 2.48v3.436a3.435 3.435 0 1 1-6.871 0v-7.635a2.67 2.67 0 0 1 2.672-2.672h4.199a9.2 9.2 0 0 0 3.87-.858");
}

.ms9b0gbgm {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M22.77 32.93a16.03 16.03 0 0 1-8.9 2.698h-2.29");
}

.qvq2mt1ug {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m16.513 16.953l3.239-3.239a4.58 4.58 0 1 1 6.478 6.478l-3.24 3.239z");
}
</style><path class="qvq2mt1ug"/><path class="ekfcntbyr"/><path class="ms9b0gbgm"/>`;

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

export default Component;
